WooCommerce 向けカスタマーハブのスタートガイド

推定所要時間：10分。

カスタマーハブについて

カスタマーハブは、お客様がブランドとの関係を管理できる場所です。従来のアカウント機能と、商品をお気に入りに保存する、ユニーククーポンを表示する、商品レコメンデーションを表示するなどのパーソナライズされたショッピング体験を統合します。カスタマーハブは、すべてを 1 か所にまとめることで収益を促進し、サポートの負担を軽減します。また、ロイヤルティプログラム、購読など、最も価値の高いマーケティングツールへのエンゲージメントを高めます。

カスタマーハブは、WooCommerce 拡張機能を介して WooCommerce ストアフロントをサポートしています。WooCommerce は Klaviyo のネイティブ Shopify アプリを使用しないため、設定には Shopify と比べて追加の手順がいくつか必要です。具体的には、ストアの認証情報を接続し、アカウントページのリンクをリダイレクトします。

始める前に

WooCommerce 向けのカスタマーハブを設定する前に、次の点を確認してください：

• Klaviyo と連携されたアクティブな WooCommerce ストアがあります。
• WooCommerce の Consumer key と Consumer secret（WooCommerce REST API 設定から生成）にアクセスできます。
• Klaviyo アカウントと WooCommerce ストアの両方に管理者アクセス権が必要です。

1.カスタマーハブを有効にする

1. Klaviyo のメインナビゲーションで、[Klaviyoサービス]の下にある[カスタマーハブ]のタブに移動します。
2. [開始する]をクリックして無料トライアルとオンボーディングプロセスを開始してください。

その後のガイド付きワークフローでは、次を行います:

• カスタマーハブのデザインとブランディングをカスタマイズします。
• オンサイトウィジェットをカスタマイズして、買い物客が Hub を見つけられるようにします。
• ロイヤルティポイントや購読ステータスなどの動的データを表示するパートナー作成のブロックを含む、事前構築済みのコンテンツブロックのライブラリから、Hub にパーソナライズされたコンテンツを追加します。
• 3 つの異なる認証状態に基づいて買い物客をターゲティングします：

オンボーディング ワークフローを完了すると、カスタマーハブダッシュボードが表示されます。まだカスタマーハブをライブにしないでください。WooCommerce ストアが正しく接続されていることを確認するため、先にステップ 2 と 3 を完了してください。

2. WooCommerce ストアを接続する

カスタマーハブは WooCommerce REST API を通じてストアデータに接続するため、公開前にストアの認証情報を提供する必要があります。これにより、カスタマーハブで Hub エクスペリエンス内に注文履歴、顧客プロファイル、その他のストアデータを表示できます。

WooCommerce API 認証情報を生成する

1. WordPress の管理パネルで、WooCommerce > Settings > Advanced > REST API に移動します。
2. [キーを追加] をクリックします。
3. Permissions を Read/Write に設定し、わかりやすい名前（例：「カスタマーハブ」）を割り当てます。
4. [API キーを生成] をクリックします。
5. Consumer key と Consumer secret をコピーします。これらは 1 回だけ表示されます。

重要：このページを離れる前に、Consumer key と Consumer secret を安全に保管してください。WooCommerce では、このページから移動すると Consumer secret が再度表示されることはありません。

認証情報を Klaviyo に追加

1. Klaviyo で、 カスタマーハブ>[Extensions] に移動します。
2. [拡張機能の設定] タブをクリックします。
3. WooCommerce セクションで次を入力します：
   • ストア URL ドメイン — ストアのベースドメイン（例：example.com）
   • コンシューマーキー — WooCommerce で生成されたキー
   • コンシューマー シークレット — WooCommerce で生成されたシークレット
4. [保存] をクリックします。

保存すると、Klaviyo はこれらの認証情報を使用して WooCommerce ストアから注文データと顧客データを取得し、カスタマーハブ内に表示します。

3. アカウントページへのリンクを更新する

Shopify とは異なり、WooCommerce は /my-account ページを自動的にリダイレクトしてカスタマーハブを開くことはありません。サイト上のアカウントページのリンクを手動で更新し、カスタマーハブの体験を指すようにする必要があります。

カスタマーハブがトリガーされる方法

買い物客が #k-hub で終わる URL に移動すると、カスタマーハブが開きます。デフォルトの WooCommerce アカウント エクスペリエンスをカスタマーハブに置き換えるには、サイト上で /my-account ページを指しているリンクを更新し、次の宛先にリダイレクトするようにしてください：

https://your-store-domain.com/#k-hub

アカウント リンクを更新する場所

主な更新箇所は以下のとおりです：

• ナビゲーションメニュー — サイトのヘッダーまたはフッターにある「マイアカウント」または「ログイン」へのリンク。
• テーマテンプレート — テーマファイル内で /my-account へのリンクがハードコードされているもの。
• ウィジェットまたはショートコード — サイドバーまたはページテンプレートに埋め込まれている WooCommerce アカウント ウィジェット。

