WordPressでお問い合わせフォームを作成する方法(および最高のプラグイン)

公開: 2019-05-29

すべてのサイトに連絡フォームが必要です。これが、連絡フォームのWordPressプラグインを使用して独自のフォームを作成する方法についての投稿を読んでいる理由です。

そのため、WordPressに連絡フォームを追加するために使用できる優れたオプションがたくさんあります。 そして、この投稿では、無料で使用する方法を段階的に説明します。 うん、あなたはあなたの財布を割って開くことなくカスタムの見栄えの良いコンタクトフォームを作成する方法を正確に学ぶでしょう。

そのチュートリアルの後で、他の最良の連絡フォームプラグインのいくつかと、チュートリアルのプラグインよりもこれらのオプションの1つを選択する理由を共有します。

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

連絡フォームをWordPressに追加する場合は、連絡フォームのWordPressプラグインが必要です。

さて、そこにはたくさんの確かなオプションがありますが、それについては次に説明します。 ただし、基本的な連絡フォームが必要な場合は、HappyFormsと呼ばれる無料のプラグインを使用するのが最も簡単なオプションです。

ほんの数ステップでWordPressでお問い合わせフォームを作成する方法は次のとおりです…

1. HappyForms Contact FormWordPressプラグインをインストールしてアクティブ化します

HappyFormsプラグインは無料で、WordPress.orgから入手できます。つまり、[プラグイン]→[新規追加]に移動して「HappyForms」を検索すると、プラグインをインストールできます。

お問い合わせフォームワードプレス1

2.新しいフォームを作成します

HappyFormsプラグインをインストールしてアクティブ化したら、WordPressダッシュボードでHappyForms→AddNewに移動します。

お問い合わせフォームワードプレス2

これにより、WordPress Customizer(リアルタイムプレビューでテーマをカスタマイズするインターフェイス)によく似た新しいインターフェイスが起動します。

WordPressカスタマイザーと同様に、お問い合わせフォームを作成すると、ライブプレビューを見ることができます。

ただし、最初に、覚えやすいようにフォームに名前を付けてください。

お問い合わせフォームワードプレス3

3.フォームフィールドを追加します

次に、フォームフィールドのリストを使用して、フォームに含めるフィールドを選択します。 基本的なお問い合わせフォームの場合、おそらく次のオプションが必要になります。

  • 短いテキスト–人の名前。
  • Eメール–その人のEメールアドレス用。
  • 長いテキスト–その人のメッセージ用。

フォームフィールドを追加するには、それをクリックするだけです。 それをクリックすると、サイドバーでその設定を構成できるようになります。 フィールドの設定を変更すると、ライブプレビューで変更されたことがわかります。

お問い合わせフォームワードプレス4

すべてのフォームフィールドを追加すると、お問い合わせフォームの完全なプレビューが表示されます。

お問い合わせフォームワードプレス5

必要に応じて、ニーズに固有の他のフィールドを追加できます。 たとえば、チェックボックスまたはドロップダウンを追加して、送信者がメッセージの内容を選択できるようにすることができます(そしてすべてを整理するのに役立ちます)。

フォームフィールドの追加が完了したら、[設定]ボタンをクリックして続行します。

4.訪問者がフォームを送信した後に何が起こるかを構成する

[設定]ボタンをクリックすると、訪問者が連絡フォームを送信した後に何が起こるかを制御するためのいくつかのオプションが表示されます。

上部に確認メッセージを設定できます。これは、フォームを送信した後にWebサイトのフォーム送信者表示されるメッセージです(1)。

その下に、あなたはそこに新しいフォームの送信だし、そのメールアドレスにご提出(2)を受信したいときに電子メール通知を受信するかどうかを選択することができます。 HappyFormsは、フォームの送信もWordPressダッシュボードに保存します。これについては後で詳しく説明します

お問い合わせフォームワードプレス6

次に、フォーム送信者に電子メール通知を送信するかどうかを選択できます。送信する場合は、それらの電子メール通知に何を含めるかを選択できます。

