Column

コラム

Shopify問い合わせフォームの作り方|設置手順・カスタマイズ・おすすめアプリまで解説

「Shopifyで問い合わせフォームを作りたいけど、どうやって設置するの?」「項目を追加したり自動返信を設定したりする方法は?」「スパム対策やおすすめのアプリを知りたい」といった疑問を持つShopifyストア運営者は多いのではないでしょうか。

Shopifyには標準機能で問い合わせフォームを作成する機能が備わっており、コードの知識がなくても管理画面から数ステップで設置できます。ただし、標準フォームで設定できるのは「名前」「メールアドレス」「メッセージ」の3項目のみで、項目の追加や自動返信メール、確認画面の表示などを実現するにはLiquidコードの編集やアプリの導入が必要です。

本記事では、Shopifyの問い合わせフォームの設置手順から、カスタマイズ方法(項目追加・自動返信・確認画面・送信先設定)、おすすめアプリ、スパム対策、さらには問い合わせフォームを活用してEC売上を伸ばすための戦略まで、実務で役立つ情報を幅広くお伝えします。

確認したいポイント結論詳細
Shopifyに問い合わせフォームはある?標準機能で設置できる管理画面から数ステップで問い合わせフォームを作成可能。名前・メール・メッセージの基本項目が用意されている
標準フォームの設置手順は?3ステップで完了「ページを追加」→テンプレートをcontactに変更→ナビゲーションに追加の3ステップ。コード知識は不要
項目を追加するには?Liquid編集またはアプリで対応問い合わせ種別や電話番号などの項目追加は、Liquidコード編集かフォーム作成アプリの導入で実現できる
おすすめのアプリは?Powerful Contact Form Builderなどドラッグ&ドロップで項目追加・デザイン変更ができ、自動返信やスパム対策も搭載されたアプリが便利
自動返信メールは設定できる?標準機能では不可、アプリで対応Shopify標準の問い合わせフォームには自動返信機能がない。アプリを導入すれば自動返信の設定が可能
確認画面は表示できる?標準機能では不可、アプリで対応日本では一般的な送信前の確認画面も、標準機能では用意されていない。アプリやカスタムコードで実装する
スパム対策はどうする?reCAPTCHAが標準搭載Google reCAPTCHAが標準で有効化されており、ボットによるスパム送信をブロックできる。管理画面から設定可能
送信先を複数にできる?メール転送設定またはアプリで対応Shopify標準では送信先は1つだが、メールサーバー側の転送設定やアプリを使えば複数アドレスに通知できる

この記事でわかること

  • Shopify標準機能での問い合わせフォーム設置手順(3ステップ)
  • 項目追加・自動返信・確認画面など、カスタマイズする3つの方法
  • 問い合わせフォームのおすすめShopifyアプリ5選と選び方
  • スパム対策・送信先設定・送信完了メッセージの設定方法
  • 問い合わせフォームを活用してEC売上を最大化するための戦略
\ ShopifyでのEC売上最大化をFORCE-Rが伴走支援 /
Shopifyストアの構築・運用にお悩みの方は、FORCE-Rにご相談ください。EC販売戦略・広告運用・CRM改善まで、専属コンサルタントが伴走いたします。
FORCE-Rに無料で相談する

Shopify標準機能での問い合わせフォーム設置手順

Shopifyには標準機能として問い合わせフォームが用意されているため、コードの知識がなくても簡単に設置できます。ここでは、3つのステップで設置する手順を解説します。

ステップ1:問い合わせページを作成する

管理画面の「オンラインストア」→「ページ」→「ページを追加」をクリックします。タイトルに「お問い合わせ」と入力し、右側の「テーマテンプレート」を「contact」に変更します。コンテンツ欄には、問い合わせ時の注意事項や受付時間などを任意で記載できます。最後に「保存」をクリックすればページの作成は完了です。

ステップ2:フォームの表示を確認する

管理画面の「オンラインストア」→「テーマ」→「カスタマイズ」をクリックし、ページセレクタから作成した問い合わせページを選択すると、フォームのプレビューが表示されます。名前、メールアドレス、メッセージの入力欄と送信ボタンが表示されていれば正常です。

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

作成した問い合わせページを顧客に見つけてもらうためには、ヘッダーやフッターのナビゲーションにリンクを追加する必要があります。管理画面の「オンラインストア」→「メニュー」から該当メニューを選択し、「メニュー項目を追加」で問い合わせページを追加しましょう。

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

