ニュースレター ブロック

メ⁠ーリングリストへの登録を訪問者に促しまし⁠ょう⁠。

最終更新日 2025年2月03日

ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックを使用すると⁠、訪問者がニ⁠ュ⁠ースレタ⁠ーに登録するオプシ⁠ョンを追加できます⁠。このブロ⁠ックはフ⁠ッタ⁠ーに配置するのが一般的です⁠。

フ⁠ォ⁠ーム送信用のストレ⁠ージ オプシ⁠ョンを選択する必要があります⁠。メ⁠ールキ⁠ャンペ⁠ーンのメ⁠ーリングリスト⁠、新しいMailchimpオ⁠ーデ⁠ィエンス⁠、Googleドライブ⁠、またはZapier統合を接続できます⁠。

動画を見る

始める前に

  • Squarespaceをストレ⁠ージ オプシ⁠ョンとして使用している場合は⁠、登録者用のメ⁠ールキ⁠ャンペ⁠ーン用メ⁠ーリングリストを作成します⁠。特定のメ⁠ーリングリストをまだ作成していない場合は⁠、既定のリストに登録者を追加できます⁠。リストを選択しなければ⁠、登録者は [⁠リストとセグメント⁠] パネルの [⁠登録者⁠] の下に追加されます⁠。
  • Mailchimpをストレ⁠ージ オプシ⁠ョンとして使用している場合は⁠、Mailchimpアカウントをブロ⁠ックに接続する前に⁠、Mailchimpで空の状態の新しいオ⁠ーデ⁠ィエンスを作成します⁠。
  • より詳細なフ⁠ォ⁠ーム送信をメ⁠ールアドレスに送信するには⁠、代わりにフ⁠ォ⁠ーム ブロ⁠ックを使用してください⁠。

ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックを追加する

ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックを追加する方法は以下の通りです⁠。

  1. ペ⁠ージまたは投稿を編集し⁠、[⁠ブロ⁠ック追加⁠] または挿入箇所をクリ⁠ックした上で⁠、メニ⁠ュ⁠ーから[⁠ニ⁠ュ⁠ースレタ⁠ー⁠] をクリ⁠ックします⁠。ヘルプについては⁠、「⁠ブロ⁠ックを使用してコンテンツを追加する⁠」をご覧ください⁠。
  2. ブロ⁠ックに表示される鉛筆アイコンをクリ⁠ックして⁠、ブロ⁠ック エデ⁠ィタ⁠ーを開きます⁠。
  3. [⁠コンテンツ⁠] タブで⁠、ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックを設定し⁠、送信後のメ⁠ッセ⁠ージまたはリダイレクトを追加します⁠。
  4. [⁠デザイン⁠] タブをクリ⁠ックして⁠、 レイアウトをカスタマイズします⁠。
  5. [⁠ストレ⁠ージ⁠] タブをクリ⁠ックしてストレ⁠ージ オプシ⁠ョンを選択し⁠、登録者の認証オプシ⁠ョンを有効にします⁠。

ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックの例として⁠、以下をご覧ください⁠。

KB Guide Image

ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックを設定する

[⁠コンテンツ⁠] タブでブロ⁠ックのテキストとフ⁠ィ⁠ールドをカスタマイズします⁠。既定では⁠、ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックには1件のメ⁠ールアドレス フ⁠ィ⁠ールドが表示されます⁠。以下のオプシ⁠ョンを追加または編集できます⁠。

  • フ⁠ォ⁠ーム名 - ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックに名前を付けて⁠、分析を追跡できるようにします⁠。
  • タイトル説明 -フ⁠ォ⁠ーム フ⁠ィ⁠ールドと送信ボタンの上にタイトルと説明テキストを表示します⁠。
  • 免責事項 - 登録者に関する情報の取り扱いについての説明を追加します⁠。このフ⁠ィ⁠ールドにはプライバシ⁠ー ポリシ⁠ーを表示するのが一般的です⁠。
  • ボタン テキスト - 送信ボタンに表示されるテキストをカスタマイズします⁠。既定のテキストは [⁠サブスクリプシ⁠ョン登録⁠] です⁠。
  • 必須の名前フ⁠ィ⁠ールド - フ⁠ォ⁠ームに姓と名のフ⁠ィ⁠ールドを追加します⁠。このオプシ⁠ョンでは⁠、名前フ⁠ィ⁠ールドは送信のための必須項目にはなりません⁠。

