プロアクティブオファーの表示

Display Proactive Offerアクションを使用して、さまざまな状況下でWebサイトの訪問者にポップアップメッセージを表示します。 たとえば、利用機会が少なく、チャットエージェントと話す代わりに追加の情報だけで対応できる割引を訪問者が利用できるようにする、プロアクティブオファーを定義することができます。

チェックアウト時に表示されるプロアクティブオファーの例。 これには誕生日割引のヘルプを得るための3つのボタンが含まれています。

各プロアクティブオファーには、その概要を示す情報と、最大3つのコールトゥアクションボタンを定義できます。 これらのボタンを使って、顧客がエージェントや役立つ記事、Webサイトのリンク、その他のエントリーポイントへアクセスできるようにします。

  1. アプリセレクター をクリックし、[Guide]を選択します。

  2. [New Rule]をクリックするか、既存のルールをクリックして編集します。

  3. [Action]をクリックしてアクションのリストを表示し、[ Display Proactive Offer]アクションを選択します。

  4. ページの右側にある[Content ]タブで、プロアクティブオファーを定義します。

    1. プロアクティブオファーのポップアップウィンドウに表示するIcon をアップロードします。 .svg画像を選択します。 画像はオプションです。

    2. プロアクティブオファーのHeading を設定します。 60文字以内で指定します このフィールドはオプションです。

    3. プロアクティブオファーのBody Textを設定します。 250文字以内で指定します このフィールドは必須です。

    4. Heading またはBody Textフィールドに訪問者変数を含めた場合、Fallback Messageを定義することをお勧めします。

  5. CTA 1タブで最初のコールトゥアクションボタンを定義します。

    • これを[Primary ]または[Secondary]のいずれかに設定します。 プライマリに設定できるコールトゥアクションボタンは1つだけです。 デフォルトであらかじめ選択されているボタンです。
    • [Call to Action Button 1]を、コールトゥアクションボタンに表示されるテキストに設定します。
    • [Reporting Name]を、レポートで表示されるボタン名に設定します。

    • [Select CTA Type]を以下のいずれかに設定します。

      • Chat conversation。 エージェントとのチャットにコレを使用します。

      • Link。 これをウェブページへのリンクに使用します。

      • Expert article。 知識ベースで選択する特定の記事にリンクする場合にこれを使用します。

      • Guide entrypoint。 作成したエントリーポイント にアクセスするためにこれを使用します。

      • Decline。 訪問者にプロアクティブオファーを解除する方法を提供するためにこれを使用します。 拒絶ボタンを提供しない場合、訪問者は右上隅の閉じるのアイコンをクリックして、プロアクティブオファーのウィジェットを閉じることができます。

  6. 必要に応じてボタン、CTA 2ボタンとCTA 3ボタンを定義します。 それ以外の場合は空欄のままにしてください。

  7. [プレビュー]をクリックして、プロアクティブオファーをプレビューします。 他のブランディングでの表示を確認するには、ドロップダウンからブランドを選択します。

  8. 1つ以上の条件をルールに追加します。

  9. Save Ruleをクリックします。

チャットの行動喚起ボタンの定義

チャットのコールトゥアクションを設定する場合、オプションで最大3つのカスタムフィールドを定義することができます。 これらのフィールドを使用して、チャット内のフィールドを事前入力することが可能です。 たとえば、Campaignというカスタムフィールドがあるとします。 [Campaign]を「FALL23」のような値に設定することができます。 訪問者がチャットのプロアクティブオファーをクリックした場合、[Campaign ]カスタムフィールドは「FALL23」に設定されます。 チャットをルーティングするためにカスタムフィールドを使用することもできます。

プロアクティブオファーでの訪問者変数テキストの使用

見出しや本文テキストフィールドに訪問者変数テキストを含めることができます。 たとえば、以下のようにフィールドを定義できます。

  • 見出し：{{visitorVariable.firstName|summer camper}}さん、こんにちは！

  • 本文テキスト：おかえりなさい！ 3月29日午前0時までにキャンプの登録をしていただければ、{{visitorVariable.discount|5%}}割引の特別オファーをご用意しております。

変数が設定されていない場合、プロアクティブオファーはデフォルト値を使用します。

見出しの訪問者変数用にデフォルト値を使用するプロアクティブオファー。 訪問者の名前の代わりにサマーキャンパーと表示されます。

訪問者変数を設定するには、setVisitorVariable APIを使用します。 例えば、顧客のログイン時に以下の変数が設定される場合もあります：

cxone('analytics', 'setVisitorVariable', 'firstName', 'Josie');

cxone('analytics', 'setVisitorVariable', 'discount', '10%');

見出しの訪問者変数に現在値を使用するプロアクティブオファー。 デフォルト値の代わりにJosieという名前が表示されます。

フォールバックメッセージの使用

プロアクティブオファーのテキストにリッチメッセージを使用する場合は、フォールバックメッセージを定義することをお勧めします。 たとえば、以下のようなメッセージを使用できます。

Webサイトへようこそ！ 5%割引をぜひご利用ください。