お問い合わせフォームワードプレス7

最後に、設定の下部では、次のことを行うかどうかなど、さまざまなその他の設定を構成できます。

  • フォームを送信した後、ユーザーを別のページにリダイレクトします
  • WordPressダッシュボードにフォームの送信を保存します
  • スパム保護のためにGoogleReCaptchaを使用する
  • フォームの送信者に、送信する前にメッセージをプレビューさせます

疑わしい場合は、次の設定をデフォルトのままにしておく必要があります。

お問い合わせフォームワードプレス8

選択したら、[スタイル]ボタンをクリックして、次のオプションセットに進みます。

5.お問い合わせフォームのスタイリングを設定します

最終構成ステップ! これで、さまざまな領域を使用して、お問い合わせフォームの外観とスタイルを構成できます。

お問い合わせフォームワードプレス9

たとえば、の外観を構成するには [送信]ボタンをクリックすると、[送信]ボタンの設定が開きます。 そこで、フォントの変更、幅の調整、色の変更などを行うことができます。

変更を加えると、ライブプレビューが自動的に更新されるのがわかります。これにより、各調整がフォームにどのように影響するかを簡単に把握できます。

お問い合わせフォームワードプレス10

スタイルオプションを終了したら、[保存して閉じる]ボタンをクリックして終了します。

6.お問い合わせフォームを表示したいページに追加します

フォームを実際に埋め込むには、次のように追加します。

  • 新しいブロックエディタでブロックする
  • クラシックエディタまたはブロックエディタのショートコード
  • 任意のウィジェット領域のウィジェット

たとえば、新しいWordPressブロックエディターを使用している場合は、「Contact Us」のような名前の新しいページを作成し、 HappyFormsブロックを挿入します。

そこから、挿入するフォームを選択できます。

お問い合わせフォームワードプレス11

または、従来のWordPressエディターをまだ使用している場合は、[ HappyForms追加]ボタンをクリックして、連絡先フォームをショートコードとして挿入できます。

お問い合わせフォームワードプレス12

以上です! 訪問者はあなたの連絡フォームを介してあなたにメッセージを送り始めることができます

フォーム送信の表示方法

フォームの送信を表示する方法は2つあります。

まず、フォームの設定でメール通知を設定すると、誰かがフォームを送信するたびにメールが届きます。

次に、 HappyForms→Responses :に移動して、WordPressダッシュボード内から送信を表示することもできます。

お問い合わせフォームワードプレス13

特定の応答をクリックすると、メッセージ全体を表示できます。

お問い合わせフォームワードプレス14

そして、それがすべてです!

他の4つのベストコンタクトフォームWordPressプラグイン、およびこれらの1つが必要な理由

シンプルなWordPressの連絡フォームの場合、HappyFormsはほとんどのユーザーにとって最良のオプションです。 ただし、WordPressプラグインからの高品質な連絡先はこれだけではありません。 また、単なるお問い合わせフォームを少し超えたものが必要な場合は、別のオプションをお勧めします。

それで、この投稿を終えるために、いくつかの最高のWordPress連絡フォームプラグインを調べてみましょう。そして、上記のチュートリアルで使用したHappyFormsプラグインよりも優れたオプションになる可能性があります。

1.WPForms wpforms

WPFormsは、WordPress.orgで最も人気のある連絡フォームWordPressプラグインの1つです。

このプラグインの優れた点の1つは、複数列のデザインを設定するオプションを含め、フォームフィールドを配置するためのドラッグアンドドロップビルダーを提供することです。 したがって、それが好きなら、それがWPFormsを選択する理由の1つかもしれません。

ドラッグアンドドロップビルダー以外にも、フォームでよりクリエイティブなものを作成できるいくつかの異なるプレミアムバージョンがあります。 次のことができるようになります。

  • 支払いを受け入れる
  • あなたのメールアドレスにサインアップしてください
  • Zapierに接続する
  • 等。

したがって、その高度な機能が必要な場合は、WPFormsを選択するもう1つの理由になる可能性があります。

