【初心者向け】Shopifyでお問い合わせフォームを作成する方法｜標準機能・カスタマイズ・スパム対策まで徹底解説！

「商品についての問い合わせを受けたいけど、どうすればいいの？」
「フォームがないと信頼感がない…」
「LINE連携よりまずはメールでやり取りしたい！」

ShopifyでECサイトを作成する際、「お問い合わせフォーム」の設置はとても重要です。

フォームがあることで、

ユーザーが安心して質問できる
購入前の不安を解消できる
クレームではなく事前相談で済む
BtoB・企業からの提携や卸依頼も受けやすくなる

など、多くのメリットがあります。

この記事では、Shopifyでお問い合わせフォームを作成する具体的な方法を、初心者向けにやさしく解説します。

✅ Shopifyで問い合わせフォームを作る3つの方法

方法	難易度	特徴
標準フォーム（contact）を使う	★☆☆	テーマに備わっている。最も簡単
ページ＋フォームタグ追加	★★☆	レイアウト自由だがHTML操作が必要
アプリを使う	★★☆	機能が豊富。条件分岐なども対応可能

✅ 方法①：Shopifyの標準フォームで作成する手順（最も簡単）

🔸 ステップ1：「ページを追加」から作成

Shopify管理画面＞「オンラインストア」＞「ページ」
「ページを追加」をクリック
タイトルに「お問い合わせ」などを入力

🔸 ステップ2：「テンプレート」から「contact」を選ぶ

「テーマテンプレート」または「テンプレートタイプ」で page.contact を選択
本文には入力不要（フォームは自動で挿入されます）

🔸 ステップ3：ナビゲーションに追加する

「オンラインストア」＞「ナビゲーション」＞「メインメニュー」などを選択
「メニュー項目を追加」→「ページ」から「お問い合わせ」を選択
保存すれば、サイトのメニューにリンクが追加されます

✅ この方法で表示される項目（例）

名前
メールアドレス
メッセージ（自由入力）

※ Shopifyテーマによって見た目は異なります

✅ 方法②：HTMLコードでカスタムフォームを作る

🔸 独自レイアウトにしたい場合

以下のようなHTMLをページ内に直接書き込むことで、オリジナルの問い合わせフォームが作成できます：

html

<form method="post" action="/contact#contact_form" id="contact_form" class="contact-form">
  <input type="hidden" name="form_type" value="contact">
  <input type="hidden" name="utf8" value="✓">
  
  <label for="ContactFormName">お名前</label>
  <input type="text" name="contact[name]" id="ContactFormName">

  <label for="ContactFormEmail">メールアドレス</label>
  <input type="email" name="contact[email]" id="ContactFormEmail" required>

  <label for="ContactFormMessage">お問い合わせ内容</label>
  <textarea name="contact[body]" id="ContactFormMessage"></textarea>

  <input type="submit" value="送信">
</form>