WordPressでコンタクトフォームを追加する方法
Dec20, 2021
アルベルト-C.
5分読み
コンタクトフォームがより良い顧客エンゲージメントを与えることができることを知っていましたか？ これは、ユーザーがオンラインであなたと通信し、助けを求めるための便利な場所になります。
お問い合わせフォームは、あなたの訪問者が簡単にいつでもあなたに到達することができ、あなたのウェブサイト上の専用のスペースです。
この記事では、WP FormsとContact Form7の助けを借りてWordPressにcontact formを追加する方法を学びます。投稿を見る
ビデオチュートリアル
あなたが読むことを好む場合は、以下の書かれた指示をチェックしてくださ
なぜお問い合わせフォームが必要なのですか？
ウェブサイト上にコンタクトフォームを持つことは、所有者とユーザーの両方にとって有益です。 ここではいくつかの利点があります:
- 効果的なコミュニケーション‒お問い合わせフォームは、ユーザーがあなたに到達することが容易になります。 フォームはすべての時間にアクセス可能であり、顧客は提供されたフィールドに記入する必要があります。
- 情報源‒電子メールアドレス、ソーシャルメディアのユーザー名など、将来の目的に役立つ可能性のある情報の入力をユーザーに要求することができます。 そうは言っても、年齢や性別のようないくつかのフィールドは、あなたが本当に必要な場合はオプションでなければなりません。
- スパム防止‒お問い合わせフォームをお持ちの場合は、ウェブサイト上でメールアドレスを公開する必要はありません。 そうすれば、spammersはそれを容易に見つけることができないし、たくさんより少ないがらくたを受け取る。
- 専門的に見る場所‒あなたのウェブサイトは接触の形態を中持っていることによって専門および魅力的に見ることができる。 読者はあなたがそれらに耳を傾け、順番に、彼らはあなたをもっと信頼することを知っています。
非常に有望に聞こえますよね？ それ以上の騒ぎなしで、WordPressで連絡先フォームを追加する方法を学びましょう！
WordPressでコンタクトフォームを追加するには？
プラグインを使用してWordPressにお問い合わせフォームを追加することができます。
開始するには、WordPressのダッシュボードにアクセスし、プラグインメニューを開き、新規追加をクリックする必要があります。 プラグインの名前を検索し、[インストール]を選択します。 完了したら、[有効化]を選択します。
このチュートリアルでは、最も人気のあるWordPress contact formプラグインの2つ、WPFormsとContact Form7を使用します。 彼らは信頼性が高く、強力で、カスタマイズ可能です。
WPFormsは、スーパーユーザーフレンドリーなWordPressのお問い合わせフォームのプラグインです。 あなたは簡単に時間がないのそれを習得することができますので、これは、このようなツールを使用して初めてである場合は心配しないでください。 これは、ドラッグアンドドロップエディタを持っており、多くの事前に設計されたフォームテンプレートを提供します。
素晴らしいことに、このプラグインはまた、あなたが購読、登録、および支払いフォームを作成することができます。 あなたは数分でそれらを構築し、というようにPayPal、ストライプ、MailChimp、およびのような人気のあるプラットフォームと統合することができます。
WPFormsは、年間ベーシック（Basic79.00）、プラス（1 199.00）、プロ（3 399.00）、エリート（year599.00）の四つのプレミアムプランオプションを提供しています。 サードパーティ製のアドオンやユーザー登録フォームのようないくつかのコア機能が含まれていない無料版もあります。
ステップ1‒wpfomsを使用してコンタクトフォームを作成
- プラグインを有効にした後、WPFormsメニューに移動します。 あなたが5分の下でフォームを完了するのに役立つ便利な指示があります。 フォローしたくない場合は、[新規追加]をクリックします。
- フォーム名を入力し、複数のテンプレートから選択してプロセスを高速化します。 または、空白のフォームを選択して、より創造的な自由を開始することができます。
- 今、あなたはあなたのニーズに基づいてフィールドを追加することができます。 目的のオプションを左の列からライブエディターにドラッグするだけです。
- 完了したら、上部にある保存をクリックします。
ステップ2‒WPForms通知と確認の設定を設定する
フォームが送信されるたびに通知するには、通知と確認の設定を構成する必要があります。
- 同じWPFormsメニューで、設定を選択し、通知に移動します。 そこでは、メールアドレス、件名、およびその他の情報を設定する必要があります。 すべての準備ができている場合は、[新しい通知を追加]を選択します。
- 確認については、ユーザーにお礼のメモを追加したり、特定のURLにリダイレクトしたりすることができます。 これはまたあなたから応答を得ると期待するべきであるどの位顧客に知らせる絶好の機会です。
- WPFormボタンを使用したページまたは投稿—ページまたは投稿エディタで、プラスアイコンをタップします。 ウィジェット領域を展開し、WPFormsブロックを選択します。
- ショートコードを使用したページまたは投稿—WPFormsメニューからショートコードをコピーし、ポストエディタのショートコードブロックに貼り付けます。
コンタクトフォームがページまたは投稿に表示される場合の例を次に示します。
サイドバーで-外観->ウィジェットに移動します。 WPformsウィジェットを見つけてクリックします。 その後、サイドバーを選択します。
これはあなたのサイドバーにどのように見えるかです。
Contact Form7
Contact Form7には、タグと構文について最初に学ぶ必要があるため、より深い学習曲線があります。 ありがたいことに、開発者はそうする方法についての包括的なガイドを用意しました。 あなたがインターフェイスに慣れると、それは非常に強力なツールであることが判明することができます。
素晴らしいことに、サードパーティの拡張機能、複数のフォームなど、通常は有料のプラグインに付属しているだけの機能を提供しています。 他の注目すべき機能は、再、クイズ、およびファイルのアップロードと添付ファイルが含まれています。
最も重要なのは、このプラグインのために何も支払う必要はありません。 Contact Form7を使用してWordPressにcontact formを追加する方法を紹介します。
方法1‒コンタクトフォーム7のデフォルトのコンタクトフォームを表示する
コンタクトフォームを簡単な方法で表示したい場合は、使用する準備ができている必要があります事前に作成されたフォームがあります。 これは、名前、電子メール、件名、およびメッセージのようなすべての必須フィールドが付属しています。
- まずはWordPressの管理ページから連絡先メニューにアクセスする必要があります。 次に、連絡先フォーム名の横にある利用可能なショートコードをコピーします。
- ショートコードブロックにポストまたはページエディタに貼り付けます。
方法2‒Contact Form7
を使用して新しいコンタクトフォームを作成するコンタクトフォームを最初から作成することもできます。 そうすれば、あなた自身の好みに合わせてそれをパーソナライズする力を持っています。 ここでは、それを行う方法です。
- 連絡先メニューの新規追加を押します。 エディタボックスには、多くのフィールドタグが表示されます。
- 電話番号フィールドを追加したいとしましょう。 これを行うには、telを選択し、必要な情報をすべて入力します。
- タグを挿入した後にフィールドにラベルを与えるには、この構文でテンプレートを記述します。
<label> Phone Number </label>
おめでとう、新しいフィールドが追加されました！
- 連絡先フィールドが終了したので、メール設定で通知を調整し続けることができます。 あなたは、他の情報の中で、あなたの電子メールやヘッダーを変更することは自由です。
- 最後に、自動返信を編集する場合は、メッセージタブに移動します。 Contact Form7では、お礼のメモ、エラーメッセージ、およびその他の多くの応答を変更できます。
設定を変更するたびに保存を押すことを忘れないでください。
デフォルトのものと同様に、新しいコンタクトフォームを表示するには、ショートコードをコピーして目的の投稿/ページに貼り付ける必要があります。
結論
ウェブサイトの訪問者と関わり、貴重なフィードバックを収集したい場合は、WordPressサイトにお問い合わせフォームを追加する必要があります。 それを使用すると、信頼を構築し、スパムを避けることもできます。
素晴らしいことは、wpformsとContact Form7という二つの素晴らしいプラグインのおかげで、コンタクトフォームを作成することはそれほど難しくありません。 ここではそれを行うための要約です。
- まず、WordPressのプラグインディレクトリでWPFormsまたはContact Form7を探します。
- それらがインストールされ、活性化されたら、それらの設定ページに移動します。
- ニーズに基づいてフィールド、通知、および応答を変更することにより、お問い合わせフォームをパーソナライズします。
- 専用のボタンまたはショートコードを使用して、ページ/ポスト/サイドバーにコンタクトフォームを挿入します。