メインコンテンツにスキップ
Shopifyにソーシャルメディアアルバムを埋め込む

ShopifyページにFacebook、Instagram、またはTwitterのアルバムを埋め込み、表示する手順

Yuka Isobe avatar
対応者:Yuka Isobe
1年以上前に更新

こちらの記事は英語記事を自動翻訳したものです。

エンベットアルバムを使って、ショートコードを使用して簡単にShopifyページSNS投稿を表示できます。

始める前に

EmbedAlbumアカウントにログインしてアルバムを生成します

Instagramアルバムからコードを取得します(下図参照)

※実際の管理画面は日本語仕様です。

Facebookアルバムについても同じ手順を実行できることに注意してください。

Shopifyにコードを埋め込む際の2つのオプションがあります。この記事では両方のオプションについて説明します。

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

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

フィードを表示したいページを見つけ、Instagramアルバムからコピーしたコードを貼り付けます。

この例では、ホームページである「index.liquid」にコードを貼り付けています。

完了したら必ず「保存」をクリックしてください。

以上です。

以下は、Shopifyのホームページに表示されるInstagramアルバムウィジェットのプレビューです。

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

このオプションでは、ウェブサイト用に新しい専用のアルバムページを作成します。

Shopifyのダッシュボードで、オンラインストアの下にある「ページ」に移動し、右上隅にある「ページを追加」をクリックします。

ページのタイトルを入力し、「HTMLを表示」をクリックし、エンベットフィードから生成されたコードを貼り付け、保存をクリックします。

以上です。

新しいInstagramアルバムページのプレビューが以下に表示されます。こちらはThree Columnレイアウトを使用しています。

詳細やご不明点は、このページの右下のチャットサポートかCSチームにお問い合わせくださいませ。

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