WordPressでお問い合わせフォームを簡単に作成する方法

情報や製品を探してWebサイトを閲覧するとき、詳細を知りたい、または追加情報を求めたいという気持ちが何度も残っています。 これがあなたのウェブサイトで起こらないようにしたい場合は、訪問者があなたのウェブサイトであなたに連絡できるように、すべての設備を提供するようにしてください。

ウェブサイトに連絡フォームが必要なのはなぜですか？

あなたが中小企業、オンラインストア、または情報ブログを持っているかどうかにかかわらず、遅かれ早かれあなたはあなたの訪問者があなたに連絡できるようにしたいと思うでしょう。 最も速くて簡単な解決策は、彼らがあなたに連絡できるようにあなたのウェブにメールアドレスを含めることかもしれませんが、これは良い考えではないかもしれません：あなたはたくさんのスパムを受け取るでしょう、あなたは彼らがどこにいるのかわかりませんあなたを見つけました（彼らがウェブや他の場所でアドレスを見たために来た場合）、そして確かにあなたが受け取る電子メールであなたはあなたが知りたいいくつかの情報を見逃しているでしょう。

お問い合わせフォームを使用すると、構造化された方法で情報を受け取り、最適な方法で情報を正しく保存できます。 さらに、次のような利点があります。たとえば、次のような場合があります。

• ページ、投稿、ウィジェットにさまざまなフォームを定義します。
• 記入してほしい必要な情報を示してください。
• フォームに入力したときに確認メッセージまたはエラーメッセージを表示します。
• 記入済みのフォームから、の情報を受け取りたい場所を指定します。
• RGPDに準拠して連絡先データを保存します。
• 受け取った情報の出所を知る。
• スパムを制御します。
• 複数のユーザーに情報を送信します。
• それらを他のプラットフォームなどと統合します。

ウェブサイトで無料のお問い合わせフォームをすばやく簡単に作成する方法を見てみましょう。 ご存知のように、新しくインストールされたWordPressには、カスタムの連絡フォームを作成するオプションがありません。 カスタムフォームを作成する場合は、連絡先フォームを含むテーマをインストールするか、プラグインを使用する必要があります。

選択できるプラグインはたくさんあります。 最も人気のある連絡先フォームプラグインの1つであるContactForm7は使いやすいですが、フォームを作成するためのビジュアルエディターがないため、その構文を学ぶ必要があります。 WPForms、Fomidable Form Builder、HubSpot、Ninja Formsなど、ほとんどのプラグインが提供する代替手段は、連絡先フォームをデザインするためのコントロールパネルを備えたWordPressフレームワークを追加することです。

この投稿では、以前のものとは異なるお問い合わせフォームプラグインであるNelioFormsについて説明します。

ネリオフォーム

Nelio Formsは、リリースしたばかりのプラグインです。 WordPressプラグインディレクトリで無料版を入手できます。

他に利用可能なプラグインがあるのに、なぜ新しい連絡フォームプラグインをリリースしたのですか？ しばらくの間、他のプラグインを使用してフォームを作成してきましたが、私たちの経験は私たちが望んでいたものではなかったためです。 Nelio Formsは、WordPressブロックエディターに統合されるプラグインであるため、カスタムフォームビルダーフレームワークを実装していません。

NelioFormsでお問い合わせフォームを簡単に作成するために必要な手順を見てみましょう。

Nelioフォームプラグインをインストールします

Nelio Formsは、他のプラグインと同じようにインストールされます。 WordPressダッシュボードから[新規追加]をクリックし、検索エンジンで「Nelio Forms」と入力して、プラグインをインストールしてアクティブ化します。

最初のフォームを作成する

インストールしてアクティブ化すると、メニューサイドバーにNelioフォームオプションが表示されます。 「新規追加」をクリックします。

ブロックエディタが開き、投稿およびページエディタと非常によく似ていることがすぐにわかりますが、この場合、フォームに含める必要のある最小限の情報が表示されます。フォームを識別するためのフォーム名、フィールド（デフォルトでは、入力するテキストフィールド）と[送信]ボタンが表示されます。

お問い合わせフォームを編集する

フォームに名前を付けた後、アクセス可能にする場合は、各フィールドに説明ラベルを追加する必要があります（このラベルをフォームに表示するかどうかを選択できます）。

サイドバーで、編集しているブロックのプロパティを確認できます。 したがって、たとえば、テキスト入力フィールドを編集する場合、説明ラベルとプレースホルダーを追加する機能は別として、フォームを送信するためにそのフィールドが必要かどうか、および説明ラベルを表示します。