問い合わせフォームから送信されたメッセージは、ストアの「お客様メール」に届きます。送信先を変更したい場合は、管理画面の「設定」→「通知」→「スタッフの通知」から「メールアドレスを転送」でメールアドレスを設定できます。

ECサイトの構築方法については以下の記事でも解説しています。

関連記事:ECサイトを立ち上げる手順を7つのステップで解説!構築方法5選と注意点を4つ紹介

Shopify問い合わせフォームをカスタマイズする3つの方法

標準フォームでは「名前・メール・メッセージ」の3項目しか設定できないため、項目の追加やデザイン変更を行いたい場合はカスタマイズが必要です。カスタマイズには3つの方法があります。

方法1:Liquidコードを編集して項目を追加する

Shopifyのテンプレート言語「Liquid」を編集することで、問い合わせフォームに自由に項目を追加できます。管理画面の「オンラインストア」→「テーマ」→「コードを編集」から「contact-form.liquid」を開き、HTMLコードを追加します。

Liquid編集のメリットは、柔軟なカスタマイズが可能な点です。ドロップダウンリストやラジオボタン、チェックボックスなど、あらゆるフォーム要素を追加できます。デメリットとしては、HTML/CSSやLiquidの知識が必要なことと、テーマのアップデートで影響を受ける可能性があること、編集作業が属人化しやすいことが挙げられます。

コードを編集する際は、必ず事前にテーマを複製してバックアップを取っておきましょう。

方法2:Shopifyアプリを導入してノーコードで拡張する

コード知識がない方には、Shopifyアプリの活用が最もおすすめです。フォーム作成アプリを導入すれば、ドラッグ&ドロップの直感的な操作で項目の追加、デザインの変更、自動返信メールの設定、確認画面の実装、スパム対策など、高機能なフォームをノーコードで作成できます。

方法3:外部フォームサービスを埋め込む

Googleフォームやformrunなどの外部フォームサービスを利用し、そのフォームをShopifyのページに埋め込む方法もあります。Shopifyのシステムとは独立しているため、フォームの機能やデザインの自由度が高い一方で、Shopifyとのデータ連携は手動で行う必要があります。

\ ShopifyでのEC売上最大化をFORCE-Rが伴走支援 /
Shopifyストアの構築・運用にお悩みの方は、FORCE-Rにご相談ください。EC販売戦略・広告運用・CRM改善まで、専属コンサルタントが伴走いたします。
FORCE-Rに無料で相談する

問い合わせフォームのおすすめShopifyアプリ5選

コード編集なしで問い合わせフォームをカスタマイズできるおすすめアプリを5つ紹介します。

Powerful Contact Form Builder

Powerful Contact Form Builderは、ドラッグ&ドロップで多機能なフォームを作成できるアプリです。問い合わせフォームだけでなく、注文フォーム、アンケートフォームなどさまざまな種類のフォームを作成可能です。KlaviyoやMailchimpとの連携にも対応しており、マーケティング活用もできます。

料金は無料プランあり、有料プランは月額9.99ドル〜24.9ドルです。

Improved Contact Form

Improved Contact Formは、シンプルで使いやすいインターフェースが特徴のアプリです。カスタムフィールドの追加、自動返信メールの設定、reCAPTCHAによるスパム対策など、必要十分な機能がコンパクトにまとまっています。

formrun(フォームラン)

formrunは日本発のフォーム作成サービスで、Shopifyとの連携アプリも提供されています。直感的なインターフェースで日本語に完全対応しており、確認画面の表示や自動返信メールの設定も可能です。ただし、formrunの有料プラン契約が前提となる点に注意が必要です。

Form Builder Contact Form

Form Builder Contact Formは、6種類のテンプレートから問い合わせフォームを作成できるアプリです。無料プランでも自動返信機能が月40件まで利用でき、有料プランでは無制限で利用可能です。

問合せフォーム・メール振り分け

問い合わせ内容に応じて送信先のメールアドレスを振り分けたい場合に便利な日本語対応アプリです。フォームごとに通知先のメールアドレスを設定でき、複数の部署で問い合わせを分担する運用に適しています。

関連記事:ASPカートとはECサイトの構築システムを提供するサービス!導入効果とおすすめを紹介

