動的注入により、注入されたコードでCMSコレクションフィールドをリアルタイム更新に使用できる柔軟性が得られます。これにより、インタラクティブな ソーシャルシェアボタン、eコマースプラットフォーム、ポッドキャストや音楽プラットフォーム、イベントウェブサイトなど。
ダイナミックインジェクションの主要コンポーネント
動的注入はそれぞれ若干異なりますが、すべて次のものが必要です。
- 外部埋め込み 脚本 と 異なる識別子 動的に表示したいコンテンツ(ツイート、Shopifyアイテム、Eventbriteイベントなど)
- あ Webflow CMS コレクション 一意の識別子を入力するためのプレーンテキストフィールドを含む
ダイナミックインジェクションの開発
クリックしてツイートするボタンを作成しましょう。動的インジェクションを設定するには:
- コレクション内に一意の識別子用のプレーンテキストフィールドを作成し、「ツイートテキスト」という名前を付けます。
- 下記のコードをコピーしてください
- コレクションリストまたはコレクションページに埋め込み要素を挿入する
- コードを貼り付ける
- 一意の識別子「ツイートテキスト」を選択します
- クリック フィールドを含める
- 「ツイートテキスト」を選択
よりカスタマイズされた開発に関する包括的なガイドを参照してください クリックしてツイートするボタン.
以下のガイドを参照して、動的インジェクションを活用する方法を学習してください。
- 電子商取引プラットフォーム (Shopifyなどの外部ツールを使用)
- ポッドキャストと音楽プラットフォーム(SoundCloud経由)
- イベントウェブサイト (Eventbrite を使用)
認識された制約: E コマース フィールドに関連する動的インジェクションは、選択されたバリアントに基づいて自動的に更新されません。たとえば、サイトの訪問者が異なる価格の製品バリアントを選択した場合、この価格変更は動的インジェクションによって反映されず、顧客は価格変更を確認できません。
Ewan Mak による最新の投稿 (すべてを見る)
- ワークスペーススポットとメンバーの追加または削除 - 2024年4月15日
- センタリングボックスの概要 - 2024年4月15日
- 将来の参照用にサイトを保存する - 2024年4月15日