他のウェブサイト構築のためのCMSプラットフォームとは異なり、BigCommerceはエディタにHTMLコードを追加する直接のオプションを提供しておらず、基本的にはいくつかのテーマファイルを編集する必要があります。

BigCommerceの公式チュートリアルによれば、テーマファイルを編集する間にライブウェブサイトでエラーを回避するために、現在のテーマのコピーを作成することが推奨されています。

まずはエンベットフィードアカウントにログインし、SNS投稿のウィジェットを作成し、

以下に示すように、埋め込みコードを取得します。

したがって、最初のステップは現在のテーマのコピーを作成することです。

以下の手順に従って実行してください。

Storefront › My Themesに移動します。

現在のテーマのAdvancedドロップダウンメニューをクリックします。

Make Copyをクリックします。

これらの手順を完了すると、コピーがMy themesセクションに表示されます。このテーマファイルを編集するには、テーマサムネイルの下にある3つの点のアイコンをクリックし、Edit Theme Filesをクリックする必要があります。

ファイルエディタで、編集したいファイルとコードを埋め込みたい場所をナビゲートします。

たとえば、ホームページにフィードを追加できます。

これを行うには、以下の手順に従ってください。

ファイルのリストの左側で、Templates > Pages > home.htmlファイルを探し、それをクリックします。

コードを貼り付けたいホームページセクションが表示される名前を選択できるホームページセクションが表示されます。

プレビューをクリックし、レイアウトが気に入ったらファイルを保存してください。

次に、新しいテーマをストアフロントに適用する必要があります。これを行うには、以下の手順に従ってください。

以上です。

これで、写真アルバムがウェブサイトに表示されます。

以下は、ウェブページでInstagramフィードがどのように表示されるかのプレビューです。
​
​