他のウェブサイト構築のためのCMSプラットフォームとは異なり、BigCommerceはエディタにHTMLコードを追加する直接のオプションを提供しておらず、基本的にはいくつかのテーマファイルを編集する必要があります。
BigCommerceの公式チュートリアルによれば、テーマファイルを編集する間にライブウェブサイトでエラーを回避するために、現在のテーマのコピーを作成することが推奨されています。
まずはエンベットフィードアカウントにログインし、SNS投稿のウィジェットを作成し、
以下に示すように、埋め込みコードを取得します。
BigCommerceにコードを埋め込む
したがって、最初のステップは現在のテーマのコピーを作成することです。
以下の手順に従って実行してください。
Storefront › My Themesに移動します。
現在のテーマのAdvancedドロップダウンメニューをクリックします。
Make Copyをクリックします。
コピーされたテーマの名前を入力します。
Saveをクリックします。
これらの手順を完了すると、コピーがMy themesセクションに表示されます。このテーマファイルを編集するには、テーマサムネイルの下にある3つの点のアイコンをクリックし、Edit Theme Filesをクリックする必要があります。
ファイルエディタで、編集したいファイルとコードを埋め込みたい場所をナビゲートします。
たとえば、ホームページにフィードを追加できます。
これを行うには、以下の手順に従ってください。
ファイルのリストの左側で、Templates > Pages > home.htmlファイルを探し、それをクリックします。
コードを貼り付けたいホームページセクションが表示される名前を選択できるホームページセクションが表示されます。
プレビューをクリックし、レイアウトが気に入ったらファイルを保存してください。
次に、新しいテーマをストアフロントに適用する必要があります。これを行うには、以下の手順に従ってください。
Storefront › My Themesに移動し、テーマのリストにスクロールします。
コピーして編集したテーマをクリックします。
次に、Design Optionsのドロップダウンメニューの近くにあるApplyをクリックします。
以上です。
これで、写真アルバムがウェブサイトに表示されます。
以下は、ウェブページでInstagramフィードがどのように表示されるかのプレビューです。
詳細やご不明点は、このページの右下のチャットサポートかCSチームにお問い合わせくださいませ。