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で見積依頼フォームを作成する方法(ステップバイステップ)

価格体系が変動するサービスや製品を提供する企業にとって、優れたデザインの「見積もり依頼」フォームはゲームチェンジャーとなり得る。

この機能により、潜在的な顧客は、特定のニーズに合わせた見積もりを便利に請求することができます。これにより、コミュニケーションの効率が向上し、最終的には売上増とビジネスの成長につながるリードが生まれます。

私たちのチームは、ユーザー体験を向上させるために効果的な見積依頼フォームを作成することの重要性を理解しています。

この投稿では、WordPressで見積依頼フォームを簡単に作成する方法をステップバイステップでご紹介します。

Creating a request a quote form in WordPress

WordPressで見積依頼フォームを作成する理由とは?

お見積り依頼」フォームでは、カスタマイザーがお客様の必須情報を入力し、お問い合わせいただくことで、お客様の必須条件に基づいた価格設定が可能です。

例えば、ガーデニングサービスを提供するWordPressサイトを持っている場合、料金は芝生の大きさ、仕事の種類、時間によって異なります。

同様に、WooCommerceストアで 商品を大量に販売する場合、カスタマーの注文に基づいて価格を調整することができます。

Preview of a request a quote form

見積もり依頼フォームでは、基本的に正確な価格を提示するために必要なカスタマイザー情報をすべて収集することができます。

これにより、潜在的なカスタマイザーと貴社のビジネスとの間に専用のコミュニケーションチャネルが提供され、時間の節約とカスタマーエクスペリエンスの向上が実現します。

見積もり依頼フォームは、ユーザーがすぐに支払い詳細を入力する必要がないため、一般的にコンバージョン率が高くなります。これにより、より多くのリードを生み出し、より多くの売上を上げることができます。

ということで、WordPressで見積依頼フォームを簡単に作成する方法を見てみましょう。

動画チュートリアル

Subscribe to WPBeginner

もし、文章での説明がお望みなら、このまま読み進めてほしい。

WordPressで見積依頼フォームを作成する方法

WPFormsを使えばWordPressで簡単に見積依頼フォームを作成することができます。WPFormsは600万以上のサイトで使用されている、市場で最高のWordPressお問い合わせフォームプラグインです。

このプラグインを使えば、WordPressサイト内でドラッグ&ドロップで簡単にフォームを作成することができます。

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

注:WordPressで見積依頼フォームを作成するには、完全に無料のWPForms Liteを使用することもできます。しかし、このチュートリアルではプラグインのプレミアムプランを使用します。

有効化した後、WordPress管理サイドバーからWPForms ” 設定ページにアクセスし、ライセンスキーを入力してください。

この情報はWPFormsサイトのアカウントで確認できます。

Entering your license key for WPForms

次に、WordPressダッシュボードからWPForms ” 新規追加ページにアクセスする必要があります。

すると「テンプレートの選択」ページが表示されます。ここで、作成するフォームの名前を入力します。

見積もりを依頼する」テンプレートを探し、その下にある「テンプレートを使用する」ボタンをクリックします。

Select the Request A Quote form template

これであなたのコンピューター画面上にWPFormsドラッグアンドドロップフォームビルダーが起動します。

ここで、利用可能なフォームフィールドが左カラムにあり、画面の右隅にフォームプレビューが表示されていることがわかります。

The default Request a Quote template in the WPForms form builder

さて、初期設定の見積依頼フォームテンプレートには、すでに名前、メール、電話、ビジネス、依頼フィールドがビルトインされています。

しかし、左側のサイドバーからフォームプレビューに追加フォームフィールドをドラッグ&ドロップすることは簡単です。

例えば、チェックボックスフィールドをフォームに追加して、ユーザーに質問の選択肢を提供することができます。

Add fields from the left column

一旦それができたら、個々のフォームフィールドをクリックして設定することもできます。これにより画面の左カラムに’フィールドオプション’タブが表示されます。

ここから、ラベル、説明、フィールドサイズ、プレースホルダーテキスト、フォーマットを変更し、フィールドのスマート条件ロジックを有効化することもできます。

Field settings for the Checkboxes field

必須」スイッチを有効化することもできます。こうすることで、ユーザーは特定のフィールドに入力せずにフォームを送信することができなくなります。

フォームの作成が完了したら、上部にある「保存」ボタンをクリックして変更を保存することを忘れないでください。

Make sure you press the Save button to save your changes to the form

サイトに見積依頼フォームを追加する

見積依頼フォームを作成したら、WordPressサイトに追加しましょう。

