概要
PLAINERのガイド本文はHTMLでの編集に対応しており、ボタン要素をガイド内に直接設置することができます。
「次のページへ誘導」「外部サイトへ遷移」「資料DLへの誘導」など、ガイド単位で個別のアクションを設定したい場合にご利用ください。
設定手順
1、編集画面でガイドを選択し、ガイド本文の編集欄を開く
2、「</>」アイコン(HTMLソース編集)をクリックし、HTML編集モードに切り替える
3、下記のテンプレートを貼り付け、リンク先URL(href)・ボタンテキスト・色味をご希望に合わせて調整する
4、編集モードを戻して保存
HTMLテンプレート
以下のHTMLをガイド本文にそのまま貼り付けてご利用いただけます。
<a href="https://example.com" target="_blank" style="display:inline-block;padding:8px 16px;background-color:#2563eb;color:#ffffff;text-decoration:none;border-radius:6px;font-weight:600;">ボタンテキスト</a>
カスタマイズ項目
href:遷移先URLtarget="_blank":別タブで開く(同タブで開く場合は削除)background-color:背景色(例:#2563eb)color:文字色(例:#ffffff)padding:ボタン内余白(例:8px 16px)border-radius:角丸(例:6px)
関連記事
コンテンツへのCTA設定:コンテンツ全体に常時表示されるCTAボタンを設置したい場合はこちら


