株式会社クオーツ

会社概要

サービスについて

制作事例

お役立ち資料

Shopifyでお問い合わせフォームを設置したい!設置方法やカスタマイズ法を図解で解説!

ecサイト

目次



Shopifyの標準機能を利用すると、簡単にお問い合わせページを作成することができます。また、お問い合わせページをカスタマイズする方法は2種類あり、外部アプリを利用すればLiquidの編集技術がなくても簡単にお問い合わせページをカスタマイズすることができます。


「Shopifyでお問い合わせページを作りたい...」「お問い合わせページをもっとカスタマイズしたい...」と悩んでいるあなたのために、

この記事では、Shopifyでお問い合わせページを作る方法、また、お問い合わせページをカスタマイズする2つの方法について解説します。ぜひ、この記事を参考にストアに適したお問い合わせページを作成してください!

Shopifyでお問い合わせフォームを作成する方法!


では、早速Shopifyの管理画面でお問い合わせフォームを作成する方法を順番に解説していきます。

まず、Shopifyの「管理画面」にログインします。

左側のメニューから「販売チャネル」を選択し、画面上部のオンラインストアをクリックします。





オンラインストアをクリックすると、画面左側がこのように表示されるので「ページ」をクリックします。





画面右上の「ページを追加」をクリックします。



  • ページのタイトル欄に「お問い合わせ」と入力します。


  • コンテンツ欄に、お客様への注意事項などを追加します。


  • ページ右下の「テンプレート」から「page.contact」を選択します。




最後に「保存」ボタンをクリックします。

お問い合わせフォームをストアに表示しよう


このセクションでは、メインメニューにお問い合わせフォームを表示する方法を解説します。



Shopifyの「管理画面」で、「オンラインストア」を選択し、「メニュー」に進みます。



表示したい名前(例: 「お問い合わせ」や「Contact Us」)を入力します。




リンク先として、前の手順で作成した「お問い合わせ」ページを選択します。







これで、Shopifyの標準お問い合わせフォームが設定され、ストア上に表示されます。

簡単にお客さまとのコミュニケーションを始めることができます。

Shopifyにはスパムメール対策とreCAPTCHA機能が備わっている!


Shopifyには標準でスパム対策とreCAPTCHA機能が備わっています。
スパムメールとは迷惑メールのことです。Shopifyのスパムメール対策では、届いたメールの冒頭に「スパム」の文言が表示されます。これにより、迷惑メールと通常のお問い合わせメールを簡単に識別できます。


次に、reCAPTCHAとは、悪質なメールや不正なログインを防ぐための重要な機能です。これはウェブフォームの保護に使用され、「わたしはロボットではありません」というメッセージとチェックボックスが表示されます。




ShopifyではreCAPTCHAの設定が可能で、常にオンにしておくことがおすすめです。これにより、不正アクセスやスパムメールから保護され、安全なお問い合わせフォームを提供できます。

お問い合わせフォームをカスタマイズする方法2選

Shopifyのお問い合わせフォームをカスタマイズする方法は2つあります。

  1. ShopifyテーマのLiquid(HTML/CSS)を編集してカスタマイズ
  2. Shopify外部アプリを利用してカスタマイズ


ShopifyテーマのLiquid(HTML/CSS)を編集してカスタマイズ


Shopify標準のお問い合わせフォームでは十分に対応できない場合におすすめです。この方法では、お問い合わせフォームのデザインや機能を完全に自由に調整し、新しい入力項目を追加することができます。

Shopifyの管理画面から、「オンラインストア」 > 「テーマのカスタマイズ」に進みます。





テーマカスタマイズ画面で、「テンプレート」セクションを見つけ、お問い合わせフォームが表示されるページ(通常は"page.contact")を選択します。














選択したテンプレートのLiquidファイルを編集します。これにより、フォームのデザインや機能を変更できます。


変更を保存してカスタマイズが反映されるようにします。


