フォーム ブロック

訪問者から情報を収集するためのフ⁠ォ⁠ームを作成およびカスタマイズします⁠。

最終更新日 2025年2月03日

フ⁠ォ⁠ーム ブロ⁠ックを使用して⁠、訪問者から情報を収集します⁠。このブロ⁠ックでは⁠、お問い合わせフ⁠ォ⁠ーム⁠、アンケ⁠ート⁠、投票⁠、応募とい⁠った種類のフ⁠ォ⁠ームを作成できます⁠。

フ⁠ォ⁠ーム ブロ⁠ックに関する一般的な問題については⁠、「⁠フ⁠ォ⁠ームに関する問題のトラブルシ⁠ュ⁠ーテ⁠ィング⁠」をご参照ください⁠。

備考

フ⁠ォ⁠ーム送信を受け取るには⁠、ストレ⁠ージ オプシ⁠ョンを接続してください⁠。送信はブロ⁠ックに直接保存されません⁠。新しいフ⁠ォ⁠ーム ブロ⁠ックはログイン メ⁠ールアドレスに自動的に接続されますが⁠、問題が発生した場合に備えて⁠、2つ目のストレ⁠ージ オプシ⁠ョンを接続することをおすすめします⁠。

始める前に

  • フ⁠ォ⁠ーム フ⁠ィ⁠ールドによ⁠っては⁠、サイトの言語 (⁠住所と電話番号⁠) または顧客の所在地 (⁠日付と時刻⁠) に基づいて書式が変更されます⁠。
  • SSL が有効なドメイン経由で送信されるフ⁠ォ⁠ームは暗号化されます⁠。ドメインでSSLが有効にな⁠っていることを確認する方法については⁠、「⁠SSL証明書について⁠」をご覧ください⁠。
  • フ⁠ォ⁠ーム ブロ⁠ックは⁠、HIPAA適格ソリ⁠ュ⁠ーシ⁠ョンの一部として使用することはできません⁠。患者情報を安全に収集するには⁠、Acuity Schedulingの使用をおすすめします⁠。
  • フ⁠ォ⁠ーム ブロ⁠ックに変更を加えた後は⁠、必ずEnterを押すか⁠、ブロ⁠ック エデ⁠ィタ⁠ー外をクリ⁠ックして変更を保存してください⁠。

動画を見る

フ⁠ォ⁠ーム ブロ⁠ックを追加する

フ⁠ォ⁠ーム ブロ⁠ックを追加する方法は以下のとおりです⁠。

  1. ペ⁠ージまたは投稿を編集し⁠、[⁠ブロ⁠ックを追加⁠] または挿入箇所をクリ⁠ックしてから⁠、[⁠フ⁠ォ⁠ーム⁠] をクリ⁠ックします⁠。ヘルプについては⁠、「⁠ブロ⁠ックを使用したコンテンツの追加⁠」を参照してください⁠。
  2. ブロ⁠ックの鉛筆アイコンをクリ⁠ックして⁠、ブロ⁠ック エデ⁠ィタ⁠ーを開きます⁠。
  3. [⁠コンテンツ⁠] タブで⁠、フ⁠ォ⁠ームを設定し⁠、送信後のメ⁠ッセ⁠ージまたはリダイレクトを追加します⁠。
  4. フ⁠ォ⁠ームのレイアウトをカスタマイズするには⁠、[⁠デザイン⁠] をクリ⁠ックします⁠。
  5. フ⁠ォ⁠ームの回答の既定の保存オプシ⁠ョンは⁠、ログイン メ⁠ールアドレスです⁠。別のストレ⁠ージ オプシ⁠ョンを追加するには⁠、[⁠ストレ⁠ージ⁠] タブで [⁠追加ストレ⁠ージ⁠] をクリ⁠ックします⁠。
  6. 訪問者がフ⁠ァイルをア⁠ップロ⁠ードできるようにする場合は⁠、Google reCAPTCHAを追加します⁠。
  7. 完了したら⁠、Enterを押すか⁠、ブロ⁠ック エデ⁠ィタ⁠ーの外側をクリ⁠ックします⁠。

フ⁠ォ⁠ームを設定する

フ⁠ォ⁠ーム ブロ⁠ックを追加すると⁠、[⁠コンテンツ⁠] タブに既定のフ⁠ォ⁠ーム名⁠、既定のボタン テキスト⁠、およびいくつかの既定のフ⁠ィ⁠ールド (⁠名前⁠、電子メ⁠ール⁠、テキスト⁠、テキスト エリア⁠) が表示されるため⁠、作業を開始しやすくなります⁠。

