Index
読者に行動を促す「CTA(Call To Action)」ボタン。Aurora Design Blocksを使えば、ページ内に視認性の高いCTAを固定表示で設置できます。この記事では、CTAブロックを追加し、表示位置を自由に調整する手順をスクショ付きで解説します。
1. CTAブロックの追加
まずは編集画面でブロック一覧を開きます。
ブロックパネルから「[aurora-design-blocks]CTA…」を選択(拡声器アイコンが目印)してクリック。

2. レイアウトタイプ「ボタン」を選択
CTAブロックを追加したら、次にボタンのブロックを選びます。
「ボタン」を選ぶことで、シンプルで目立つCTAに。

3. ボタンをカスタマイズする
CTAに表示する文言を「CTAを設置する」などに変更し、必要に応じてリンク先を設定します。

4. ボタン位置を調整する
上部のツールバーから「項目の揃え位置を変更」を選択。
このように配置を細かくコントロールできます。
5. “固定フロート” をONにする
右側のブロック設定パネルで「固定フロートにする」をONにし、配置位置を「中央下」などに設定します。

6. 表示位置を精富に設定
詳細な位置をプルダウンで選択可能。読者の目線に自然に入る位置を選びましょう。

7. 実際の表示例
設定が完了し、ページをプレビュー(表示)すると、ページ下部に目立つCTAボタンが表示されます。

▶ おわりに
Aurora Design Blocksを使えば、ノーコードで直感的にCTAボタンが設置可能です。読者の行動を促し、コンバージョン率をアップさせたいときは、ぜひ固定CTAを活用してみてください✨