PLAINERナレッジセンター
ログイン

スタートアップガイド

■事前準備

ログイン・拡張機能の準備

アカウント追加方法

ログイン後、画面左メニューの「企業設定」→「アカウント管理」から、追加することができます
追加したタイミングで、該当のメールアドレスに初期登録の案内メールが送信されます

■基本機能

デモコンテンツの作成・配布

1. キャプチャ撮影

HTMLキャプチャ
  • GoogleChromeの拡張機能からブラウザ画面を撮影することができます
  • これにより、撮影対象の画面を再現することができ、操作感やクリック感をコンテンツへ反映することができます
  • <デモ>
  • <注意点>
    • ※4Kモニターなど大きめの画面ではなく、閲覧者様がご覧になる一般的な解像度(横1440×縦900等)での撮影がオススメです。
      • 撮影対象の画面の仕様によって、大きすぎる画面で撮影したコンテンツを、小さい画面で閲覧する場合に、一部デザインが崩れる場合がございます
      • Window Resizerなどをご利用いただくと便利です
    • ※一度の撮影上限が20ページのため、長いデモを撮影する際は一度保存ください。後で統合が可能です。
スクリーンショットアップロード
  • お手元の画像ファイルをベースに、デモを作成することができます。
  • これにより、スマホアプリやデスクトップアプリなどのデモコンテンツ作成が可能です

2. デモコンテンツ編集

3. 配布方法

  • お客様へURLを直接お送りすることで、デモのご案内が可能です
    • 例：商談後のお客様へ送付する、問い合わせ時のサポートコンテンツとして送付する
  • Webサイトへの設置（方法は以下2種）
    • ①CTA等にデモを埋め込み、別ウィンドウで表示させる
      • →デモのURLを設定するのみで可能です
    • ②Webサイトへiframeでデモを埋め込む
      • →コンテンツ一覧で生成した埋め込みコードをWebサイトへ追加することで可能です
        • 埋め込みコードは「︙」メニューから作成可能です
    • ※その他（応用編）
      • CTA等にデモを埋め込み、ポップアップで表示させる

4. デモコンテンツの再編集

追加での修正や細かい設定には以下の機能をご利用ください

メディア・シナリオ・アクセスデータのご活用

5. メディアのご活用

  • デモコンテンツの中やシナリオ機能にて、動画・PDF・MAフォーム・カレンダー調整リンクを表示させることが可能です
  • <デモ>
  • <ご活用例>
    • デモの途中で、動きのある部分を動画で見せたい
    • デモの途中・終了時に、資料請求や商談のCTAを表示させたい
    • デモの流れで作成できるレポート等をPDFで見せたい
  • <注意点>
    • ※動画はYouTubeやVimeo等の外部プラットフォームにアップされているもののURLを追加頂く形式となります。
    • ※Google Drive上の動画を直接埋め込むことはできかねます
    • ※以下6のシナリオにメディアを追加する場合、「コンテンツ生成」をクリックしていただく必要がございます
  • <その他>

6. シナリオ作成

  • 上記で作成/登録した、デモ・動画・PDF・MAフォーム等を1ページにまとめることが可能です
  • <デモ>
  • <ご活用例>
    • 複数のデモをタブ分けして表示させたい
      • 例）オンボーディング用に複数STEPに分けたデモをご案内したい
      • 例）複数機能のデモを並列でご案内したい
    • PDFの資料とデモを組み合わせた訴求を行いたい
      • 例）プロダクトの活用目的別に、提案資料・デモ・成果事例をパッケージ化し、訴求力の向上させたい

7. アクセスデータの活用

  • 「誰が」「どのシナリオ/デモを」「いつ」「何秒」「何ページまで」、見たのかを確認可能です
  • <デモ>
  • <ご活用例>
    • デモコンテンツのどのステップでの離脱が多いのかの分析をしたい
    • デモをよく見ている方に対して、メール送付やCallを行いたい
    • 顧客の稟申時等に、資料が展開されているのかウォッチしたい
  • <注意点>
    • 実名でのアクセスデータを記録するためには、デモ/シナリオのURLの末尾に?pl_uid=email@plainer.co.jpのような形のパラメータの追加が必要です。

応用編・Tipsなど

デモ作成のコツ

訴求方法

  • デモでは、文字や口頭に加え、画面のUIや遷移を合わせて価値を訴求することができます。
  • そのため、操作のみではなく、価値を説明するような作りが重要です。
    • ガイド例）操作の内容「●●を送信します」 → 操作結果+価値「●●が送信されました。これによって、▲▲の効率化が可能です」
    • 撮影例）初期設定等を省き、最終的なアウトプット部分にフォーカスして撮影

デモの長さ

  • マーケティング・セールス等で検討度が低～中程度のお客様向けには、10～15ガイド、長くとも20ガイド以内で作成することをおすすめしております
  • オンボーディング等でご利用意欲が高いお客様向けには、細かく区切ったデモの方が好ましいと考えております
    • その際には、分岐機能やシナリオ機能でステップを区切ることもおすすめです

PLAINERと他ツールのデータ連携 (β)

iframeで埋め込んだデモの、閲覧開始/終了のデータをGoogleAnalytics4やMAツールに連携することが可能です。

デザイン変更 (ガイド・文字色やフォント・ボタン色の変更)

サポート宛に以下のフォーマットでご連絡をいただければ、お客様のコーポレートカラーやデザインルールに沿った、色コードやフォントを指定し、変更が可能です。
詳しくは以下をご覧ください
https://knowledge.plainer.co.jp/article/button-guide-color-change

その他Tips

関連記事