Aurora Design BlocksのCTAブロックで、固定表示のボタンを追加する方法

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を活用してみてください✨

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

To Page Top