複数のおすすめ商品をカルーセル形式で埋め込み表示します。ユーザーはフリック操作で簡単に商品を閲覧でき、スムーズな回遊を促します。さらに、一番右の商品を半分だけ表示することで、カルーセルの続きがあることを視覚的に伝え、他の商品も見てもらいやすくします。

  • 必要なイベント：閲覧（view）
  • 「埋め込み」機能のオプション契約が必要です
  • この「接客シナリオ」は、アプリには対応しておりません
  • テンプレートには、外部ライブラリ（splidejs）を利用しています。基本的な環境での確認は実施しておりますが、動作には外部ライブラリ及びサイトに依存する可能性があります。また、KARTE動作保証の範囲外となる環境もあるため、ご利用には必ず実サイト上で本番配信し検証の上ご利用ください。

null

施策

  • 目的：おすすめ商品をピックアップし訴求
  • ゴール：接客のクリック
  • 主なターゲット：来訪者
  • 接客を表示するページ：商品ページ

概要

null

  • 商品ページ上でおすすめ商品（最大12個登録が可能）を表示
  • カルーセル形式（スライダー）で埋め込み表示
  • 一番右の商品を半分だけ表示することで、カルーセルの続きがあることを視覚的に伝える

設定方法

手順1：接客テンプレートの選択

左メニューバーの「すベてのプロダクト > ストア > シナリオストア」 より、「おすすめ商品をピックアップしてページ内にカルーセル表示」というテンプレートを検索窓で検索し、「さっそく利用してみる」をクリックしてください。

null

※シナリオテンプレートが改修などにより無くなる可能性もある点ご留意ください。

手順2：アクションの編集

ポップアップで使う画像、テキスト、リンク先の設定などを行ってください。
接客サービス編集画面で追加したアクションの「編集」ボタンをクリックすると、アクション編集画面に移動することができます。

アクションの設定

null

  • 見出し：上部に表示される見出しテキスト
  • 表示数：全体に表示される商品数を指定
  • アイテム表示数（SP）：最初に表示される商品数（SP)
    • ※表示数を3.5などで設定し、次の商品へ進むことを促せます
  • アイテム表示数（PC）：最初に表示される商品数（PC)
    • ※表示数を3.5などで設定し、次の商品へ進むことを促せます
  • ランダム表示：商品がランダムに表示されます

　リスト

null

最大12商品まで登録が可能

  • 商品名1：ONにすることによりクーポン用レイアウトに変更
  • 商品画像1：単位の変更
  • 価格1：価格を変更
  • リンク1：クーポンコードを入力

埋め込み

null

アクションの編集方法の詳細については、以下をご覧ください。
https://support.karte.io/post/5EoIkbQzbRxZpExRWdATwq

手順4：接客サービスの設定

接客配信の条件を設定します。
※推奨の設定条件を記載しておりますが、施策の目的やサイトの仕様によって条件はカスタマイズしてください。
※現在ないゴールやセグメントについては、以下の設定例を参考に新規作成してください。

  • ゴール

    • 対象のゴール（詳細を確認するボタン押下）を選択
      • 詳細を確認する押下のゴール設定条件例
        • ゴールタイプ：条件付きイベント
        • 条件を指定：「接客サービスをクリック>接客アクション名>次に等しい（完全一致）」で該当接客のアクション名を入力
    • ※クリック数やクリック率自体は、ゴールの設定がされていなくても確認できますが、ゴールを設定頂くことで、より柔軟な分析ができます

  • 対象ユーザー

    • すべて

  • 対象イベント

    • 配信トリガー
      • 閲覧イベントで設定 > 閲覧ページのURL > 次に等しい（完全一致） > 商品ページのURL

  • 配信頻度

    • アクセス毎

※ゴールの具体的な作成方法は、ゴールの設定方法をご参照ください。
※その他の設定については、施策の意図に応じて設定ください。
※推奨の設定条件を記載しておりますが、施策の目的やサイトの仕様によって設定条件はカスタマイズしてください。

配信前のチェック

  • 未実施グループを設定しましょう
  • 公開前にテスト配信をしましょう

接客効果の振り返り

以下を参考に接客効果の振り返りをしてください。

▼接客サービスの結果確認画面の見方
・アクション別に結果を比較する
　https://support.karte.io/post/4dS0dt9F779KwCrPOm7Sq1
・接客サービス詳細「効果の分析」タブの見方
　https://support.karte.io/post/17Fj6yNl4UWguEQJfbVTxm

▼接客サービスの振り返りのコツが分かる How to動画（KARTE Academy）
https://academy.karte.io/courses/1875613

よくある質問