プレミアムバージョンは、必要な機能とプラグインを使用するサイトの数に応じて、39.50ドルから始まり、299.50ドルまでの範囲です。

2.HubSpotオールインワンマーケティング

ハブスポット

名前が示すように、HubSpotオールインワンマーケティングは、ポップアップからライブチャット、そしてご想像のとおり、お問い合わせフォームまで、すべてをカバーするオールインワンツールです。

ドラッグアンドドロップビルダーを使用すると、独自のカスタム連絡フォームを作成して、必要な情報を収集することができます。

また、大きな利点の1つは、HubSpotがすべてのフォーム送信を統合CRMに自動的に保存することです。 したがって、販売のために連絡フォームを使用している場合、またはCRMの恩恵を受けることができるその他のものを使用している場合は、これを使用するのが最適です。

3.忍者フォーム忍者フォーム

Ninja Formsは、WPFormsと同じ多くの利点を備えたもう1つのフリーミアム製品です。

つまり、限定された無料バージョンを提供し、フォームフィールドの配置に使用できるドラッグアンドドロップビルダーを提供します。

また、支払いを希望する場合は、フォームに次のようなより高度な処理を実行させることができます。

  • 支払いの受け取り
  • ニュースレターに登録する
  • フォーム送信者をCRMに入れる
  • 等。

1つの違いは、これらのプレミアムオプションの価格体系にあります。 Ninja Formsでは、個別のプレミアムバージョンではなく、使用するプレミアムアドオンを選択できます。 または、99ドルからのアドオンのバンドルを入手することもできます。

4.カルデラフォームカルデラ

無料版で利用できる機能に関しては、CalderaFormsは最も寛大な無料のWordPressお問い合わせフォームプラグインの1つです。

無料版でも、次のような複雑なフォームを作成できます。

  • 複数のページ
  • 条件付きロジック。人が以前の質問にどのように答えたかに基づいて、さまざまなフォームオプションを表示できます。

ドラッグアンドドロップビルダーもありますが、インターフェイスはWPFormsやNinjaFormsほど初心者向けではありません。

寛大な無料機能に加えて、支払いや電子メールマーケティングサービスの統合など、より高度な機能を追加できるプレミアムバージョンもあります。

これらのアドオンに加えて、以下に独自の焦点を当てたサブスクリプションプレミアムサービスもあります。

  • 電子メールの配信可能性–サービスは実際に電子メールの送信を処理して、訪問者の受信トレイに確実に届くようにします
  • フォームからPDFへの変換
  • 電子メール確認の配信に関する統計

5.重力フォーム重力形態

最後に、Gravity Formsがあります。これは、開発者に特に人気のある連絡先フォームのWordPressプラグインです。

支払いフォームからフロントエンドの投稿送信まですべてを作成するための多くの組み込み機能が付属していることに加えて、Gravity Formsは拡張可能であり、サードパーティの拡張機能の大きな市場を持っているため、開発者はそれを気に入っています。

したがって、実際に掘り下げてニーズに合わせてカスタマイズできるものが必要な場合は、GravityFormsとそのさまざまな拡張機能が適切なプラグインになる可能性があります。

唯一の欠点は、GravityFormsの無料バージョンがないことです。 あなたがそれを使いたいならば、あなたはあなたのクレジットカードを破壊する必要があるでしょう。

価格は59ドルから始まり、259ドルまでの範囲です。

WordPressお問い合わせフォームの最終的な考え

適切な連絡フォームWordPressプラグインを使用すると、ニーズに完全に一致する連絡フォームを簡単に作成およびカスタマイズできます。

単純な連絡フォームだけが必要な場合、HappyFormsプラグインは信頼性の高い合理化されたアプローチを提供します。 さらに多くの機能が必要な場合は、有料フォームプラグインにアップグレードして、支払いの受け取りからメールマーケティングリストへの登録まですべてを行うことを検討できます。

今すぐ最初のフォームを作成して、訪問者があなたと簡単につながることができるようにしてください。