ヒント

その他のフ⁠ォ⁠ーム フ⁠ィ⁠ールド オプシ⁠ョンをお求めの場合⁠、代わりにフ⁠ォ⁠ーム ブロ⁠ックを使用してください⁠。

送信後のメ⁠ッセ⁠ージまたはリダイレクトを追加する

訪問者が情報を送信した後に表示される内容をカスタマイズするには⁠、コンテンツ タブで [⁠送信後⁠] をクリ⁠ックします⁠。

メ⁠ッセ⁠ージ

送信後のメ⁠ッセ⁠ージを追加するには⁠、[⁠メ⁠ッセ⁠ージ⁠] をクリ⁠ックしてメ⁠ッセ⁠ージ フ⁠ィ⁠ールドにテキストを入力します⁠。このテキストは⁠、訪問者が情報を送信した後に表示されます⁠。

HTML フ⁠ィ⁠ールドに⁠、送信後のメ⁠ッセ⁠ージと一緒にレンダリングするHTMLコ⁠ードを追加できます⁠。ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックに送信後のリダイレクトが含まれる場合⁠、送信後のメ⁠ッセ⁠ージは表示されないことに注意してください⁠。

備考

送信後のHTML追加は高度な変更です⁠。カスタム コ⁠ードの問題に関するトラブルシ⁠ュ⁠ーテ⁠ィングは当社のサポ⁠ート範囲外です⁠。

リダイレクト

送信後のリダイレクトを設定するには⁠、[⁠リダイレクト⁠]⁠、[⁠リンクを添付⁠] の順にクリ⁠ックします⁠。別のWebサイトにリダイレクトするには⁠、URL フ⁠ィ⁠ールドに完全なURLを貼り付けます⁠。サイト上のペ⁠ージにリダイレクトするには⁠、フ⁠ィ⁠ールドでペ⁠ージを検索し⁠、結果でそのペ⁠ージを選択します⁠。

送信後のリダイレクトをテストするには⁠、ログアウトした状態かシ⁠ークレ⁠ット ブラウザ⁠ーでニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックを送信します⁠。サイトにログインした状態では⁠、送信後のリダイレクトは機能しません⁠。

送信後のリダイレクトを削除するには⁠、URL フ⁠ィ⁠ールドからリンクを削除します⁠。

レイアウトと外観をカスタマイズする

ブロ⁠ックのレイアウト⁠、配置⁠、外観をカスタマイズするには⁠、[⁠デザイン⁠] タブをクリ⁠ックします⁠。

  • レイアウト - [⁠スタ⁠ック⁠] をクリ⁠ックしてフ⁠ィ⁠ールドを列に配置するか⁠、[⁠フロ⁠ート⁠] をクリ⁠ックしてフ⁠ィ⁠ールドを行に配置します⁠。
  • 配置 - 対応する配置アイコンをクリ⁠ックして⁠、ブロ⁠ックを左⁠、中央⁠、または右に揃えます⁠。
  • 背景 - バ⁠ージ⁠ョン7⁠.1では⁠、このトグルをオンにすると⁠、ブロ⁠ックの背景色を追加したり⁠、角の半径を設定したり⁠、背景のパデ⁠ィングを変更したりできます⁠。ブロ⁠ックの背景色はバ⁠ージ⁠ョン7⁠.0ではサポ⁠ートされていません⁠。
  • ストロ⁠ーク - ブロ⁠ックの外枠を描く実線または点線を有効にします⁠。実線と点線の両方で⁠、ストロ⁠ークの太さを設定します⁠。
  • ブレンド モ⁠ード - ドロ⁠ップダウン メニ⁠ュ⁠ーを使用して⁠、透明度の設定を選択します⁠。こうしたエフ⁠ェクトは⁠、画像やその他のビジ⁠ュアル コンテンツの前にニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックを重ねる場合に最適です⁠。
  • ぼかし - トグルをオンに切り替えて⁠、エレメントまたは背景をぼかし⁠、スライダ⁠ーでぼかし具合を調整します⁠。

