Shopify ストアにオンサイトのコンテンツブロックを追加
推定 1 分で読めます
|
更新日 2026年6月25日 0:00 EST
Shopify ストアにオンサイトのコンテンツブロックを追加
Klaviyo Customer Hub でオンサイト コンテンツ ブロックを作成し、Shopify のストアフロントに表示する方法を確認してください。オンサイト コンテンツ ブロックを使用すると、Klaviyo のターゲティング機能とパーソナライゼーション機能を活用しながら、パーソナライズされたメッセージング、プロモーション、行動喚起をストアフロントに直接表示できます。
始める前に
オンサイト コンテンツ ブロックを作成する前に、次を確認してください:
- ストアで Klaviyo Customer Hub が有効になっています。
- Klaviyo コンテンツ ブロック テーマ アプリ ブロックをサポートする Shopify テーマを使用しています。
- パーソナライゼーションタグ(たとえば、顧客の名)を使用する場合、コンテンツブロックは ログイン中の買い物客 をターゲットにします。パーソナライゼーションは、Klaviyo が買い物客を特定できる場合にのみ使用できます。
オンサイトのコンテンツブロックを作成する
- Klaviyo で Klaviyo Customer Hub > [デザイン] に移動します。
- Onsite content blocks セクションまでスクロールします。
- [ブロックを作成する] をクリックします。
- 次のいずれかを選択してください:
- 既存のドロワー コンテンツ ブロックをインポートします。
- Klaviyo コンテンツブロックライブラリのテンプレートから始めます。
- 新しいコンテンツブロックを作成してください。
- 次を追加してコンテンツをデザインします:
- 見出しと本文テキスト
- 画像(任意)
- ボタンまたはリンク
- お客様の名などのパーソナライゼーションタグ
- ボタンまたはリンクの遷移先を設定してください。購入者を Klaviyo Customer Hub に誘導するには、遷移先として Klaviyo Customer Hub のクーポンを選択します。
- 内部名 を入力してください。この名前は識別と翻訳に使用され、買い物客には表示されません。
- ターゲティング 設定を使用して、ブロックを表示するオーディエンスを選択します。
- 必要に応じて、サイズやスタイルなど、ブロックの外観を調整します。
- [公開] をクリックします。
公開後、Klaviyo は一意の コンテンツブロック ID(UUID) を生成します。この ID は、ブロックを Shopify テーマに追加する際に使用します。
重要:コンテンツにパーソナライゼーションタグが含まれている場合は、公開する前に表示対象を [ログイン済みの購入者] に更新してください。パーソナライゼーションは匿名の訪問者には利用できません。
Shopify テーマにコンテンツブロックを追加
コンテンツ ブロックを公開したら:
- Klaviyo で、コンテンツ ブロック ID(UUID)をコピーします。
- Shopify で、[Online Store] > [Themes] に移動します。
- テーマエディターを開くには、[カスタマイズ] をクリックします。
- コンテンツ ブロックを表示するテンプレートを開きます(例:商品ページ テンプレート)。
- [ブロックを追加] をクリックします。
- [Klaviyo コンテンツ ブロック] を選択します。
- Content Block ID を Content Block ID フィールドに貼り付けます。
- ブロックをページ レイアウト内の任意の場所に移動します。
- [保存] をクリックします。
コンテンツブロックは、Klaviyo Content Block アプリブロックを配置した任意の場所に表示されるようになります。
コンテンツブロックのプレビューとテスト
コンテンツブロックが ログイン中の買い物客 向けに設定されている場合、認識されたログイン中の顧客としてサイトを表示していない限り、Shopify Theme Editor のプレビューには表示されません。
公開前に配置を確認するには:
- コンテンツ ブロックの表示対象を一時的に [すべての購入者] に変更してください。
- ストアフロントをプレビューして、配置とスタイルを確認してください。
- 問題なければ、表示設定を ログイン済みの購入者 に戻してください(パーソナライゼーションを使用している場合)。
- 必要に応じてコンテンツ ブロックを再公開します。
注意:All shoppers としてプレビューしている間は、パーソナライゼーションタグは顧客データでレンダリングされません。これらは、認識されたログイン済みの買い物客に対してのみ入力されます。
使用例
オンサイトのコンテンツブロックは次の用途に使用できます:
- 商品ページで商品別のオファーを宣伝します。
- VIP 顧客向けの限定クーポンを表示する。
- ロイヤルティまたはリワードのメリットを強調します。
- 顧客プロファイルプロパティを使用してプロモーションメッセージをパーソナライズする。
- 買い物客を Klaviyo Customer Hub に誘導して、クーポンを利用したり、パーソナライズされたオファーを表示したりします。
仕組み
買い物客が Klaviyo コンテンツ ブロックを含むページにアクセスした場合:
- Klaviyo は、コンテンツ ブロック ID を使用して公開済みコンテンツを取得します。
- ターゲティング ルールによって、購入者がコンテンツを表示すべきかどうかが決まります。
- 購入者が認識されると、Klaviyo プロファイルを使用してパーソナライゼーションタグが設定されます。
- Klaviyo Customer Hub を開くよう設定されたリンクは、利用可能なクーポンなど、関連する体験に買い物客を直接誘導します。
これにより、メッセージが変更されるたびに Shopify テーマを修正することなく、動的で再利用可能なプロモーション コンテンツを作成できます。
この記事は役に立ちましたか?
この記事へのフィードバックには、このフォームのみを使用してください。 サポートへの連絡方法.