メインコンテンツにスキップ
ShopifyにInstagramストーリーを埋め込む方法
Rio Tanaka avatar
対応者:Rio Tanaka
1年以上前に更新

この記事は英語版のヘルプ記事を翻訳したものです。英語による管理画面の画像が表示されていますが、ご利用時には日本語の管理画面をご利用いただけます。

EmbedStoriesプラットフォームでは、ショートコードを使用することで、簡単にInstagramのストーリーを生成し、Shopifyのページに表示することができます。

始める前に

  • EmbedStoriesアカウントにログインし、Instagramのストーリーを生成します。

  • 以下のようにウィジェットからコードを取得します。

Shopifyにコードを埋め込む場合、2つのオプションがあります。

  • すでにあるページにコードを埋め込む

  • 新しいページにコードを埋め込む

オプション 1: 既存のページにコードを埋め込む

Shopifyストアを開き、オンラインストアの下にあるテーマをクリックし、アクションの下にあるコードを編集をクリックします。

ストーリーを表示したいページを見つけて、ウィジェットからコピーしたコードを貼り付けます。この例では、index.liquidというホームページにコードを貼り付けています。

完了したら、必ず「保存」をクリックしてください。以上で完了です!

あなたのShopifyホームページにストーリーウィジェットがどのように表示されるかのプレビューです。

オプション2:新しいページにコードを埋め込む

この方法では、あなたのウェブサイトに新しくStories専用のページを作成します。

Shopifyのダッシュボードで、Online Storeの下のPagesに行き、右上のAdd pageをクリックします。

ページのタイトルを書き、Show Htmlをクリックし、EmbedStoriesから生成されたコードを貼り付け、Saveをクリックします。

以上です!

これが新しいインスタグラムのストーリーページのプレビューです。

ご不明な点がございましたら、右下のチャットよりお気軽にお問い合わせくださいませ。

こちらの回答で解決しましたか?