WordPressブロックエディターで新しいブロックを追加するのと同じ方法で、レイアウトを変更して別のブロックを追加することでフォームを編集できます。

上の画像でわかるように、すでに知っている段落タイプのブロックとは別に、フォームは列でデザインでき、連絡先フォームに固有のブロックのセットがあります。

• テキスト入力フィールド、
• テキストエリアフィールド、
• メールフィールド、
• 電話フィールド、
• パスワードフィールド、
• チェックボックスフィールド、
• 数値フィールド、および
• URLフィールド

各フィールドには独自の設定があります。 たとえば、数値フィールドの場合、それを要求したり、ラベルを非表示にしたりするだけでなく、最小範囲と最大範囲の値、および各ステップの数を示すこともできます。

また、チェックボックスの場合、デフォルトでチェックされているかオフになっているかを示すことができます。

最後に、他のボタンと同じように送信ボタンを編集できます。 つまり、スタイル、色、境界線、幅、フォント、または寸法を変更したり、フォームの送信後に移動するURLまたはアンカーを定義したりできます。 CSSクラスを追加することもできます。

ご覧のとおり、この投稿の最初の画像に表示されているようなフォームを作成するのは、ブロックエディターで投稿を作成するのと同じくらい簡単です。

記入済みフォームの送信

フォームを作成したら、送信後にフォームを送信する場所を指定する必要があります。 これを行うには、新しい「送信アクション」を追加するか、既存のアクションを編集します。

プラグインの無料バージョンでは、電子メール通知のみを追加できます。 通知がある場合は、メールを送信した受信者のメールアドレスやメッセージ自体など、いくつかの設定を定義する必要があります。 電子メールフィールドごとに、有効な電子メールアドレスを入力するか、フォームから電子メールフィールドを選択するか、サイト管理者の電子メールを使用できます。

メッセージ自体には好きなように書くことができますが、ユーザーが送信したフィールドのすべてまたは一部、フォームのURL、またはサイト管理者の電子メールアドレスを使用することもできます。

情報を追加すると、お問い合わせフォームに記入されます。 同様に、必要な数の異なる連絡先フォームを作成でき、それらすべてがNelioフォームメニューの「すべてのフォーム」オプションから編集できるようになります。

ページと投稿にフォームを追加する

フォームが作成されたら、あとはWebサイトの表示したい場所にフォームを追加するだけです。 これを行うには、任意のページのエディターから、「フォーム」タイプのブロックを追加する必要があります。

ページ自体から、フォームブロックを追加するときに、上記とまったく同じ方法で新しいフォームを直接作成するか、逆に、以前に作成したフォームの1つを追加するかを選択できます。

挿入すると、Nelio Formsの大きな利点の1つは、他のブロックと同じようにページを編集しながらフォームを直接変更できることです。 変更すると、単語の左側に白い点が表示され（テンプレートの更新と同様）、フォーム自体に加えた変更を保存するかどうかが示されます。

このようにして、使用可能な他のブロックの場合と同じ方法で、ページにフォームを追加、編集、および表示できます。

訪問者からの連絡要求を受け取る

それでおしまい！ 作成したフォームを含むページまたは投稿を公開するだけです。 訪問者がフォームに間違って記入した場合、記入された情報を確認するように警告されます。

フォームに指定した方法で訪問者が入力した情報が記載された通知がまもなく届きます。

このようにして、連絡先の電子メールを受信すると、それがどこから来たのかがわかり、必要に応じて指定したすべての情報が得られ、スパムを回避することができます。

結論

Nelio Formsを使用した連絡フォームの作成は、WordPressエディターとの統合のおかげで、ページや投稿を作成するのと同じくらい簡単であることはすでに見てきました。

今のところ、無料版は非常にシンプルですが、ウェブサイトに必要な連絡フォームを作成するために必要なものがすべて含まれています。 たとえば、このWebサイトにあるすべての連絡フォームは、NelioFormsで作成されています。

プレミアムバージョンでは、 Nelioフォームページで説明されている機能がさらに多くなることを望んでいます。 もちろん、追加機能が必要な場合やプレミアムバージョンに興味がある場合は、そのページのフォームに記入してください。ご連絡いたします。

Nelio Formsプラグインをインストールしてテストすることを躊躇しないでください（覚えておいてください、それは無料です！）そしてここであなたの印象を共有してください。

UnsplashのBrookeCagleによる注目の画像。