メインコンテンツにスキップ

ポップアップガイド機能

デモ編集機能の中では、要素に紐づく吹き出し型のガイドの他に、ポップアップウィンドウを使った説明を追加することができます。

ポップアップガイド機能ツアー(クリックすると別タブで開きます)

操作方法

  1. デモ編集画面の左側のサムネイル画像箇所にある「ポップアップガイド追加」をクリックします

  2. ヘッダーや本文、ボタン名を入力します

  3. プレビューを見ながら、サイズや本文の改行を整えて完成です

  4. 必要に応じて、ガイドの表示順を左側のガイドリストで並び替えを行うこともできます

ベストプラクティス

  • デモの最初にデモ概要の説明を行う (例:◯◯機能のデモを行います)

  • デモの最後にプロダクトの改めて価値訴求を行う (例:このような機能を通じて、◯◯では△△△を簡単に実現できます)

  • デモ中に説明する機能が切り替わる際などに、補足説明を行う(例:ここからは◯◯機能の説明です)

  • 画面操作だけでは伝わらないアウトカムに関する説明 (例:この操作で◯◯から△△へデータが連携されました)

ユーザー入力・分岐機能

ユーザー入力を有効化すると、ポップアップガイド上でユーザーの入力を受け付け、回答に応じてデモの流れを分岐させることが可能です。
くわしくはこちらをご覧ください。

「最初に戻る」ボタンについて

閲覧画面の右側に表示される「お道具箱」メニューの中に「最初に戻る」というボタンがあります。閲覧者がこのボタンを押すと、デモの最初のガイドに戻り、もう一度はじめから閲覧できます。

「お道具箱」は、閲覧画面の右端にあるタブ(取っ手のようなアイコン)を押すと開き、「目次」「ガイドの表示・非表示」「最初に戻る」「リンクをコピー」「全画面」などの操作メニューが表示されます。

  • 「最初に戻る」ボタンは、ツアー形式(Tours)のデモコンテンツで表示されます

  • 現在、この「最初に戻る」ボタンを個別に非表示にする設定はありません。デモを最後まで見た閲覧者が、はじめからリプレイできるようにするためのボタンです。

  • この「最初に戻る」ボタンは、ポップアップガイドの本文に追加する通常のボタン(押すと次のガイドへ進む/分岐するボタン)とは別のものです。お道具箱メニュー内のボタンであり、ポップアップガイドそのものに付随するボタンではありません。

留意点

  • ポップアップガイド上に追加したボタンを押すと、常に次のガイドへ進みます。

  • ポップアップガイドがそのデモコンテンツ内の最後のガイドだった場合は、次のガイドが存在しないことが多いため、追加したボタンが表示されない場合があります。次のガイドを作成することで表示されます。

こちらの回答で解決しましたか?