Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressで顧客のフィードバックフォームを簡単に追加する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

あなたのサイトに顧客からのフィードバックフォームを追加したいですか?

顧客からのフィードバックは、製品やサービスの改善に非常に役立ちます。フィードバックフォームを利用することで、簡単にカスタマイザーからの提案を収集し、カスタマイザーの悩みを理解することができます。

この投稿では、WordPressに顧客からのフィードバックフォームを簡単に追加する方法をご紹介します。

How to create a client feedback form

なぜ顧客フィードバックフォームが必要なのか?

カスタマーフィードバックフォームは、あなたの顧客があなたの製品やサービスについて直接フィードバックするためのお問い合わせフォームです。

基本的には、あなたの顧客があなたのプロセス、サービス、製品、ブランドをどのように評価しているかを洞察するのに役立ちます。そして、このフィードバックを活用してビジネスを改善し、さらに多くの顧客を獲得することができます。

クライアント・フィードバック・フォームは、カスタマーロイヤルティを測定するために一般的なNPS(Net Promoter Score®)アンケートとは異なります。

ということで、WordPressでクライアントからのフィードバックフォームを簡単に追加する方法を見てみましょう:

方法1: WPFormsでWordPressクライアントフィードバックフォームを作成する(推奨)

WordPressでクライアントからのフィードバックフォームを追加する最も簡単な方法は、WPFormsを使用することです。これは市場で最高のWordPressお問い合わせフォームプラグインであり、600万人以上の専門家が使用しています。

WPFormsのドラッグ&ドロップフォームビルダーは、誰でも簡単にオンラインフォームを作成することができます。加えて、あなたは多くの事前ビルトインテンプレートとカスタマイズオプションを取得します。

このチュートリアルではWPForms Proバージョンを使用します。WPForms Proには提案フォームのテンプレートと異なるフォームフィールドが含まれているからです。無料で使えるWPForms Liteバージョンもあります。

詳しくはWPFormsのレビューをご覧ください。

まず、WPFormsプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドを参照してください。

有効化した後、WordPressダッシュボードからWPForms ” Settingsにアクセスし、ライセンスキーを入力する必要があります。

Entering the WPForms license key

ライセンスキーはWPFormsアカウントエリアで簡単に見つけることができます。

次に、WPForms ” 新規追加ページにアクセスしてフィードバックフォームを作成します。

Add a new form

その後、WPFormsフォームビルダーが表示されます。

フィードバックフォームの名前を追加し、「ご意見フォーム」テンプレートを選択します。左側の検索バーでテンプレートを検索し、「テンプレートを使用」ボタンをクリックしてください。

Select the suggestion form template

WPFormsはすでに基本的なフィードバックフォームフィールドが追加されたフォームテンプレートを読み込みます。フィールドをクリックして編集したり、ドラッグ&ドロップして順番を変更することができます。

新規フィールドを追加したい場合は、画面の左側からそのフィールドを選択し、テンプレート上にドラッグするだけです。

Add new form fields

また、テンプレート内の既存のフォームフィールドをさらにカスタマイズすることもできます。

任意の要素をクリックするだけで、変更できるオプションが表示されます。例えば、フィールドのラベルを編集したり、説明を追加したり、スマート条件ロジックを設定したりすることができます。

View more customization options

設定が完了したら、「保存」ボタンをクリックしてこれらの設定を保存します。

フォーム通知と確認の設定

WordPressでフィードバックフォームを作成したら、次はフォームの通知と確認を設定します。

確認はユーザーのためのものですが、フォーム通知はあなたのためのものです。クライアントがあなたのサイトのフィードバックフォームを送信すると、メールが届きます。

WPFormsではWPFormsビルダー内の’Settings’タブから両方の設定を管理し、好きなようにカスタマイズすることができます。

まず、フォームの確認設定を編集します。確認」タブに移動し、ドロップダウンから確認タイプを選択するだけで、設定を変更することができます。

Go to confirmation settings

お礼のメッセージを表示する場合は、確認タイプのセクションの下にあらかじめビルトインされたメッセージがあります。このメッセージを変更して、独自のメッセージを追加することができます。また、確認タイプのドロップダウンメニューから、ユーザーを別のサンキューページや別のURLにリダイレクトすることもできます。

次に、「通知」タブに移動します。フィードバックフォームに最適な初期設定があり、変更の必要はないかもしれません。

Edit notifications settings

初期設定では、フィードバックフォームの通知はすべてWordPressサイトの管理者メールに送信されます。

別のメールアドレスに通知を送りたい場合は、通知設定に追加するだけです。また、カンマ区切りでメールを追加して、複数のメールアドレスに通知を送ることもできます。

サイトへのフィードバックフォームの追加

これでフィードバックフォームの準備ができましたので、WordPressサイトに追加することができます。

WPFormsフォームビルダーでは、上部の’Embed’ボタンをクリックし、既存のページを選択するか、新規ページを作成してフィードバックフォームを追加することができます。

Embed a form in page

このチュートリアルでは「新規ページ作成」オプションを選択しましょう。

次に、新しいページの名前を入力する必要があります。これはページのURLにもなります。その後、「Let’s Go」ボタンをクリックします。

Enter name for your new page

あるいは、WPFormsブロックを使って、クライアントのフィードバックフォームを追加することもできます。

フォームを追加したいWordPressの投稿またはページを編集するだけです。次に’+’ボタンをクリックし、WPFormsブロックを追加します。

Add WPForms widget block

WPFormsブロックでドロップダウンメニューをクリックし、フォームを選択します。投稿/ページを保存または公開することができます。

次に、あなたのサイトにアクセスして、顧客からのフィードバックフォームを実際に見てみましょう。フィードバックフォームの例です:

Client feedback form preview

WPFormsにはウィジェットが付属しており、WordPressのサイドバーやその他のウィジェットエリアにクライアントからのフィードバックフォームを追加することができます。

まず、WordPress管理エリアの外観 ” ウィジェットページに移動する必要があります。このページで、サイドバーウィジェットエリアにWPFormsウィジェットを追加することができます。

Add WPForms widget block

次に、WPFormsウィジェットのドロップダウンメニューからフォームを選択し、サイドバーに表示します。

完了したら、必ず「更新」ボタンをクリックしてください。

あなたのサイトにアクセスすると、サイドバーウィジェットに表示された顧客フィードバックフォームを見ることができます。

Client feedback form preview in sidebar

方法2:UserFeedbackを使用してWordPressクライアントフィードバックフォームを作成する

UserFeedbackは、WordPressのための最高のユーザーフィードバックプラグインの一つです。サイト訪問者からの有益なフィードバックを収集するために、即座にアンケートフォームを作成することができます。

このプラグインはとても使いやすく、サイトフィードバック、B2B満足度アンケート、NPSアンケート、投稿購入レビューなど20以上のテンプレートがあらかじめ用意されています。

このチュートリアルでは、UserFeedback Proバージョンを使用します。UserFeedbackには無料版もあります。

まず、UserFeedbackプラグインをインストールし、有効化する必要があります。WordPressプラグインのインストール方法については、こちらをご覧ください。

プラグインを有効化すると、UserFeedbackセットアップウィザードが自動的に起動します。Start」ボタンをクリックするだけで、セットアップが開始されます。

UserFeedback Setup Wizard

次に、クライアントやカスタマイザーにどのような質問をするかを選択できます。リストからあらかじめ書かれた質問を選択するか、独自の質問を作成することができます。

Choose question for your first UserFeedback survey

後で質問を変えられるから心配しないで。

質問を選んだら、「次のステップ」ボタンをクリックして次に進みます。

Click on Next Step in the UserFeedback setup wizard

次のページでは、UserFeedback の特定の機能を有効化することができます。必要な機能、またはライセンスレベルで許可されている機能を選択してください。

次に、ページ下部の「次のステップ」ボタンをクリックします。

Enable UserFeedback features

ここで、顧客フィードバックのレスポンスを送信するメールアドレスを入力できます。

メールアドレスを入力後、「次のステップ」ボタンをクリックして次に進みます。

Customize notifications for UserFeedback

セットアップウィザードの最後のステップで、有効化した機能がインストールされます。

UserFeedback features and addons successfully installed

ページ下部の「ダッシュボードに戻る」ボタンをクリックします。

Exit to UserFeedback dashboard

顧客フィードバック フォームの編集

UserFeedback ダッシュボードから、アンケートフォームを編集し、アンケートの設定を変更できるようになりました。

これを行うには、最初のアンケートにマウスオーバーし、「編集」リンクをクリックします。

Edit your survey in UserFeedback

ドロップダウンメニューから質問の種類を変更し、フィールドに入力して質問のタイトルを編集することができます。

質問を追加するには、「質問を追加」ボタンをクリックしてください。

Edit client feedback question in UserFeedback

また、カスタマイザーメッセージを作成し、ユーザーがフィードバックを送信した後に特定のページにリダイレクトすることもできます。

質問の編集が終わったら、「次のステップ」ボタンをクリックしてください。

Edit thank you message in UserFeedback

設定ページから、MonsterInsightsによる Googleアナリティクスのトラッキングを有効化または無効化することができます。

次に、ターゲティングセクションで、アンケートを表示する端末タイプとページを選択します。

Modify UserFeedback survey settings

次に、「動作」セクションまでスクロールして、表示タイミング、表示時間、アンケート実行時間を設定することができます。

UserFeedback survey behavior settings

ページの下部では、「最小化してアンケートを開始する」オプションを有効化または無効化できます。

これにより、サイト訪問者は自動的に最初の質問を開くのではなく、アンケートフォームの見やすいバージョンを表示することができます。

Enable minimized survey option

Next Step(次のステップ)」ボタンをクリックして進みます。

次に、「通知」ページで、訪問者が特定の方法で応答した場合にのみメール通知を送信する条件ロジックを有効化するなど、メール通知の設定を行うことができます。

Set up conditional logic for email notifications in UserFeedback

その後、「次のステップ」ボタンをクリックする。

顧客フィードバックフォームを公開する

最後に、顧客フィードバックフォームを後日表示するように設定するオプションがあります。

フォームを公開する準備ができたら、「保存して公開する」ボタンをクリックしてください。

Save and publish the UserFeedback survey

これで完了です!これで、あなたのサイトにアクセスし、顧客フィードバックフォームの動作を確認することができます。デモサイトではこのように表示されました:

Client feedback form example created with UserFeedback

この投稿が、WordPress で顧客フィードバックフォームを簡単に追加する方法を学ぶのにお役に立てば幸いです。寄付フォームの作成方法についてのガイドや あなたのビジネスサイトに必須のWordPressプラグインとツールのトップピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

4件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    When using WPForms, following your guide, it’s possible to set up so that each department has a designated email where the form will be sent. So, if a user selects the business department, the email will be sent there, and if they choose the technical department, it will be sent to a different email. Is this possible?

    • WPBeginner Support says

      Yes, WPForms will allow you to decide where the email goes based on the department selected.

      管理者

  3. Ian Loughlin says

    Hi, I’ve just created a new Contact Page for my website but it has placed it in the main area (where new posts go). I wanted it as a separate page (link) alongside the ‘About Me’ page. In other words prospects would have to click on that page (link) to access the contact form instead of seeing it in the main text.
    How would I do this ?
    Thanks.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。