Shopify問い合わせフォームのスパム対策と注意点

問い合わせフォームを設置すると、ボットによるスパムメッセージが届くことがあります。ここでは、対策方法と運用上の注意点を解説します。

Google reCAPTCHAを有効にする

Shopifyには標準でGoogle reCAPTCHAが搭載されており、管理画面から簡単に有効化できます。「オンラインストア」→「各種設定」の「スパム保護」セクションで「お問い合わせフォームとコメントフォームでGoogle reCAPTCHAを有効にする」にチェックを入れるだけです。

送信完了メッセージをカスタマイズする

Shopifyの標準フォームでは、送信後に画面遷移せず、フォームの上部に「お問い合わせありがとうございます」のメッセージが表示されます。このメッセージは、管理画面の「テーマ」→「デフォルトテーマのコンテンツを編集」→「Contact form」→「Post success」から変更できます。

複数のメールアドレスに通知する方法

Shopify標準の問い合わせフォームでは送信先は1つのメールアドレスのみですが、メールサーバー側の転送設定を活用すれば複数アドレスに通知できます。また、前述のフォーム作成アプリの多くは複数の送信先設定に対応しています。

問い合わせフォームの自動返信メールを設定する方法

Shopify標準の問い合わせフォームには、顧客への自動返信メール機能がありません。「お問い合わせを受け付けました」といった確認メールを自動で送信したい場合は、フォーム作成アプリを導入するのが最も簡単な方法です。

参照:Shopifyヘルプセンター「お問い合わせフォーム」

\ ShopifyでのEC売上最大化をFORCE-Rが伴走支援 /
Shopifyストアの構築・運用にお悩みの方は、FORCE-Rにご相談ください。EC販売戦略・広告運用・CRM改善まで、専属コンサルタントが伴走いたします。
FORCE-Rに無料で相談する

問い合わせフォームを活用してEC売上を最大化する戦略

問い合わせフォームは単なるお客様サポートのツールではなく、売上アップにもつながる重要な顧客接点です。

問い合わせデータをマーケティングに活用する

問い合わせフォームから収集されるメールアドレスや問い合わせ内容は、貴重なマーケティングデータです。問い合わせの傾向を分析することで、商品ページの改善ポイントやFAQの充実すべき項目が見えてきます。

問い合わせ対応のスピードと品質で差別化する

問い合わせへの対応スピードと品質は、顧客満足度とリピート率に直結します。自動返信で一次回答を行い、具体的な回答は24時間以内に送信する体制を整えましょう。対応品質の高さは口コミやレビューにも良い影響を与えます。

ECコンサルティングを活用して運用を最適化する

問い合わせフォームの設計・運用を含むEC全体の戦略最適化には、専門的なノウハウが必要です。FORCE-Rでは、Shopifyを含む自社ECサイトの運営支援を行っています。

関連記事:D2Cとはメーカーが消費者に直接販売するビジネスモデル!メリットや成功事例も解説

関連記事:ECにおける利益率は20%が目安!収益性を改善する7つの施策を解説

関連記事:ECの種類はどんなものがあるの?取引形態・構築方法・販売方法ごとに紹介

まとめ

Shopifyの問い合わせフォームは、標準機能で簡単に設置でき、名前・メールアドレス・メッセージの基本項目でシンプルな問い合わせ対応が可能です。項目の追加や自動返信メール、確認画面の表示、デザインのカスタマイズを行いたい場合は、Liquidコードの編集またはフォーム作成アプリの導入で対応しましょう。

スパム対策としてはGoogle reCAPTCHAの有効化が基本です。また、問い合わせフォームは単なるサポートツールではなく、顧客データの収集やマーケティング活用にも役立つ重要な顧客接点です。

FORCE-Rでは、Shopifyを含む自社ECサイトの構築・運営支援として、EC販売戦略の設計から広告運用、CRM改善まで一貫したサポートを提供しています。Shopifyストアの運用最適化を検討されている方は、ぜひFORCE-Rにお問い合わせください。

一覧に戻る

弊社の紹介資料が
ダウンロードできます

3セットドキュメント

    *は必須入力です

    氏名*
    メールアドレス*
    電話番号*
    会社名*

    Check

    こんな記事も読まれています。

    TOP

    Contact

    お問い合わせ

    03-6555-4129

    お気軽にお問い合わせください。