概要
サイトのヘッダーにアクションボタンを追加すると、価格ページ、お問い合わせフォーム、その他のCTAなど、ウェブサイトの最も重要なエリアに訪問者を素早く誘導できます。このガイドでは、SITE123エディターでヘッダーボタンを有効にし、テキスト、リンク先、スタイルをカスタマイズする方法を説明します。
再現手順:
再現手順
- SITE123 アカウントにログインし、編集したいウェブサイトを開きます。
- メインダッシュボードから、上部のナビゲーション バーの[デザイン]をクリックします。
- デザイン パネルで、ヘッダー(セカンダリ メニューの 3 番目の項目) を選択します。
- 「アクションボタンの表示」をオンに切り替えます。2つのボタンフィールドが表示されます。
- 最初のフィールド内をクリックして、必要なラベルを入力します (例:
Button One
)。 - 2 番目のフィールド内をクリックし、2 番目のボタンのラベルを入力します (例:
Button Two
)。 - 最初のボタンを構成するには、その横にある設定 (シェブロン) アイコンをクリックし、次の操作を行います。
- タイプ– ボタンのリンク先 (外部 URL、内部ページ、ファイルのダウンロードなど) を選択します。
- セクションにスクロール– 単一ページ レイアウトを使用している場合は、ボタンを同じページ上の特定のセクションにリンクします。
- スタイル– 視覚スタイル (プライマリ、セカンダリ、アウトラインなど) を選択します。
- 必要に応じて、2 番目のボタンに対して前の手順を繰り返します。
- (オプション) ボタンの順序を変更する必要がある場合は、ボタンを上または下にドラッグします。
- 「保存」または「公開」をクリックして、変更をライブ Web サイトに適用します。
まとめ
ヘッダーアクションボタンを有効にすると、サイト全体で目立つ2つのCTA(コールトゥアクション)が表示されます。ボタンをオンにしてテキストを設定し、リンク先を選択し、デザインに合ったスタイルを選択するだけです。訪問者はヘッダーに明確でクリック可能なボタンを表示できるため、最も重要なページやアクションへのコンバージョンを促進できます。