WordPressで基本的なお問い合わせフォームを作成する方法

ウェブサイトとビジネスを成長させるには、リードを生成する必要があります。 これを行う最善の方法は、サイトの連絡先フォームから電子メールを収集することです。 これを行うには、WordPress Web サイトに連絡先フォームを作成する必要があります。 もちろん、サイト開発者にサポートを依頼することもできます。

ただし、大金を費やすことなく、ブランドイメージに合ったフォームを作成できるように、その方法を学ぶ必要があります. この投稿では、WordPress で基本的なお問い合わせフォームを作成する手順を順を追って説明します。

WordPress ウェブサイトでお問い合わせフォームを使用する 3 つの主な理由

何かを持っている理由がわかると、それを手に入れるモチベーションが高まります。 では、なぜあなたのウェブサイトで連絡先フォームを作成して使用する必要があるのでしょうか? サイトにお問い合わせフォームを設置することを検討すべき理由のトップ 3 を見てみましょう。

• 顧客データのキュレート

ビジネスはデータによって推進されており、適切なデータがなければ、ビジネスは現在以上に成長しない可能性があります。 顧客やサイト訪問者のデータにアクセスする主な方法の 1 つは、顧客から連絡があったときです。 サイトに連絡先フォームがある場合、それらに関する特定のデータを要求できます。

メールアドレス、電話番号、およびマーケティング目的に役立ついくつかの重要な情報を収集できます. お問い合わせフォームは、お問い合わせを絞り込むのにも役立ちます。 これにより、訪問者から尋ねるべき適切な質問と、その質問を処理する適切なチームに導く方法がわかります。

• サイトを電子メール スパムから保護する

電子メール スパムは害獣であり、保護されていない電子メール アドレスを使用している場合、スパム送信者の格好の標的になります。 お問い合わせフォームを使用すると、これを防ぐことができます。 メールアドレスや電話番号をオンラインで公開する必要はありません。 訪問者は、お問い合わせフォームから連絡を取ることができます。

• サイト訪問者に知らせる

サイト訪問者から情報を収集する以外に、連絡フォームを使用してクライアントに情報を提供することもできます。 彼らがあなたに連絡したとき、彼らがいつ返事を期待できるかについての情報をフォームに含めることができます.

お問い合わせフォームがウェブサイトにとって重要である理由がわかったので、サイトに連絡フォームを追加する方法を見てみましょう. WPForms と Contact Form 7 は、WordPress Web サイトで最も一般的に使用される連絡フォームの 1 つであるため、連絡フォームを作成する方法を見ていきます。

WPForms お問い合わせフォームの作成方法

WPForms は、市場で最も人気のあるお問い合わせフォームの 1 つです。 フォームを作成するには、まずプラグインをインストールして有効にします。 これが完了すると、WPFormsセットアップウィザードがポップアップし、「最初のフォームを作成してください」というメッセージが表示されます. 以下の手順に従ってプロセスを完了し、5 分で WPForms を起動して実行します。

• [最初のフォームを作成] ボタンをクリックして開始します。

• 次に、事前にデザインされたテンプレートを選択し、フォーム フィールドをカスタマイズします。 空白のフォームを選択して、フォームを最初から作成することもできます。 初心者の方は「簡易お問い合わせフォーム」テンプレートをお選びください。

• フォーム ビルダーでフォーム フィールドを追加または削除するようにリダイレクトされます。 美学と機能に基づいてフォームをカスタマイズすることもできます。

• [フィールドの追加] が表示されているスペースにカーソルを置き、ポップ メッセージのプロンプトに基づいてフィールドに入力します。 基本的なものが必要な場合は、既に提供されている基本的なフォーム フィールドを使用できます。

これには、フィールドを削除または追加する必要はなく、非常に機能的です。 さらにフィールドを追加する場合は、ページの左側にある青いボックス内のフィールドのリストからドラッグ アンド ドロップできます。 スペースへの入力が完了したら、「完了」をクリックして次へ進みます。

• 次に、通知設定に注目します。 通知設定を使用すると、ユーザーが Web サイトで新しいフォームを送信したときにアラートを受け取ることができます。 デフォルトでは、通知機能が有効になっています。