まず、管理エリアからフォームを追加したい新規または既存のページ/投稿を開く必要があります。

画面左上の「ブロックを追加」(+)ボタンをクリックすると、ブロックメニューが表示されます。

ここから、WPFormsブロックを探し、ページ/投稿に追加します。その後、ブロック自体のドロップダウンメニューから、作成した見積依頼フォームを選択します。

Add the Request a Quote form to your WordPress page

最後に、「公開する」または「更新する」ボタンをクリックして変更を保存します。

これで、WordPressサイトにアクセスして見積依頼フォームを表示できるようになります。

The request a quote form live on our demo website

ヒント: クラシックエディターを使用している場合は、「フォームを追加」ボタンをクリックすることで簡単にフォームを追加することができます。

フォームの挿入」プロンプトが表示され、ドロップダウンメニューから追加するフォームを選択できます。

Adding a form to the page using the classic WordPress editor

フォームの確認メッセージと通知を変更する

見込み客が見積もりを依頼すると、初期設定の確認メッセージが表示されます:ご連絡ありがとうございます!まもなくご連絡いたします。

しかし、この確認メッセージは簡単に変更することができます。

これを行うには、WordPress 管理サイドバーからWPForms ” すべてのフォームページに移動し、先ほど作成した見積もり依頼フォームの下にある ‘編集’ リンクをクリックします。

これで画面上にWPFormsフォームビルダーが起動します。次に、左カラムの’設定’ボタンをクリックし、’カラム’タブに切り替える必要があります。

確認メッセージボックスが表示され、初期設定のメッセージを編集・カスタマイズすることができます。

Editing the confirmation message that users see after submitting the form

変更後は画面上部の「保存」ボタンを忘れずにクリックしてください。

フォームから送信されるメール通知メッセージを変更することもできます。これはフォーム送信時に管理者やユーザーが受け取るメッセージです。

これを行うには、左の列から「通知」タブに切り替えます。

送信先メールアドレス」の初期設定が{admin_email}になっていることにお気づきでしょう。つまり、ユーザーがサイトの見積依頼フォームを送信するたびにメールが送信されます。

ユーザーにも確認メールを送信したい場合は、「送信先メールアドレス」フィールドの上にある「スマートタグを表示」オプションを展開する必要があります。

Add the Email smart tag

次に、メールスマートタグをクリックしてフィールドに追加します。これで、フォーム送信通知メールがユーザーにも送信されるようになります。

Send To Email Address’フィールドのスマートタグはカンマで区切りましょう。

Send to user and admin email address

ヒント:フォームからメールが届かない場合は、WordPressからメールが送信されない問題の解決方法のチュートリアルをご覧ください。

その後、メールの件名と差出人名を変更するには、これらのフィールドにスクロールし、任意の件名を入力します。

メッセージ」フィールドには、フォーム送信確認のメッセージを下書きすることもできます。

より詳細な手順については、WordPress フォーム送信後に確認メールを送信する方法についての初心者向けガイドをご覧ください。

Draft a confirmation message for Request a Quote form

さらに、フォームから複数の通知を送信することもできます。これにより、カスタマイザーがリクエストした内容を自動的に確認するメールを送信することができます。

設定が完了したら、上部にある「保存」ボタンをクリックして、フォームの設定を保存します。

ボーナス:無料見積もりでリードを増やす

WPFormsはWordPressで見積もり依頼フォームをとても簡単に作成することができます。しかし、カスタマイザーがフォームに入力するよう、正しい方向に誘導する必要があるかもしれません。

そこでOptinMonsterの出番です。

放置されたサイト訪問者を購読者やカスタマイザーに変えることができる、市場で最高のリードジェネレータおよびコンバージョン最適化ソフトウェアです。

OptinMonster example

このツールは、フォームへの入力、メールリストへの登録、商品の購入など、ユーザーが希望するアクションを実行するよう促すことで、より多くのユーザーをコンバージョンに導くことができます。

美しいポップアップ、強力なオンサイトターゲティング、カウントダウンタイマー、フローティングバーなどのサイトがあります。これらすべての機能は、あなたのビジネスを成長させるために、より多くのリードとカスタマイザーをもたらすのに役立ちます。

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$編集プロセスをご覧ください。

アバター

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

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

  1. Jiří Vaněk

    I came across this link in another article of yours. Since I have the WPForrms plugin, I am interested in all its options. I’m still amazed at what this plugin can do and I never thought it could even do a quote. So far, I have dealt with this quite unprofessionally using an ordinary contact form. Thanks for your effort and all the articles about WPForms. Since I use it, these tutorials are very useful for me.

返信を残す

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