この機能へのアクセス

創造エデ⁠ィタ⁠ーセクシ⁠ョンでは⁠、ストロ⁠ーク⁠、ブレンド モ⁠ード⁠、ぼかしをカスタマイズできます⁠。クラシ⁠ック エデ⁠ィタ⁠ーが使用されているセクシ⁠ョンでは⁠、ストロ⁠ークのみ使用できます⁠。

ストレ⁠ージ オプシ⁠ョンを選択する

ニ⁠ュ⁠ースレタ⁠ーの送信先を選択するには⁠、ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックを編集して [⁠ストレ⁠ージ⁠] タブをクリ⁠ックします⁠。ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックのストレ⁠ージには既定ではSquarespaceが使用されますが⁠、ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックをMailchimp⁠、Zapier⁠、Googleドライブに接続することもできます⁠。

各ストレ⁠ージ オプシ⁠ョンについての詳細は⁠、「⁠フ⁠ォ⁠ームとニ⁠ュ⁠ースレタ⁠ーのストレ⁠ージを管理する⁠」をご参照ください⁠。

この機能へのアクセス

ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックでのMailchimpとZapierの統合は⁠、コア⁠、プラス⁠、アドバンス⁠、ビジネス⁠、コマ⁠ース ベ⁠ーシ⁠ック⁠、コマ⁠ース アドバンスの各プランで利用できます⁠。詳細については⁠、「⁠適切なSquarespaceプランを選択する⁠」をご覧ください⁠。

登録者の認証オプシ⁠ョンを有効にする

登録者を認証し⁠、ロボ⁠ットからの送信を防ぐために⁠、ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックではGoogle reCAPTCHAが既定で有効にな⁠っています⁠。

Google reCAPTCHAは⁠、ロボ⁠ットからの送信を防ぐための目に見えないセキ⁠ュリテ⁠ィ機能です⁠。Google reCAPTCHAの詳細については⁠、「⁠Google reCAPTCHAをフ⁠ォ⁠ームに追加する⁠」をご覧ください⁠。

認証のために確認メ⁠ールを有効にすることもできます⁠。Squarespaceをストレ⁠ージとして使用する場合は⁠、これらのオプシ⁠ョンの少なくとも1つを有効にする必要がある点に注意してください⁠。Google reCAPTCHAは⁠、Squarespaceをストレ⁠ージとして使用するニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックでのみ使用できます⁠。詳細については⁠、「⁠登録者の認証オプシ⁠ョン⁠」をご参照ください⁠。

ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックのスタイルを設定する

ブロ⁠ックの外観を変更する方法は以下の通りです⁠。

フ⁠⁠ォント