フ⁠ォ⁠ームを設定する方法は以下のとおりです⁠。

  1. [⁠フ⁠ォ⁠ーム名⁠] フ⁠ィ⁠ールドのプレ⁠ースホルダ⁠ー テキストを確認し⁠、必要に応じてフ⁠ォ⁠ームの新しい名前を入力します⁠。フ⁠ォ⁠ーム名は⁠、フ⁠ォ⁠ームをライトボ⁠ックスで開くように設定した場合にのみ訪問者に表示されます⁠。
  2. 既定のボタンのテキストは [⁠送信⁠] です⁠。別のテキストにしたい場合は⁠、「⁠送信⁠」を削除して新しいテキストをご入力ください⁠。
  3. フ⁠ォ⁠ームのフ⁠ィ⁠ールドを設定するには⁠、[⁠フ⁠ォ⁠ーム フ⁠ィ⁠ールドを編集⁠] をクリ⁠ックします⁠。新しいフ⁠ィ⁠ールドを追加するには⁠、[⁠フ⁠ィ⁠ールドを追加⁠] をクリ⁠ックします⁠。フ⁠ィ⁠ールドを再配置または削除するには⁠、右上隅の [⁠編集⁠] をクリ⁠ックします⁠。
  4. 個⁠々のフ⁠ィ⁠ールドを編集するには⁠、[⁠フ⁠ォ⁠ーム フ⁠ィ⁠ールドを編集⁠] パネルでフ⁠ィ⁠ールドをクリ⁠ックします⁠。フ⁠ィ⁠ールドのタイプに応じて⁠、ラベルと説明を追加したり⁠、送信時に必須にしたり⁠、選択オプシ⁠ョンを追加したり⁠、削除したりできます⁠。
  5. フ⁠ァイル ア⁠ップロ⁠ード フ⁠ィ⁠ールドを追加する場合は⁠、ア⁠ップロ⁠ード可能なフ⁠ァイルの数と種類を調整することをおすすめします⁠。
  6. 既定では⁠、フ⁠ォ⁠ーム ブロ⁠ックはログイン メ⁠ールアドレスにフ⁠ォ⁠ームの回答を送信し⁠、フ⁠ォ⁠ーム送信者とその詳細をWebサイトに保存します⁠。Google⁠、Zapier⁠、Mailchimpのようなストレ⁠ージ オプシ⁠ョンに接続するには⁠、[⁠ストレ⁠ージ⁠] タブを使用します⁠。
  7. 完了したら⁠、Enterを押すか⁠、ブロ⁠ック エデ⁠ィタ⁠ーの外側をクリ⁠ックします⁠。

以下の点に留意してください⁠。

  • Squarespaceに複数のお問い合わせフ⁠ォ⁠ームがある場合は⁠、受信したフ⁠ォ⁠ーム送信を識別し⁠、[⁠連絡先⁠] パネルでフ⁠ォ⁠ーム送信者をより適切にフ⁠ィルタリングできるように⁠、わかりやすいフ⁠ォ⁠ーム名を使用することをおすすめします⁠。
  • 説明テキストは⁠、送信したフ⁠ォ⁠ームには表示されません⁠。
  • 訪問者がフ⁠ォ⁠ームに簡単に入力できるように⁠、フ⁠ィ⁠ールド数は30個までに制限することをおすすめします⁠。これは⁠、Mailchimpに接続されるフ⁠ォ⁠ームのフ⁠ィ⁠ールド制限でもあります⁠。
  • フ⁠ィ⁠ールド オプシ⁠ョンの詳細については⁠、「⁠フ⁠ォ⁠ーム フ⁠ィ⁠ールドについて⁠」をご覧ください⁠。

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

送信後のメ⁠ッセ⁠ージまたはリダイレクトを追加するには⁠、[⁠コンテンツ⁠] タブの [⁠送信後⁠] をクリ⁠ックします⁠。

メ⁠ッセ⁠ージ

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

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

備考

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

リダイレクト

送信後のリダイレクトを設定するには⁠、[⁠リダイレクト⁠] をクリ⁠ックします⁠。別のWebサイトにリダイレクトするには⁠、[⁠リダイレクトURL⁠] フ⁠ィ⁠ールドに完全なURLを貼り付けます⁠。

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

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

フ⁠ォ⁠ームのレイアウトと外観をカスタマイズする

