How to Set Up a Contact Form on Shopify

ネットショップを運営していると、お客様から「この商品のサイズ感を教えてほしい」「納期はどのくらい？」といった問い合わせが必ず届きます。

わたしがストア運営に関わっていたとき、フォームの項目を少し工夫するだけで問い合わせの質がぐっと変わった経験があります。「何について聞きたいか」を選択式にするだけで、やりとりの回数が減って対応がスムーズになりました。

こうした声に対応する窓口がなければ、お客様は不安を抱えたまま離脱してしまいます。逆に、気軽に質問できる場所があるだけで、購入率はぐっと上がるものです。

うれしいことに、Shopifyには お問い合わせフォームのテンプレート が最初から用意されています。コードを書かなくても、数分で設置できます。

この記事では、標準機能を使った設置手順から、項目の追加、スパム対策、予約サイトでの活用法まで、まるごと解説していきます。

お問い合わせフォームとは？

Webサイトに設置する入力フォームで、訪問者が名前・メールアドレス・メッセージなどを入力して送信できる仕組みです。送信内容はストアオーナーのメールアドレスに届きます。

お問い合わせフォームが必要な理由

「SNSのDMで対応してるから大丈夫」と思う方もいるかもしれません。でも、ストアの中にお問い合わせページがあることには、DMとは違うメリットがあります。

標準機能でお問い合わせフォームを設置する手順

Shopifyの標準テーマ（Dawn、Taste、Senseなど）には、あらかじめ 「お問い合わせ」ページのテンプレート が組み込まれています。新しくコードを書く必要はありません。

以下の手順で、すぐにフォームを設置できます。

1. 1

   管理画面から「ページ」を作成する

   Shopify管理画面の左メニューから オンラインストア → ページ を開きます。右上の「ページを追加」をクリックしてください。
2. 2

   テンプレートを「contact」に変更する

   ページ作成画面の右側にある「テーマテンプレート」のドロップダウンを開き、 「contact」 を選択します。これだけで、名前・メールアドレス・メッセージの入力欄が自動で表示されます。
3. 3

   タイトルと説明文を入力する

   ページタイトルに「お問い合わせ」と入力します。本文エリアには、返信までの目安時間や営業時間など、お客様に伝えたい情報を書いておくと親切です。
4. 4

   ページを保存して公開する

   右上の「保存」をクリックすれば完了です。作成したページは自動的に公開されます（非公開にしたい場合は「公開日」の設定で調整できます）。
5. 5

   ナビゲーションにリンクを追加する

   フォームを設置しただけでは、お客様がたどり着けません。 オンラインストア → メニュー から、ヘッダーやフッターのナビゲーションに「お問い合わせ」ページへのリンクを追加しましょう。

出典：Shopify公式ヘルプ — お問い合わせページの追加

受信先メールアドレスの設定

お問い合わせフォームから送信された内容は、ストアの 「送信元メールアドレス」 に届きます。

初期設定では、Shopifyアカウント作成時に使ったメールアドレスが設定されています。別のアドレスで受け取りたい場合は、以下の手順で変更できます。

1. 01

   設定画面を開く

   管理画面の左下にある 設定 をクリックします。
2. 02

   「ストアの詳細」を選択する

   設定メニューから ストアの詳細 を開きます。
3. 03

   送信元メールアドレスを変更する

   「ストアの連絡先」セクションにある 「送信元メールアドレス」 を、お問い合わせ対応に使いたいアドレスに変更して保存します。

出典：Shopify公式ヘルプ — ストアの詳細設定

フォームに項目を追加したい場合

標準のお問い合わせフォームは「名前」「メールアドレス」「メッセージ」の3項目だけです。シンプルで使いやすい反面、「電話番号」「注文番号」「問い合わせカテゴリ」など、追加の情報が欲しい場面もあるでしょう。

項目を追加するには、大きく分けて2つの方法があります。

Liquidを編集する場合の注意点

テーマのコードを編集する場合は、必ず テーマを複製してバックアップを取ってから 作業してください。

オンラインストア → テーマ → アクション → 複製 でテーマのコピーを作成できます。編集するファイルは、テーマの templates/page.contact.liquid（または sections/ 配下のcontactセクションファイル）です。

出典：Shopify公式ヘルプ — テーマコードの編集

おすすめのフォーム系アプリ

コードを書かずに項目を追加したい場合は、アプリを使うのが手軽です。Shopifyアプリストアにはさまざまなフォームビルダーアプリがあります。

• ドラッグ&ドロップで項目を追加できる
• ファイル添付（画像アップロード）に対応
• 問い合わせカテゴリごとに送信先メールを分岐できる
• 自動返信メールを設定できる
• スパム対策機能が組み込まれている

代表的なアプリとして、Powerful Contact Form Builder、PageFly、Hulk Form Builder などがあります。無料プランが用意されているものも多いので、まずは試してみるとよいでしょう。

スパム対策 — reCAPTCHAの設定

お問い合わせフォームを設置すると、ボット（自動プログラム）による迷惑メッセージが届くことがあります。放置すると、本当のお客様からの問い合わせが埋もれてしまいます。

Shopifyには Google reCAPTCHA が標準で組み込まれており、管理画面から有効化するだけでスパムを大幅に減らせます。

1. 1

   設定画面を開く

   管理画面の 設定 → オンラインストア を開きます。
2. 2

   スパム対策を有効にする

   「スパム保護」のセクションで Google reCAPTCHA を有効にする にチェックを入れます。

出典：Shopify公式ヘルプ — reCAPTCHAでスパム対策

予約サイトでのお問い合わせフォーム活用

ECサイトだけでなく、サロンや教室、コンサルティングなど 予約制のサービス を運営している場合、お問い合わせフォームはさらに重要な役割を果たします。

予約サイト自体の構築方法は、こちらの記事で詳しく解説しています。

→ Shopifyでサロンの予約サイトを作る完全ガイド

お問い合わせページをもっと良くするコツ

フォームを設置したあとは、少しの工夫で対応品質がぐっと上がります。

まとめ

Shopifyのお問い合わせフォームは、標準テーマのテンプレートを使えば 数分で設置 できます。

• ページ作成時にテンプレートを「contact」にするだけ
• 受信先は「ストアの詳細」から変更できる
• 項目を増やしたい場合はLiquid編集またはアプリを利用
• reCAPTCHAでスパム対策も標準で対応可能
• 予約サイトでは相談窓口やカスタムオーダーの受付にも活用

まだお問い合わせページを用意していない方は、今日さっそく設置してみてください。お客様が安心して買い物できる環境を整えることが、長く愛されるストアづくりの第一歩です。

→ Shopifyを無料で試してみる

→ Shopifyの始め方ガイドを読む

→ Shopify管理画面の使い方を確認する