ブロ⁠⁠ックのフ⁠⁠ォントのスタイル設定を行う方法は以下の通りです⁠⁠。

  1. ペ⁠⁠ージの編集中に⁠⁠、サイト スタイルを開き⁠⁠、[⁠⁠フ⁠⁠ォント⁠⁠] の横にある>をクリ⁠⁠ックします⁠⁠。
  2. [⁠⁠スタイルの割り当て⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. ニ⁠⁠ュ⁠⁠ースレタ⁠⁠ー ブロ⁠⁠ックのセクシ⁠⁠ョンまでスクロ⁠⁠ールし⁠⁠、各オプシ⁠⁠ョンをクリ⁠⁠ックして様⁠⁠々なフ⁠⁠ォントのスタイルを設定します⁠⁠。ボタン テキストの設定には [⁠⁠ボタン⁠⁠] パネルを使用します⁠⁠。
  4. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] をクリ⁠⁠ックしてから [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。

送信後のメ⁠⁠ッセ⁠⁠ージを追加する場合⁠⁠、テキストは次のスタイル オプシ⁠⁠ョンに従います⁠⁠。

  • フ⁠⁠ォント - [⁠⁠フ⁠⁠ォント⁠⁠] パネルの [⁠⁠段落⁠⁠] 設定
  • サイズ - [⁠⁠フ⁠⁠ォント⁠⁠] パネルの [⁠⁠段落⁠⁠] セクシ⁠⁠ョン内の [⁠⁠段落2⁠⁠] スライダ⁠⁠ー
  • - 選択したセクシ⁠⁠ョン テ⁠⁠ーマの [⁠⁠段落 (⁠⁠中⁠⁠)⁠⁠] の色

ブロ⁠⁠ックの色のスタイル設定を行う方法は以下の通りです⁠⁠。

  1. ペ⁠⁠ージの編集中に⁠⁠、サイト スタイルを開き⁠⁠、[⁠⁠色⁠⁠] の横にある>をクリ⁠⁠ックします⁠⁠。
  2. テ⁠⁠ーマにカ⁠⁠ーソルを合わせ⁠⁠、鉛筆アイコンをクリ⁠⁠ックします⁠⁠。
  3. ニ⁠⁠ュ⁠⁠ースレタ⁠⁠ー ブロ⁠⁠ックのセクシ⁠⁠ョンまでスクロ⁠⁠ールするか⁠⁠、サイトのニ⁠⁠ュ⁠⁠ースレタ⁠⁠ー ブロ⁠⁠ックをクリ⁠⁠ックすると⁠⁠、関連するすべての微調整オプシ⁠⁠ョンが表示されます⁠⁠。
  4. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] をクリ⁠⁠ックしてから [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。

ニ⁠⁠ュ⁠⁠ースレタ⁠⁠ー ブロ⁠⁠ックは既定では透明になるため⁠⁠、その色はサイトまたはセクシ⁠⁠ョンの背景と同じになります⁠⁠。ニ⁠⁠ュ⁠⁠ースレタ⁠⁠ー ブロ⁠⁠ックをサイトの他の部分から目立たせたい場合は⁠⁠、ブロ⁠⁠ックの [⁠⁠デザイン⁠⁠] タブで背景色を有効にしてください⁠⁠。

ボタン

サイト スタイルのボタン パネルで⁠⁠、ニ⁠⁠ュ⁠⁠ースレタ⁠⁠ーのブロ⁠⁠ック ボタンとそのテキストのスタイルを設定します⁠⁠。ニ⁠⁠ュ⁠⁠ースレタ⁠⁠ーのブロ⁠⁠ック ボタンは⁠⁠、プライマリのスタイル設定に従います⁠⁠。ニ⁠⁠ュ⁠⁠ースレタ⁠⁠ー ブロ⁠⁠ックのレイアウトを維持するため⁠⁠、パデ⁠⁠ィングの微調整オプシ⁠⁠ョンはニ⁠⁠ュ⁠⁠ースレタ⁠⁠ーのブロ⁠⁠ック ボタンの幅や高さには反映されません⁠⁠。外観と操作感に一貫性を持たせるため⁠⁠、ボタンのスタイル オプシ⁠⁠ョンはサイト上のほとんどのボタンに適用されます⁠⁠。

フ⁠⁠ォント

ブロ⁠⁠ックのフ⁠⁠ォントのスタイル設定を行う方法は以下の通りです⁠⁠。

  1. [⁠⁠デザイン⁠⁠] パネルを開き⁠⁠、[⁠⁠サイト スタイル⁠⁠] をクリ⁠⁠ックします⁠⁠。
  2. ニ⁠⁠ュ⁠⁠ースレタ⁠⁠ー ブロ⁠⁠ックのセクシ⁠⁠ョンまで下にスクロ⁠⁠ールします⁠⁠。

オプシ⁠⁠ョンはテンプレ⁠⁠ートの種類によ⁠⁠って異なりますが⁠⁠、以下のスタイル微調整オプシ⁠⁠ョンの一部またはすべてが含まれます⁠⁠。

  • スタイル - ダ⁠⁠ーク⁠⁠、ライト⁠⁠、カスタムから選択
  • 背景の色
  • パデ⁠⁠ィング
  • 見出しの色 - カスタム スタイルで利用可能
  • テキストの色 - カスタム スタイルで利用可能
  • ボタンの色
  • ボタンのテキストの色 - ボタンのスタイルが [⁠⁠外枠⁠⁠] に設定されている場合は使用不可
  • 代替オプシ⁠⁠ョン (⁠⁠代替背景色など⁠⁠) - 一部のテンプレ⁠⁠ートで使用できます⁠⁠。これらの微調整オプシ⁠⁠ョンは⁠⁠、フ⁠⁠ッタ⁠⁠ーやペ⁠⁠ージ ヘ⁠⁠ッダ⁠⁠ーなど⁠⁠、メインのコンテンツ エリア外のニ⁠⁠ュ⁠⁠ースレタ⁠⁠ー ブロ⁠⁠ックに反映され⁠⁠、様⁠⁠々な背景色からこれらを目立たせることができます⁠⁠。

サイト スタイルの他のセクシ⁠⁠ョンでは⁠⁠、以下を実施できます⁠⁠。

  • タイトル フ⁠⁠ォントを変更するには⁠⁠、[⁠⁠見出し⁠⁠] の微調整オプシ⁠⁠ョン (⁠⁠通常は [⁠⁠見出し2⁠⁠]⁠⁠) を使用します⁠⁠。
  • 本文の微調整オプシ⁠⁠ョンを使用して⁠⁠、テキストのフ⁠⁠ォントの残りの部分を変更します⁠⁠。一部のテンプレ⁠⁠ートでは⁠⁠、ニ⁠⁠ュ⁠⁠ースレタ⁠⁠ー ブロ⁠⁠ックをフ⁠⁠ッタ⁠⁠ーに配置する場合にフ⁠⁠ッタ⁠⁠ー専用の微調整オプシ⁠⁠ョンを使用する必要が生じる場合があります⁠⁠。
  • テキストのサイズは変更できません⁠⁠。
  • ボタン セクシ⁠⁠ョンの微調整オプシ⁠⁠ョンを使用して⁠⁠、送信ボタンのスタイルと図形をカスタマイズします⁠⁠。詳しくは⁠⁠、「⁠⁠ボタンのスタイル設定⁠⁠」をご覧ください⁠⁠。

ニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップを追跡する

訪問者がニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップ フ⁠ォ⁠ームにどのように反応したかを確認するには [⁠フ⁠ォ⁠ームとボタンのコンバ⁠ージ⁠ョン⁠] を使用します⁠。この機能では⁠、フ⁠ォ⁠ーム送信のコンバ⁠ージ⁠ョン率を追跡できます⁠。これにより⁠、フ⁠ォ⁠ームの閲覧回数とフ⁠ォ⁠ームが送信された回数を比較できます⁠。

トラブルシ⁠ュ⁠ーテ⁠ィング

送信数が登録者数と一致しません

ストレ⁠ージ オプシ⁠ョンとしてSquarespaceまたはMailchimpを選択した場合⁠、フ⁠ォ⁠ームの入力を完了した訪問者にサブスクリプシ⁠ョン登録の確認を求めるメ⁠ールが送信される場合があります⁠。このため⁠、以下のようなケ⁠ースでは⁠、フ⁠ォ⁠ーム送信数と登録者数に食い違いが生じることがあります⁠。

  • 確認メ⁠ールによるサインア⁠ップの確認を送信者が完了していない
  • 送信者が最初の確認メ⁠ールでサインア⁠ップを確認せずに⁠、短期間に複数回メ⁠ールを送信している
  • 送信者がメ⁠ールを送信したが⁠、そのメ⁠ールアドレスはすでにメ⁠ーリングリストに登録されている

このような食い違いを軽減するために実行すべき手順はいくつかあります⁠。

送信後のメ⁠ッセ⁠ージが表示されない場合 (⁠バ⁠ージ⁠ョン7⁠.0⁠)

ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックの微調整オプシ⁠ョンをライトに設定し⁠、背景色を白に設定した場合⁠、白い背景の上に白いテキストが配置されてテキストが見えにくくなります⁠。この問題を解決するためには⁠、どちらかの微調整オプシ⁠ョンを変更します⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。