アドビコマースクラウドへのウィジェットの追加

ウィジェットを追加して Firework 動画をストアフロントに挿入する方法を学びましょう。

Last updated:
October 8, 2025

パターン1: ウィジェット挿入を使用する

ステップ #1

に移動 コンテンツ-> ページ

ステップ #2

[選択] [編集] 必要なページに。

Widget in Adobe Commerce Cloud

ステップ #3

選択 ページビルダーで編集

ステップ #4

を追加 HTML コード ウィジェットを埋め込みたい場所にブロックします。

ステップ #5

クリック 編集 (⚙)

Widget in Adobe Commerce Cloud1

ステップ #6

[選択] ウィジェットを挿入 そして選択してください Firework ビデオ

ステップ #7

レイアウト、チャンネル、プレイリストを選択し、クリック [保存]

Widget in Adobe Commerce Cloud2

パターン 2: HTML コードを使用する

パターン1を使用 コーディングなしで簡単に埋め込むことができます(カスタマイズが制限されています)。
パターン2を使用 レイアウト、サイズ、タイトルなどをカスタマイズできます (HTML の知識が必要です)。

ステップ #1

Firework ダッシュボード → プレイリスト/レイアウトから HTML コードを取得します。

ステップ #2

コンテンツセクションに HTML コードを貼り付けて編集します。

Widget in Adobe Commerce Cloud3

製品/カートハイドレーションを実装する場合は、次のスクリプトを追加する必要があります。

<script async type="text/javascript" src="//asset.fwcdn3.com/js/integrations/magento.js"></script>

複数のプレイリストを表示 only を使用してスクリプトの重複を回避する fwn.js、これには以下のロジックが含まれます storyblock.js そして embed-feed.js