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

コンテンツへのCTA設定

概要

コンテンツ(デモ)の編集画面の︙メニュー →「CTA設定」より、コンテンツ左下部分に外部リンクの設定されたCTAボタンを設定することができます。
テキスト内容や、色や大きさなどをカスタマイズ可能です。

設定した内容は、編集画面のキャンバス左下にリアルタイムでプレビュー表示されるため、保存前に見た目を確認できます。

⚠️ CTA設定はコンテンツの編集画面から行います。シナリオの画面からは設定できません。
シナリオ一覧・シナリオ設定画面にCTA設定の項目はありません。コンテンツ一覧から対象のコンテンツを開き、その編集画面から設定してください。

活用用途

  • マーケティング: Webサイトへ設置したデモに「資料請求ボタン」などを設置して、リード獲得へ活かす

  • サポート: 「アンケートボタン」や「サポートボタン」を設置して、閲覧者からの感想取得や、より詳細な事象の解決導線用意に活かす

設定手順

  1. PLAINERのコンテンツ一覧から、CTAを設定したいコンテンツを開く(コンテンツの編集画面に入る)

  2. 画面右上の「︙」>「CTA設定」をクリック

  3. 必要事項を入力し、「設定」をクリック

    スクリーンショット2024-10-31160923.png

プレビューで見た目を確認する

CTAボタンの設定内容は、編集画面のキャンバス左下にプレビューとして表示されます。
モーダルで変更したテキスト・色・ボタンサイズがそのままプレビューに反映されるため、保存前に閲覧者から見える見た目を確認できます。

※ 遷移先URLが未入力の場合、プレビューは表示されません。
※ プレビューのボタンは見た目の確認用です。クリック計測やUTMパラメータの引き継ぎは公開後のデモでのみ動作します。

ボタンサイズについて

ボタンサイズは、CTA設定内の「ボタンサイズ」ドロップダウンから以下の5段階で選択できます。

  • 極小

  • 標準(デフォルト)

  • 特大

⚠️ ドロップダウンの選択肢以外のサイズ(任意の数値指定など)への変更はできません。
ボタンをより目立たせたい場合は、背景色や文字色を変更することをお試しください。

デモツアー(クリックすると別タブで開きます)

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