吹き出し
吹き出しタイプのWebメッセージでは、サイト上のメニューやボタンなど、特定の要素にマッチするCSSセレクタを指定して、メッセージを表示します。
サイト内で目立たせたい要素をはっきりさせることができるため、 購入ボタンや申し込みボタンといった、コンバージョン要素の近くに直接ポップアップを表示させることが可能。CVを促進するのに有効です。
注釈
吹き出し機能の利用にはHTML,CSSの知識が必要となります。
表示位置を設定する
CSSセレクタを基準の要素に設定し、吹き出しの表示位置を調整できます。
また、オフセットで表示位置の微調整が可能です。
詳細は表示位置を設定するの要素を指定して固定(success.repro.io/web-message/web-message11)をご覧ください。
吹き出しを作る
下記のフォームに入力してWebメッセージを作成します。
閉じるボタン
メッセージを閉じるボタンの表示有無を選択できます。閉じるボタンは表示位置が「左下」の場合はメッセージの左上に配置され、それ以外の場合はメッセージの右上に配置されます。
注釈
閉じるボタンを無くしてしまうと、ユーザーがメッセージを閉じることができなくなくなります。
背景色
吹き出し部分の背景色、閉じるボタンの背景色を個別に指定します。なお、閉じるボタンは背景色だけでなく、アイコンの色も指定可能です。
見出し (任意)
メッセージのヘッダーを指定します。テキストの色を指定できます。
本文
メッセージの本文を指定します。テキストの色を指定できます。
アクションボタン
アクションボタンに表示するテキストを指定します。ボタンの枠線の色、ボタンの背景色、テキストの色を指定できます。
URLもしくはディープリンク (任意)
URLもしくはディープリンクを指定すると、ボタンを押したときに指定したURLのページを開いたり、アプリを起動させて、任意の画面に遷移することができます。URLもしくはディープリンクを指定しないでボタンを押した場合は、画面遷移などの処理は発生せずWebメッセージが閉じられます。
- 文字列長 : 最大1000文字
トラッキングイベント名 (任意)
トラッキングイベント名を指定すると、アクションボタンをクリックしたときに計測されるイベントを変更することができます。