ユーザー エクスペリエンスを向上させるために、スマート タグを使用して、サイト訪問者が連絡先フォームを送信したときに通知を送信できます。 これにより、あなたがフォームを受け取ったことを相手に知らせることができ、すぐに連絡がとれます。

• 最後のステップは、シンプルなコンタクト フォームを WordPress Web サイトに埋め込むことです。 これを行うには、既存のページまたは新しいページに埋め込むことができます。 ポップアップメッセージから「既存のページを選択」または「新しいページを作成」をクリックします。 新しいページを作成する場合は、[Create New Page] をクリックして名前を付けます。 「Let's Go」をクリックします。 WPForms はフォームを新しいページに埋め込みます。それだけです。 サイトにお問い合わせフォームを設置するメリットを享受し始めることができます。

Contact Form 7 でお問い合わせフォームを作成する方法

Contact Form 7 でコンタクト フォームを作成するための最初のステップは、プラグインをインストールしてアクティブ化することです。 以下の手順に従って、プラグインをインストールして有効化し、お問い合わせフォームを作成してください。

• サイトにログインし、「プラグイン」に移動します。 [新規追加] をクリックし、検索ボックスに Contact Form 7 と入力します。

• [今すぐインストール] をクリックして、Web サイトにダウンロードします。 次に、「有効化」をクリックしてプラグインの使用を開始します。

• 次に、WordPress サイドバーの [お問い合わせ] をクリックします。 Web サイトの連絡先フォームのリストを参照します。 編集およびカスタマイズできるサンプル フォームが表示されます。 画面の「新規追加」をクリックして、フォームを最初から作成することもできます。

• サンプル フォームまたは [新規追加] をクリックして続行します。 次に開いたウィンドウを怖がらないでください。 複雑に見えますが、コードを自動的に生成するツールがあります。 何もコーディングする必要がないので、心配しないでください。

• コンタクト フォームを設定します。 ドロップダウン メニューを追加して、訪問者があなたに連絡したい目的を選択できるようにすることができます。 これを行うには、連絡先フォームでメニューを配置する場所にカーソルを置きます。 ツールバーからドロップダウン メニューをクリックし、フィールドに入力します。

• フォームへの埋め込みが完了したら、[タグの挿入] をクリックします。

• 次に、ラベルを追加します。 これを行うには、フィールドから現在のコードをコピーして貼り付け、好みに合わせて調整します。

• お問い合わせフォームから受信した電子メールを設定します。 これを行うには、[メール] セクションに移動します。 同様のタグが事前に入力されたフィールドと、以前に作成したフィールドが表示されます。 それらを使用して、連絡先フォームからメッセージを受信する方法をカスタマイズできます.

含まれるフィールドは、To、From、Additional Headers、Message Body、および Use HTML Content-Type です (メッセージはデフォルトでプレーン テキストで送信されます。HTML を使用する場合は、ボックスをオンにします)。

また、自動応答用の追加のメール テンプレートである File Attachments and Mail (2) もあります。 有効にしたい場合は、チェックボックスをオンにしてください。初心者として標準オプションを使用できます。

• 次に、訪問者がフォームを使用するときに表示する特定のメッセージを構成します。 利用可能なオプションには、成功メッセージとエラー メッセージが含まれます。

• 最後に、フォームをサイトに追加します。 まず、フォームに一意の名前を付けて保存します。 フォームを保存すると、画面にショートコードが表示されます。 それをコピーして、フォームを配置するページに移動します。 新しいページを作成するか、既存のページに追加できます。 ショートコードを WordPress エディターに貼り付けて公開します。 これにより、フロントエンドに送信され、サイトに連絡フォームがあることのメリットを享受し始めることができます.

結論

WPForms と Contact Form 7 を使用して基本的な連絡先フォームを作成する簡単な手順があります。高速でシームレスなものが必要な場合は、WPForms プラグインの方が適しているようです。 ただし、経験がなくてもコードを扱うことに興味がある場合は、Contact Form 7 の方が適しています。