Shopify ストアにオンサイトのコンテンツブロックを追加

Klaviyo カスタマーハブでオンサイト コンテンツ ブロックを作成し、Shopify のストアフロントに表示する方法を確認してください。オンサイト コンテンツ ブロックを使用すると、Klaviyo のターゲティング機能とパーソナライゼーション機能を活用しながら、パーソナライズされたメッセージング、プロモーション、行動喚起をストアフロントに直接表示できます。

始める前に

オンサイト コンテンツ ブロックを作成する前に、次を確認してください：

• カスタマーハブはストアで有効になっており、アカウントでカスタマーハブのパーソナライズ機能を利用できます。
• Klaviyo コンテンツ ブロック テーマ アプリ ブロックをサポートする Shopify テーマを使用しています。
• パーソナライゼーションタグ（例：顧客の名）を使用する予定の場合、コンテンツブロックの表示設定がログイン中の購入者に設定されていることを確認してください。エディタでは、表示設定がすべての購入者またはログアウト中の購入者のパーソナライズ済みブロックを公開できないようになっています。

オンサイトのコンテンツブロックを作成する

1. Klaviyo で Klaviyo カスタマーハブ> [デザイン] に移動します。
2. Onsite content blocks セクションまでスクロールします。
3. [ブロックを作成する] をクリックします。
4. 次のいずれかを選択してください：
   • 既存のドロワーまたはオンサイトのコンテンツブロックを再利用するには、Your blocksの下で、コピーしたいブロックのAdd blockをクリックします。
   • Klaviyoコンテンツブロックライブラリのテンプレートから始めます。テンプレート上で[ブロックを追加]をクリックしてください。
   • 新しいコンテンツブロックを作成するには、独自に作成をクリックします。
5. [コンテンツ]タブで、次の項目を追加してコンテンツをデザインします：
   • ブロックヘッダーの見出しと、ブロック段落の本文テキスト
   • 画像（任意）
   • リンク先（任意）
   • お客様の名などのパーソナライゼーションタグ
6. ブロックをクリック可能にするには、リンクフィールドに遷移先を入力してください。カスタマーハブのクーポンページを開くには、#k-hub/couponsを入力し、リンクを新しいタブで開くをオフのままにしてください。ブロックに情報のみを表示する場合は、リンクを空欄のままにしてください。
7. [内部名]を入力してください。この名前は識別と翻訳に使用され、購入者には表示されません。公開する前に選択してください。後から編集できません。
8. 表示を設定して、どの購入者がブロックを表示できるかを選択します。特定のリストまたはセグメントをターゲットにするには、ターゲティングの表示対象と非表示対象を使用します。
9. スタイルタブで、必要に応じてサイズやスタイル設定など、ブロックの外観を調整します。
10. [公開] をクリックします。

公開後、ブロック固有のIDがContentタブにBlock UUIDとして表示されます。このIDは、Shopifyテーマにブロックを追加する際に使用します。

重要：コンテンツにパーソナライゼーションタグが含まれている場合は、公開する前に表示対象を [ログイン済みの購入者] に更新してください。パーソナライゼーションは匿名の訪問者には利用できません。

Shopify テーマにコンテンツブロックを追加

コンテンツ ブロックを公開したら：

1. Klaviyoでブロックの[コンテンツ]タブを開き、[ブロックUUID]の横にあるコピーコントロールを使用してください。
2. Shopify で、[Online Store] > [Themes] に移動します。
3. テーマエディターを開くには、[カスタマイズ] をクリックします。
4. コンテンツ ブロックを表示するテンプレートを開きます（例：商品ページ テンプレート）。
5. [ブロックを追加] をクリックします。
6. [Klaviyo コンテンツ ブロック] を選択します。
7. KlaviyoからコピーしたUUIDを、コンテンツブロックIDフィールドに貼り付けます。
8. ブロックをページ レイアウト内の任意の場所に移動します。
9. [保存] をクリックします。

コンテンツブロックは、表示/ターゲティング設定に一致する購入者に対して、Klaviyo Content Blockアプリブロックを配置した任意の場所に表示できるようになりました。

コンテンツブロックのプレビューとテスト

コンテンツブロックがログイン済みの購入者向けに設定されている場合は、顧客アカウントにログインした状態でストアフロント上でテストしてください。ログインした顧客セッションなしのプレビューでは、ブロックは表示されません。

配置、スタイル、パーソナライゼーションをテストするには：

1. ブロックで意図したVisibilityおよびTargetingの設定を維持してください。変更した場合は、テストする前にKlaviyoでPublishをクリックしてください。
2. アプリブロックを配置したストアフロントページを開きます。ブロックがログイン中の購入者に設定されている場合は、顧客アカウントにログインします。
3. 配置、スタイル、テキスト、リンク先を確認します。リストまたはセグメントのターゲティングを使用する場合は、意図したオーディエンスに含まれる顧客でテストします。
4. 変更が必要な場合は、カスタマーハブ > [デザイン]に戻り、ブロックを選択して更新し、[公開]をクリックしてください。ストアフロントページを再読み込みして、もう一度テストしてください。

注: すべての買い物客またはログアウト中の買い物客の表示設定では、パーソナライズされたブロックを公開できません。パーソナライゼーションタグを使用するコンテンツをテストする際は、ログイン中の買い物客を選択したままにしてください。

使用例

オンサイトのコンテンツブロックは次の用途に使用できます：

• 商品ページで商品別のオファーを宣伝します。
• VIP 顧客向けの限定クーポンを表示する。
• ロイヤルティまたはリワードのメリットを強調します。
• 顧客プロファイルプロパティを使用してプロモーションメッセージをパーソナライズする。
• 買い物客を Klaviyo カスタマーハブに誘導して、クーポンを利用したり、パーソナライズされたオファーを表示したりします。

仕組み

買い物客が Klaviyo コンテンツ ブロックを含むページにアクセスした場合：

• Klaviyo は、コンテンツ ブロック ID を使用して公開済みコンテンツを取得します。
• ターゲティング ルールによって、購入者がコンテンツを表示すべきかどうかが決まります。
• ブロックがログイン済みの購入者向けに設定されている場合、パーソナライゼーションタグは、ログイン済み購入者のKlaviyoプロファイルを使用して入力されます。
• Klaviyo カスタマーハブを開くよう設定されたリンクは、利用可能なクーポンなど、関連する体験に買い物客を直接誘導します。

これにより、メッセージが変更されるたびに Shopify テーマを修正することなく、動的で再利用可能なプロモーション コンテンツを作成できます。