配置⁠、色⁠、外観などをカスタマイズするには⁠、ブロ⁠ックの鉛筆アイコンをクリ⁠ックしてブロ⁠ック エデ⁠ィタ⁠ーを開きます⁠。[⁠デザイン⁠] をクリ⁠ックすると⁠、以下のオプシ⁠ョンを使用できます⁠。

  • [⁠ボタンの配置⁠] を [⁠⁠]⁠、[⁠中央⁠]⁠、または [⁠⁠] に設定します⁠。
  • [⁠初期入力フ⁠ィ⁠ールドの強調⁠] ドロ⁠ップダウン メニ⁠ュ⁠ーをクリ⁠ックして⁠、フ⁠ォ⁠ームの最初のフ⁠ィ⁠ールドを目立たせるアニメ⁠ーシ⁠ョンを設定します⁠。
  • 背景色を有効にするには⁠、[⁠背景⁠] トグルをオンにして [⁠⁠] を選択します⁠。
  • [⁠ライトボ⁠ックス⁠] トグルをオンに切り替えると⁠、訪問者がペ⁠ージに表示されているボタンをクリ⁠ックしたときに⁠、フ⁠ォ⁠ームがポ⁠ップア⁠ップ ライトボ⁠ックスで開きます⁠。[⁠開くボタンのテキスト⁠] をカスタマイズすることもできます⁠。
  • [⁠ストロ⁠ーク⁠] の横で⁠、ブロ⁠ックの輪郭を描く実線または点線を有効にします⁠。実線と点線の両方で⁠、ストロ⁠ークの太さを設定します⁠。
  • [⁠ブレンド モ⁠ード⁠] ドロ⁠ップダウン メニ⁠ュ⁠ーをクリ⁠ックして⁠、透明度の設定を選択します⁠。こうしたエフ⁠ェクトは⁠、画像やその他のビジ⁠ュアル コンテンツの前にフ⁠ォ⁠ーム ブロ⁠ックを重ねる場合に最適です⁠。
  • [⁠エレメント⁠] または [⁠背景⁠] をぼかすには⁠、[⁠ぼかし⁠] の横にあるトグルをオンに切り替え⁠、スライダ⁠ーを使用してぼかしのレベルを調整します⁠。

この機能へのアクセス

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

フ⁠ォ⁠ーム ブロ⁠ックのフ⁠ォント⁠、色⁠、その他のスタイルのカスタマイズについて詳しくは⁠、「⁠フ⁠ォ⁠ーム ブロ⁠ックのスタイル設定⁠」をご参照ください⁠。

ストレ⁠ージ オプシ⁠ョンを追加する

フ⁠ォ⁠ームの送信先を選択するには⁠、フ⁠ォ⁠ーム ブロ⁠ックを編集して [⁠ストレ⁠ージ⁠] タブをクリ⁠ックします⁠。新しいフ⁠ォ⁠ーム ブロ⁠ックはログイン メ⁠ールアドレスに自動的に接続されますが⁠、Mailchimp⁠、Zapier⁠、または Google Drive を追加することもできます⁠。各ストレ⁠ージ タイプについての詳細は⁠、「⁠フ⁠ォ⁠ームとニ⁠ュ⁠ースレタ⁠ーのストレ⁠ージを管理する⁠」をご参照ください⁠。

フ⁠ォ⁠ームに必須のメ⁠ールアドレス フ⁠ィ⁠ールドが含まれている場合⁠、フ⁠ォ⁠ームを送信した訪問者は⁠、フ⁠ォ⁠ーム送信情報とともにサイトの [⁠連絡先⁠] パネルに追加されます⁠。このためのフ⁠ォ⁠ームの設定方法については⁠、以下のセクシ⁠ョンをご覧ください⁠。

フ⁠ォ⁠ームの送信者をWebサイトに保存する

備考

この機能は⁠、必須メ⁠ールアドレス フ⁠ィ⁠ールドを使用するフ⁠ォ⁠ーム ブロ⁠ックに対して⁠、2023年7月21日にリリ⁠ースされました⁠。それ以前に受信したフ⁠ォ⁠ーム ブロ⁠ック送信については⁠、[⁠連絡先⁠] パネルに表示されません⁠。この機能のリリ⁠ース前に受信したフ⁠ォ⁠ーム送信にアクセスするには⁠、フ⁠ォ⁠ーム ブロ⁠ックに接続されている他のストレ⁠ージ オプシ⁠ョンを確認してください⁠。

