Klaviyo カスタマーハブにカートを追加する方法

カスタマーハブに組み込みのカート エクスペリエンスが追加されました。買い物客はページから移動することなく、ハブ内で直接カートを表示および管理できます。商品レコメンデーションや保存済みのお気に入りなど、カートに表示される内容を設定できるほか、ストアフロントのカート リンクを置き換えて、Klaviyo カスタマーハブを開くようにすることもできます。

始める前に

このガイドでは、コンテンツブロックを設定して、サイトの Klaviyo カスタマーハブに表示する方法を説明します。続行する前に、Klaviyo の Klaviyo カスタマーハブ機能が有効になっていることを確認してください。

カートの設定

1. カートを設定するには、カスタマーハブ> [デザイン] > [ハブを編集]に移動し、エディターで[カート]タブを選択します。
2. エディタに入ったら、左側のナビゲーションバーの[追加]アイコンをクリックし、下にスクロールして機能を表示します。
3. [カート]をクリックして、ハブでカートを有効にします。

ここから、次のことができます。

• Klaviyo カスタマーハブのカートを有効または無効にする
• カートの配置を、Klaviyo カスタマーハブのタブとして表示するか、独自のドロワーとして表示するかを指定します。
• カート内に表示する内容を選択（お気に入り、商品おすすめ）
• カートリンクを置き換えることで、ストアフロントのカートアイコンのクリック時に、ネイティブのカートページではなく K laviyo カスタマーハブが開くようにします。
• [カートに追加]ウィジェットをオンにします。これにより、買い物客が画面をスクロールしても、常にCTAが表示されます。

購入者に表示される内容

買い物客が Klaviyo カスタマーハブでカート タブを開くと、次の内容が表示されます。

• カート — 現在カートに入っているすべてのアイテム（商品画像、名前、バリエーション、価格を含む）
• 数量コントロール — アイテムを削除するためのゴミ箱アイコン付きステッパーと、数量を調整するためのマイナス／プラス ボタン
• カートを完成させる — カート内商品一覧の下にある商品おすすめセクション。買い物客のカートと行動に基づいてパーソナライズされた提案を表示します（商品おすすめが有効な場合）。
• お気に入りを購入 — 購入者がカートに直接追加できる保存済みアイテム（お気に入りが有効な場合）
• 小計と [チェックアウト] ボタン — パネルの下部にピン留め

カート機能

カート内のお気に入り

有効にすると、カート内に お気に入りを購入 セクションが表示され、購入者が保存した商品が表示されます。このビューから、お気に入りに登録した任意の商品を直接カートに追加できます。

有効にするには：Hub Editorの[カート]タブで[お気に入り]をトグルします。

商品のおすすめ

有効にすると、買い物客のカート アイテムの下に カートを完了する セクションが表示されます。おすすめは、買い物客のカート内の商品と閲覧履歴に基づいてパーソナライズされます。

有効にするには：Hub Editorの[カート]タブで[おすすめ商品]をトグルします。

カートのリンクの差し替え

有効にすると、ストアフロント上のカートアイコンまたは /cart リンクをクリックすると、Shopify のカートページに移動する代わりに Klaviyo カスタマーハブが開きます。これにより、閲覧、お気に入り登録、カート管理、チェックアウトを含むショッピング体験全体がハブ内で完結します。

有効にするには：Hub Editorの[カート]タブで[カートリンクを置換]を切り替えてください。

カートの配置

カートをどのように、またどこで利用可能にするかは、カートの配置設定で制御できます。

[スタイル] タブから、ハブ全体の外観（形状、ドック側、色、フォント）も設定できます。カートはこれらの設定を引き継ぎます。