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

ガイド内にボタンを設置する方法(HTMLテンプレート付き)

概要

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:遷移先URL

  • target="_blank":別タブで開く(同タブで開く場合は削除)

  • background-color:背景色(例:#2563eb

  • color:文字色(例:#ffffff

  • padding:ボタン内余白(例:8px 16px

  • border-radius:角丸(例:6px

関連記事

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