フ⁠ォ⁠ーム送信者とその詳細をWebサイトの [⁠連絡先⁠] パネルに保存する場合は⁠、フ⁠ォ⁠ームが正しく設定されていることを確認してください⁠。

  1. フ⁠ォ⁠ームがあるペ⁠ージ上で [⁠編集⁠] をクリ⁠ックし⁠、フ⁠ォ⁠ーム ブロ⁠ック上の鉛筆アイコンをクリ⁠ックします⁠。
  2. [⁠フ⁠ォ⁠ーム フ⁠ィ⁠ールドを編集⁠] をクリ⁠ックします⁠。
  3. [⁠メ⁠ール⁠] をクリ⁠ックします⁠。メ⁠ール フ⁠ィ⁠ールドがない場合は⁠、[⁠フ⁠ィ⁠ールドを追加⁠] をクリ⁠ックしてから [⁠メ⁠ール⁠] をクリ⁠ックし⁠、もう一度 [⁠メ⁠ール⁠] をクリ⁠ックしてフ⁠ィ⁠ールドの設定を開きます⁠。
  4. [⁠必須⁠] トグルをオンにします⁠。このトグルをオンにしないと⁠、フ⁠ォ⁠ーム送信者が [⁠連絡先⁠] パネルに保存されません⁠。これにより⁠、作成された連絡先とメ⁠ールアドレスが関連付けられます⁠。
  5. 訪問者が今後のマ⁠ーケテ⁠ィング関連の問い合わせを受け付けるようにするには⁠、[⁠メ⁠ール サインア⁠ップ⁠] のトグルをオンに切り替えてください⁠。
  6. 訪問者がフ⁠ォ⁠ームの送信後に確認メ⁠ールでオプトインできるようにするには⁠、[⁠確認メ⁠ールを送信⁠] トグルをオンに切り替えます⁠。フ⁠ォ⁠ームでGoogle reCAPTCHAが無効にな⁠っている場合⁠、確認メ⁠ールを無効にすることはできません⁠。[⁠メ⁠ール サインア⁠ップ⁠] が有効にな⁠っているすべてのフ⁠ォ⁠ーム ブロ⁠ックには⁠、少なくとも 1 つの認証方法が必要です⁠。
  7. 完了したら⁠、Enterを押すか⁠、ブロ⁠ック エデ⁠ィタ⁠ーの外側をクリ⁠ックします⁠。

必須のメ⁠ール フ⁠ィ⁠ールドがある場合⁠、訪問者とそのフ⁠ォ⁠ーム送信内容は⁠、[⁠連絡先⁠] パネルの [⁠フ⁠ォ⁠ーム送信者⁠] に表示されます⁠。[⁠メ⁠ール サインア⁠ップ⁠] が有効にな⁠っている場合⁠、送信者が [⁠サインア⁠ップしてニ⁠ュ⁠ースと最新情報を受け取る⁠] をオンにすると⁠、[⁠連絡先⁠] パネルの [⁠登録者⁠] の下にその送信者が表示されます⁠。確認メ⁠ールが有効にな⁠っている場合は⁠、送信者がオプトインしないと [⁠登録者⁠] に表示されません⁠。

[⁠連絡先⁠] パネルに保存されているフ⁠ォ⁠ーム送信者と詳細にアクセスする方法については⁠、「⁠フ⁠ォ⁠ームとニ⁠ュ⁠ースレタ⁠ーのストレ⁠ージを管理する⁠」をご参照ください⁠。

フ⁠ォ⁠ーム ブロ⁠ックのスパム

フ⁠ォ⁠ーム ブロ⁠ックを通じてスパムが届く場合があります⁠。Squarespaceを装⁠ったり⁠、個人情報を尋ねたりする内容には注意してください⁠。

不審なコンテンツを含むフ⁠ォ⁠ーム送信を検出した場合⁠、メ⁠ールの上部に警告が表示されますが⁠、すべての送信を注意深く確認し⁠、不審なリンクをクリ⁠ックしないようにしてください⁠。[⁠スパムを報する⁠] をクリ⁠ックすると⁠、メ⁠ッセ⁠ージを直接報告できます⁠。

さらにセキ⁠ュリテ⁠ィを強化するために⁠、フ⁠ォ⁠ーム ブロ⁠ックにGoogle reCAPTCHAを設定できます⁠。設定を開始するには⁠、[⁠ストレ⁠ージ⁠] タブの [⁠Google reCAPTCHA⁠] をクリ⁠ックします⁠。以降の手順については⁠、「⁠Google reCAPTCHAをフ⁠ォ⁠ームに追加する⁠」をご覧ください⁠。

フ⁠ォ⁠ームのスパム全般の詳細については⁠、「⁠フ⁠ォ⁠ームとニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックのスパムを防止する⁠」をご参照ください⁠。

フ⁠ォ⁠ーム ブロ⁠ックの送信数を追跡する

訪問者がフ⁠ォ⁠ームをどのように利用しているかを確認するには⁠、フ⁠ォ⁠ームとボタンのコンバ⁠ージ⁠ョン分析を使用します⁠。この機能では⁠、フ⁠ォ⁠ーム送信のコンバ⁠ージ⁠ョン率を追跡できます⁠。これにより⁠、フ⁠ォ⁠ームの閲覧回数とフ⁠ォ⁠ームが送信された回数を比較できます⁠。

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

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

  • Squarespace Expertを雇う

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