Shopify外部アプリを利用してカスタマイズ

お問い合わせフォームをカスタマイズしたいけれどLiquidの編集は難しい、自信がないという方はShopifyの外部アプリを活用しましょう。

おすすめアプリ
Improved Contact Form オススメ!





Shopifyストアのお問い合わせフォームを強化するアプリです。このアプリでは、カスタムフォームを簡単に作成でき、お客さまからのお問い合わせをより効率的に処理できます。

特徴

・主な機能には、フォームのカスタマイズ、CAPTCHAの追加、自動応答の設定などがあります。
・サイトのすべてのページの隅に「お問い合わせ」ボタンを追加します。
・ナビゲーションメニューからリンクできる「お問い合わせ」ページを作成します。
・追加のウィジェットをコード変更なしでインストールできます。
・月額費:無料〜29ドル

Wholesale + Ambassador Form




卸売業者向けの申し込みフォームやアンバサダーになるためのフォームを迅速に作成できます。

特徴

・長い注文フォームを作成する際に条件ロジックを使用して複数のステップに分けることができます。
・顧客情報は自動的にShopifyの顧客データやMailchimpと同期されます。これにより、顧客情報の管理が簡単になります。
・新しい卸売注文のお客さまに対して即座に自動返信メールを送信します。
・新しい注文フォームが提出された直後にメールでアラートを受け取ります。
・月額費:無料〜79ドル

Powerful Contact Form Builder





技術的な知識が必要なく、Shopifyの連絡先フォームやカスタムフォームを簡単に作成することができます。

特徴

・ファイルまたは画像のアップロードでカスタム フォームを作成する
・自動応答メールを送信し、フォーム データを Klaviyo、MailChimp などと統合します。
・キャプチャ付きのお問い合わせフォーム、注文フォーム、お問い合わせフォームなどを簡単に作成できます。
・月額費無料〜19.90ドル

まとめ


この記事では、Shopifyでお問い合わせページを作る方法、また、お問い合わせページをカスタマイズする2つの方法について解説しました。お問い合わせページは、お客さまのお困りごとを解決するだけでなく、お客さまからの貴重なフィードバックを回収し、ストアの改善につなげることにも役立ちます。

Shopifyでお問い合わせページをカスタマイズするには、ShopifyテーマのLiquid(HTML/CSS)を編集する必要がありますが、外部アプリを利用することで、プログラミング技術がなくても簡単にお問い合わせページをカスタマイズすることができます。
お客さまにわかりやすいよう、ストアのメインメニューにお問い合わせページを表示することも忘れず設定を行いましょう。お問い合わせページをカスタマイズするアプリには、無料で利用できるアプリもあるので、ぜひ利用してみてください。

弊社クオーツでは、ECサイトの新規事業開発の支援はもちろん、ECサイトの分析や改善、リブランディングによる顧客層の若返りなど、マーケティングの観点を取り込んだ支援を行っております。

ビジネスの課題を解決したい方はお気軽にご相談ください。

クオーツは、デザインの力を最大限活用しながら、課題の解決と成長の加速に貢献します。クリエイティブ・マーケティング・テクノロジーの視点から事業開発、体験の設計、システム設計などを、一貫した体制でサポートしています。

SNSでシェアする

ビジネスの課題を解決したい方はお気軽にご相談ください。

クオーツは、デザインの力を最大限活用しながら、課題の解決と成長の加速に貢献します。クリエイティブ・マーケティング・テクノロジーの視点から事業開発、体験の設計、システム設計などを、一貫した体制でサポートしています。

1

ECサイトの運営に課題を感じている

クリック率改善などの導線設計が可能です

2

20代~30代の顧客を取り戻したい

若い世代に選ばれるブランド作りが得意です

3

顧客単価 / 継続率をあげたい

LTV向上のマーケティング提案もできます

記事カテゴリ

タグ

© 2023 QUARTZ inc.