WordPress ウェブサイトに Contact Form 7 をインストールする方法

Contact Form 7 は、間違いなく WordPress で最も人気のあるプラグインの 1 つです。 フォームの作成と管理に使用されます。 500 万人以上の WordPress サイト所有者がこのプラグインをインストールして、サイト訪問者と連絡を取り合っています。

Contact Form 7 のユニークな属性の 1 つはそのシンプルさであり、それが多くの Web 所有者がそれに固執している主な理由の 1 つです。 事前の経験がなくても、簡単にセットアップおよびカスタマイズできます。

この投稿では、WordPress Web サイトに Contact Form 7 をインストールするための簡単な手順を見ていきます。

お問い合わせフォーム 7 を使用する理由

市場で入手可能な WordPress 用のお問い合わせフォーム プラグインが多数ある中で、なぜ Contact form 7 が人気なのですか? 多くの WordPress ウェブサイト所有者に最も好まれているのはなぜですか? 答えはとても簡単です。 お問い合わせフォーム 7 は使いやすく、非常に効果的です。

そのシンプルさと印象的な機能とは別に、同業者の間で上位にランク付けされる多くの機能も備えています. これらの機能のいくつかを簡単に見てみましょう。

• カスタマイズが容易

Web ページに退屈なフォームを表示したい人はいません。 誰もが魅力的で柔軟にカスタマイズできるものを求めています。 Contact form 7 では、フォームを自由にカスタマイズできます。

• スパム保護

スパム メッセージは Web サイト所有者の悩みの種です。 スパムメッセージを許可するとイライラする可能性があるため、常にサイトをスパムメッセージから保護する必要があります. Contact Form 7 では、それほど多くのことをする必要はありません。 プラグインはスパムを処理し、ウェブスペースを解放します。

• CAPTCHA をサポート

これにより、ボットからの自動メッセージが Web サイトから遠ざけられます。 このプラグインを使用すると、スパム メッセージを読み込まずに簡単に呼吸できる Web サイトを作成できます。

• 無料です

これは、Contact form 7 の最大の機能の 1 つです。無料でインストールして使用できるため、多くの新しい Web サイト所有者がすぐに選択できます。

Contact Form 7 をインストールする簡単な手順

Contact form 7 のユニークな機能を見てきたので、プラグインをインストールしてすぐに使い始めるための簡単な手順を見てみましょう. 以下の手順に従って、WordPress Web サイトに Contact Form 7 プラグインをインストールして有効にします。

ステップ 1: サイトに Contact Form 7 をインストールして有効にします。 最初に行うことは、プラグインのインストールです。 ダッシュボードから「プラグイン」に移動し、「新規追加」をクリックします。

ステップ 2: リストをブラウズして、「Contact form 7」を見つけます。 検索機能を使用すると、高速化できます。 見つけたら「今すぐインストール」ボタンをクリックしてインストールします。

ステップ 3: インストール プロセスの後、ポップアップ ウィンドウが表示されます。 ウィンドウから「有効化」ボタンをクリックして、プラグインを有効にします。 この 2 つの簡単な手順で、Contact form 7 が有効になり、使用できるようになります。

フォームの作成方法

Contact form 7 がインストールされ、アクティブ化されたので、最初のフォームを作成して、サイト訪問者との接続を開始します。 以下の手順に従って、フォームを作成します。

ステップ 1: WordPress ダッシュボードから [お問い合わせ] に移動し、[お問い合わせフォーム] をクリックします。 「Contact Form 1」という名前のデフォルトの連絡フォームが表示されます。 フォームをカスタマイズする準備ができていない場合は、既定のオプションを使用できます。

カスタマイズされたフォームと同じ働きをしますが、唯一の違いは、あなたが好きだったものとまったく同じに見えないかもしれないということです. 汎用フォームを使用するには、生成されたショートコードをコピーして、フォームを表示するページに貼り付けます。 ただし、カスタマイズされたフォームを作成する場合は、[連絡先] メニューから [新規追加] をクリックします。

ステップ 2: カスタマイズされたフォームを作成するには、タイトル フィールドにあるスペースにフォームの名前/タイトルを入力し、[保存] をクリックします。

ステップ 3: [フォーム] セクションに、お問い合わせフォームに関連する HTML を追加します。 さまざまなプリセット ボタンを使用して、一般的なフォーム タグのショートコードを生成できます。

Contact Form 7 にあるプリセット フォーム タグには、メール、テキスト、番号、電話番号、URL、ドロップダウン メニュー、テキスト エリア、日付、ラジオ ボタン、チェックボックス、ファイル、クイズ、承認、および送信が含まれます。 これらのいくつかを挿入する方法を見てみましょう。

タグの挿入方法

たとえば、電話番号フィールドを追加するには、フィールドを表示する場所にカーソルを置きます。 「電話」をクリックしてください。 ボタン。

これにより、ポップアップ ウィンドウが起動し、ここからフィールドをカスタマイズできます。 追加を必須フィールドにしたい場合は、「必須」ボックスをクリックします。

これにより、訪問者はフォームを送信する前にフィールドに入力する必要があることを意味します。 「名前」フィールドで、新しく作成したフィールドの名前を作成します。 この名前を使用してフィールドを識別します。 経験豊富なユーザーであれば、CSS コードを使用してフィールドにスタイルを含めることができます。

Class 属性または ID 属性、またはほぼ何でも設定できます。 これを行うには、Class または ID 属性を使用してスタイルシートのフィールドを参照します。 完了したら、「タグを挿入」ボタンをクリックします。

フォームの設定方法

フォームを作成してすべてのフィールドを追加したら、次はそれを機能させることです。 これを行うには、次の手順に従います。

ステップ 1: 「メール」タブをクリックします。 お問い合わせフォームからのメッセージがこの場所から送信される場所と方法を設定します。

ステップ 2: お問い合わせフォームからのすべてのメッセージを送信するメール アドレスを [宛先] フィールドに入力します。 「差出人」フィールドはメールの送信元であり、WordPress ウェブサイトから連絡フォームを通じてメッセージ送信者の詳細を取得する場所であることに注意してください。

電子メールの件名を取得するには、件名タグを「件名」フィールドに挿入します。 必要に応じて、「メッセージ本文」セクションと「追加ヘッダー」セクションをそのままにしておくことも、必要に応じて他のタグやテキストを追加することもできます. これでフォームの設定が完了し、使用できるようになります。

ユーザーがページでアクションを完了したときに、フォームに完了メッセージを表示することもできます。 優れたユーザー エクスペリエンスが必要な場合は、これをお勧めします。 たとえば、フォームの送信に成功した後、連絡をくれたことに感謝したい場合があります。

ユーザーが間違いを犯したときのエラー メッセージを含めることもできます。 これらはすべて「メッセージ」セクションで実行できます。 デフォルトのテキストが表示されますが、必要に応じて変更できます。 変更が完了したら、[保存] ボタンをクリックすると、フォームを使用できるようになります。

結論

この投稿では、WordPress Web サイトに Contact Form 7 をインストールする方法と、初心者にとって重要なフォームのさまざまな重要なセグメントについて説明しました。 これにより、Web サイトの訪問者からメッセージを受信できるようになります。