訪問者がコンテンツを見たり重要な情報を見つけたりしやすいように、ボタン リンクを作成します。

訪問者にコンテンツへの参加を促すボタンをサイトに追加できます。ボタンは視覚要素としてページに追加され、どこをクリックするのかを訪問者が簡単に把握できるようになります。

最大限の効果を引き出すためにも、ボタンのテキストは短く魅力的なものにすることをおすすめします。「Donate (寄付する)」や「Take action (行動する)」などの短いキー フレーズを試してみてください。

このガイドでは、サイトにボタンを追加する様々な方法を説明します。

ヒント:できるだけ広い範囲のユーザーがサイトのコンテンツにアクセスできるようにするには、Squarespaceのアクセシビリティ リソースをご覧ください。

動画を見る

ボタン ブロックで任意の場所にボタンを追加する

ボタン ブロックは、サイトにコール トゥ アクションを追加するための最も汎用性の高い方法です。サイト上の任意の創造エディターセクションまたはクラシック エディターのコンテンツ エリアにボタン ブロックを追加し、レイアウトでどのように表示されるかをカスタマイズできます。

ボタン ブロックは、サイト コンテンツ、外部コンテンツ、ファイル、メールアドレス、電話番号にリンクできます。詳細については、「ボタン ブロック」をご覧ください。

ヘッダー ボタン

フッター ボタン

フッターは、サイトの最下部にあるセクションです。多くの場合、このセクションにはサイトやビジネスに関する詳細が含まれます。フッターにボタンを追加すると、訪問者が重要な情報を見つけたり、主なコンテンツを閲覧した後に特定のアクションを実行したりしやすくなります。詳細については、「フッターを編集する」をご参照ください。

自動レイアウト ボタン

コール トゥ アクションの様々なフレーズを宣伝したり、他のプロジェクトにリンクしたり、チームを紹介したりするには、自動レイアウトを使用します。自動レイアウトは、複数のコンテンツを列と行で並べます。自動レイアウトの各アイテムにはボタンを含めることができ、セクション全体でアイテムの上または下にボタンを追加できます。詳しくは、「自動レイアウト」をご覧ください。

フォームとニュースレター ブロックのボタン

問い合わせやニュースレターの登録に訪問者を誘導するには、フォーム ブロックまたはニュースレター ブロックを追加します。どちらのブロックにも、既定で [送信] または [サインアップ] ボタンが含まれていますが、このテキストはカスタマイズできます。詳細については、「フォーム ブロック」または「ニュースレター ブロック」をご覧ください。

コマースと寄付のボタン

訪問者が商品を購入したり寄付を行ったりする場合は、Commerceプランのボタンや寄付ボタンを使用してそのプロセスを完了できます。

• [カートに追加] ボタン - 商品ブロックと商品詳細ページには [カートに追加] ボタンが含まれます。このボタンのテキストはカスタマイズできます。エクスプレス チェックアウトが有効になっている場合は、ボタンには代わりに [購入] と表示されます。
• [寄付ブロック] ボタン - 寄付ブロックには、顧客を寄付の精算に誘導するボタンが表示されます。

画像ブロック ボタン

クラシック エディターのほとんどの画像ブロック レイアウトでは、レイアウトに応じ、クリックスルー リンクを画像の上、横、または下にボタンとして表示できます。この方法を使用して、リンクに画像を含めます。創造エディターを使用している場合は、画像ブロックにボタン ブロックを配置して、これらのレイアウトを再現してください。詳細については、「画像ブロック」をご覧ください。

プロモーション ポップアップ ボタン

訪問者がサイトにアクセスしたときに表示されるポップアップを作成し、そのポップアップにボタンを最大2つ追加できます。プロモーション ポップアップは、サイトおよびサイトに追加するコール トゥ アクションに合わせてカスタマイズできます。詳細については、「プロモーション ポップアップを作成する」をご参照ください。

Pinterestの保存ボタン

サイト上の特定の画像にPinterestの保存ボタンを追加して、訪問者がPinterestでコンテンツを共有できるようにします。画像が共有されることで、より多くの訪問者にサイトを見つけてもらうことができます。詳しくは、「Pinterestの保存ボタンを追加する」をご参照ください。

バージョン7.0のボタン

サイトがバージョン7.0の場合は、次のオプションを使用してボタンを追加することもできます。

• コンテンツ サイドバー - テンプレートでコンテンツ サイドバーがサポートされている場合は、ページの一部または全体にボタン ブロックを表示できます。
• カバー ページ ボタン - カバー ページに、サイトのコンテンツまたは外部コンテンツにリンクするボタンを最大2つ追加できます。
• ページ ヘッダー (イントロダクション エリアと呼ばれることもあります) - ボタン ブロックを追加して、個々のページのページ コンテンツの上にボタンを表示します。
• 共有ボタン - 共有ボタンを有効にして、ブログ投稿や商品などのコンテンツを訪問者がソーシャル メディアのプロフィールで共有できるようにします。

ボタンのスタイル設定

サイト全体の外観と雰囲気に合わせてボタンをカスタマイズできます。たとえば、ほとんどのボタンで以下の項目を変更できます。

• 背景の色
• フォント
• 図形
• サイズ

どのボタンもテキストに合わせてサイズと形状が変わるため、ボタンの外観を最大限に制御するためにも、ボタン テキストを25文字以下にとどめることをおすすめします。

スタイル設定のオプションは、サイトのバージョンによって異なります。詳しくは、「ボタンのスタイル設定」をご覧ください。

分析でボタンのクリックを追跡する

フォームとボタンのコンバージョン分析では、訪問者がコンテンツ関連のボタンをクリックする頻度を確認できます。このパネルのインサイトを利用して、どのボタンが最も効果的かを比較し、スタイルや位置の変更がボタンのクリックにどのように影響するかを時系列で理解できます。

パーチェス ファネル分析では、商品の [カートに追加] ボタンをクリックした顧客の数を確認できます。