ヒント：これらのリンクを更新するには、テーマのカスタマイザー、ページビルダーを使用するか、テンプレートファイルを直接編集できます。サイト上のどこにアカウント リンクが表示されるか不明な場合は、テーマ ファイル内で /my-account への参照を検索してください。

特定のリンクでデフォルトの WooCommerce アカウント エクスペリエンスを維持する

カスタマーハブではなく、標準の WooCommerce アカウントページを直接開く必要があるリンクがある場合は、そのリンクに data-k-hub-ignore 属性を追加します：

HTML

<a href="/my-account" data-k-hub-ignore>View my account</a>

これにより、カスタマーハブはその特定のリンクをスキップし、デフォルトの動作を許可します。

4. 拡張機能を有効にしてショッピング体験をカスタマイズする

拡張機能は、カスタマーハブを通じてエンゲージメントと収益をさらに高める追加機能です。[Extensions] メニューを開いて、次を有効にします：

• 商品レコメンデーション — Klaviyo の AI に基づいて、パーソナライズされた商品レコメンデーションを表示します。
• お気に入り — 商品を保存し、カスタマーハブに表示できるようにします。
• FAQs — 買い物客が会話を開始する前に、チャットタブに表示するよくある質問のリストを作成します。
• ウェブチャット — チャットタブを追加し、買い物客が Klaviyo ヘルプデスクまたは対応するヘルプデスクプロバイダーを通じて、Klaviyo のカスタマーエージェントおよび/または人間のエージェントとチャットできるようにします。
• サポート — 注文詳細ページから「ヘルプを得る」をクリックできるようにし、Klaviyo ヘルプデスク、外部ヘルプページリンク、Gorgias チャットへ誘導するか、またはオプションを完全に非表示にします。

注：レビュー、ロイヤルティ（Smile.io / Yotpo）、サブスクリプション管理、注文トラッキング（サードパーティ）、および返品管理は、現在 WooCommerce ストアフロントではサポートされていません。

5. プライバシーポリシーおよび利用規約にリンクする

コンプライアンスを維持し、カスタマーハブとのやり取りを規定する条件について買い物客に通知するために、カスタマーハブ設定メニューでサイトのプライバシーポリシーと利用規約へのリンクを追加してください。

これらのリンクは、買い物客がサインインする前だけでなく、ウェブチャット メッセージを送信する前にも表示されます。

6.カスタマーハブをライブにする

公開する前に、[ライブを表示] ボタンを使用してプレビューし、追加したすべての機能が想定どおりに動作していること（特に WooCommerce ストアからの注文データ）を確認してください。

公開の準備ができたら：

1. カスタマーハブの設定メニューに進みます。
2. カスタマーハブvisibility で、[Live] > [Save] を選択します。

公開後は、保存されたすべての変更がオンサイト体験に直ちに適用されます。

7. パフォーマンスの分析

カスタマーハブの提供開始後は、カスタマーハブダッシュボードでパフォーマンスを監視します。主要な収益メトリックとレポートを確認して顧客アカウント体験の価値を把握し、このデータを使用して、特定の顧客ベースに合わせてカスタマーハブを調整する方法を判断します。

よくある質問

顧客はどのようにカスタマーハブを見つけたり開いたりしますか？

カスタマーハブが「公開」されており、アカウントページのリンクが更新されている場合（手順 3 を参照）、/#k-hub へのリンクはどれでもカスタマーハブを開きます。また、継続的なエンゲージメントを促進するために、カスタマーハブのウィジェットを有効にすることもおすすめします。

顧客が「マイアカウント」をクリックしても、カスタマーハブが自動的に開かないのはなぜですか？

Shopify とは異なり、WooCommerce にはアカウントページのリンクを自動的にインターセプトできるネイティブの Klaviyo アプリはありません。アカウントページのリンクが、/my-account ではなく /#k-hub を指すように手動で更新する必要があります。詳細は手順 3 を参照してください。

一部の購入者は、ログインしなくても名前と最近の注文を確認できるのはなぜですか？

カスタマーハブは、Klaviyo の「認識ステータス」を使用して、ブラウザートークンを介してリピーターの買い物客を認識します。これにより、お気に入りリストを表示するなどのパーソナライズされた購入体験を最大 28 日間提供できます。氏名を含む住所や支払い方法などの機密情報は、購入者が完全にログインを完了するまで非表示のままとなります。

カスタマーハブは WooCommerce からどの注文データを取得しますか？

カスタマーハブは WooCommerce REST API を使用して、注文履歴、注文ステータス、および顧客プロファイルデータを取得します。カスタマーハブがこのデータを正確に表示できるように、Consumer key に読み取り/書き込み権限があることを確認してください。

WooCommerce のコンシューマーキーとコンシューマーシークレットはどこで確認できますか？

WordPress の管理パネルで、WooCommerce > Settings > Advanced > REST API に移動します。まだ認証情報を生成していない場合は、[キーを追加] をクリックして、表示される指示に従ってください。Consumer secret は生成時に 1 度だけ表示される点にご注意ください。