送信フォーム の使い方

9種類の入力ブロックを組み合わせて、お問い合わせ・来店予約・見積もり依頼などのフォームを作れるセクションです。必須チェックやメール形式チェック、日付カレンダー、同意チェックまでテーマエディター上で調整できます。

目次

設定項目

メールアドレス入力

  • 削除不可のメールアドレス入力ブロックです。削除するとフォーム送信ができなくなるため、必ず1つ残します。
  • ラベルは入力欄の項目名を変更します。
  • プレースホルダーは入力前に欄内へ表示する補助テキストです。
Copilify 送信フォーム - メールアドレス入力

テキスト入力（1行）

  • 入力必須で未入力時の送信を防ぎます。
  • ラベルは項目名を変更します。
  • プレースホルダーは入力例や補足を表示します。
  • 幅で全幅または半分幅を選び、姓・名などを横並びにできます。
Copilify 送信フォーム - テキスト入力（1行）

テキスト入力（複数行）

  • 入力必須で本文などの入力漏れを防ぎます。
  • ラベルは項目名を変更します。
  • プレースホルダーは入力例や記入してほしい内容を表示します。
  • 行数でテキストエリアの高さを調整します。
Copilify 送信フォーム - テキスト入力（複数行）

セレクトボックス

  • 選択必須で未選択のまま送信されることを防ぎます。
  • ラベルは項目名を変更します。
  • 選択肢1〜10にプルダウンへ表示する候補を入力します。空欄の選択肢は表示されません。
Copilify 送信フォーム - セレクトボックス

チェックボックス

  • 選択必須で最低1つの選択を求めます。
  • ラベルは項目名を変更します。
  • 選択肢1〜10に複数選択できる候補を入力します。空欄の選択肢は表示されません。
Copilify 送信フォーム - チェックボックス

ラジオボタン

  • 選択必須で未選択のまま送信されることを防ぎます。
  • ラベルは項目名を変更します。
  • 選択肢1〜10に1つだけ選べる候補を入力します。空欄の選択肢は表示されません。
Copilify 送信フォーム - ラジオボタン

日付選択

  • 選択必須で日付の入力漏れを防ぎます。
  • ラベルは項目名を変更します。
  • 一番前の日付で選択できる開始日を yyyy-mm-dd 形式で指定します。
  • 一番後の日付で選択できる終了日を yyyy-mm-dd 形式で指定します。
Copilify 送信フォーム - 日付選択

同意チェックボックス

  • ラベルは規約欄の見出しを変更します。
  • 規約テキストには利用規約や個人情報の取り扱いなど、同意前に読んでほしい文章を入力します。
  • チェックボックスのラベルは同意チェック横の文言を変更します。
Copilify 送信フォーム - 同意チェックボックス

送信ボタン

  • ボタンのテキストはボタンに表示する文言です。
  • ボタンの幅(px) / 高さ(px)でボタンサイズを調整します。
  • ボタンの配置(パソコン) / ボタンの配置(スマホ)でデバイス別の揃え位置を選びます。
  • 背景色 / テキスト色 / 枠線の色でボタンの配色を変更します。
  • 枠線の太さ / 角の丸みでボタンの輪郭を調整します。
  • フォントサイズ(パソコン) / フォントサイズ(スマートフォン)でデバイス別の文字サイズを指定します。
  • フォントの太さで通常または太字を選びます。
Copilify 送信フォーム - 送信ボタン

タイトル

  • タイトルはフォーム上部の見出しです。
  • フォント色でタイトル文字の色を変更します。
  • フォントの太さで通常または太字を選びます。
  • 配置で左寄せ・中央寄せ・右寄せを選びます。
  • パソコンでのフォントサイズ / スマートフォンでのフォントサイズでデバイス別の見出しサイズを調整します。
Copilify 送信フォーム - タイトル

項目名

  • 文字サイズ(PC) / 文字サイズ(モバイル)でラベルと入力欄の文字サイズを調整します。
  • 文字色でラベルの色を変更します。
  • 文字の太さで通常または太字を選びます。
Copilify 送信フォーム - 項目名

必須テキスト

  • テキスト内容は必須バッジに表示する文言です。
  • 文字色 / 背景色で必須バッジの配色を変更します。
  • 枠線を表示するで必須バッジの枠線有無を切り替えます。
  • 枠線の色で必須バッジの枠線色を変更します。
  • 角の丸みで必須バッジの角丸を調整します。
Copilify 送信フォーム - 必須テキスト

入力欄

  • 角の丸みで入力欄の角丸を調整します。
  • 背景色で入力欄の背景色を変更します。
  • 文字色で入力内容とプレースホルダー周辺の文字色を変更します。
  • 枠線の色で入力欄の枠線色を変更します。
  • 枠線の太さで入力欄の枠線幅を調整します。
Copilify 送信フォーム - 入力欄

PC表示での余白

  • 左右でパソコン表示時の左右余白を調整します。
  • 上でパソコン表示時の上余白を調整します。
  • 下でパソコン表示時の下余白を調整します。
Copilify 送信フォーム - PC表示での余白

モバイル表示での余白

  • 左右でスマートフォン表示時の左右余白を調整します。
  • 上でスマートフォン表示時の上余白を調整します。
  • 下でスマートフォン表示時の下余白を調整します。
Copilify 送信フォーム - モバイル表示での余白

その他

  • 背景色でセクション全体の背景色を変更します。
  • 最大幅(px)でフォームを表示する最大幅を調整します。
Copilify 送信フォーム - その他

よくある質問

メールアドレス入力ブロックは削除してもよいですか？

削除しないでください。Shopify標準のコンタクトフォーム送信には contact[email] が必要なため、このブロックがないとフォーム送信ができません。

日付選択の開始日・終了日はどの形式で入力しますか？

yyyy-mm-dd 形式で入力します。例: 2026-07-01。入力範囲外の日付はカレンダーで選べなくなります。

送信内容はどこに届きますか？

Shopify標準のコンタクトフォームとして送信されます。通知先はShopify管理画面のストア通知設定に従います。

お問い合わせ・予約フォーム — 9種の入力パーツを自由に組み合わせの商品ページへ →