WPForms WordPressプラグインを使用して基本的な連絡先フォーム(無料)を作成する方法

ワードプレスのお得な情報


お問い合わせフォームは、ほとんどすべてのタイプのWebサイトに不可欠な機能です。訪問者からのフィードバックでも、潜在的な顧客やクライアントからの問い合わせでも、連絡フォームを追加することは、人々が連絡を取るための最良の方法の1つです。.

ご想像のとおり、お問い合わせフォームをWordPress Webサイトに追加する場合、最も簡単な方法は、専用のプラグインを使用することです—その1つは、OptinMonsterとSoliloquyの両方の背後にあるチームからの人気があり強力なWPFormsです。.

このガイドでは、無料バージョンのWPForms:WPForms Liteを使用して、WordPressを利用したWebサイトの基本的な連絡先フォームをすばやく簡単に作成する方法を示します。.

WPFormsを使用する理由?

WordPressのコンタクトフォームプラグインに関しては、たくさんの選択肢があります。ただし、WPFormsは、お問い合わせフォームをWebサイトに追加する最も迅速で簡単な方法の1つですが、将来さらに高度なニーズが発生した場合にフォームをアップグレードするオプションも提供します.

WPForms Liteプラグインページの画像

WPForms LiteはWordPressプラグインディレクトリから入手できます。.

WPFormsテンプレートのおかげで、WordPress Webサイトに連絡先フォームをすぐに追加できます。必要に応じて、直感的なドラッグアンドドロップフォームビルダーツールを使用して、カスタムフォームを作成できます。ほとんどすべての目的.

WPFormsが良い選択である理由がわかったところで、次に、この無料のプラグインを使用してWordPressに基本的な連絡先フォームを追加する方法を説明します.

WPForms LiteプラグインをWordPressウェブサイトに追加する方法

WPFormsで基本的な連絡先フォームを作成する最初のステップは、プラグインをWebサイトに追加することです。 WPFormsには、主に2つのバージョンがあります。無料のバージョンと、より高度な商用オプションです。ただし、基本的なお問い合わせフォームさえあれば、無料バージョンで十分です.

プラグインをウェブサイトに追加する最も簡単な方法は、WordPress管理領域にログインして、ダッシュボードのプラグインセクションに移動することです。.

WordPressプラグイン追加メニュー

WPForms Liteは、WordPressダッシュボードから直接インストールできます.

プラグインの追加ページで、検索ボックスに「WPForms Lite」と入力し、結果で返された最初のプラグインをインストールします.

WPForms Liteを検索します

「WPForms Lite」を検索して、「今すぐインストール」ボタンをクリックします.

次の画面で、[アクティブ化]ボタンをクリックすると、WordPress WebサイトでWPFormsを使用できるようになります.

WPFormsで基本的なWordPress連絡フォームを作成する方法

利用可能な最もユーザーフレンドリーなWordPressフォームプラグインを作成する試みの一環として、WPFormsはプラグインがアクティブ化された後に役立つウェルカムメッセージを表示します.

プラグインのようこそ画面

WPForms Liteウェルカム画面には、最初のフォームを作成するのに役立つビデオが含まれています.

ウェルカム画面から、WPFormsを使用して最初のコンタクトフォームを作成するための役立つビデオウォークスルーガイドを見ることができます。または、[Create Your First Form]ボタンをクリックするだけで開始できます。なんらかの理由でウェルカム画面が表示されない場合は、WPFormsサイドバーメニューをクリックし、[Add New]アイテムをクリックして、新しい連絡先フォームを作成できます。.

WPForms Lite新しいフォームメニューを追加

専用のWPFormsメニューにより、プラグインの機能に簡単にアクセスできます.

[最初のフォームを作成]ボタンをクリックするだけでなく、WPFormsチャレンジを選択して、最初のフォームを5分未満で作成するプロセスをガイドすることもできます。挑戦することを選択した場合、セットアップウィザードは、フォームの作成からWebサイトでの公開まで、フォームを作成する5つのステップを案内します。.

WPFormsに挑戦する

WPFormsセットアップウィザードは、最初のフォームを作成する5つのステップをガイドします.

単独で使用する場合でも、ウィザードを使用する場合でも、作業を開始すると、カスタムWPFormsユーザーインターフェイスがWordPressダッシュボードを引き継ぎ、フォームで作業するための最大スペースを確保します。フォームビルダーインターフェイスが読み込まれたら、最初のステップはフォームに名前を付けることです。将来的にフォームを特定するのに役立つ意味のある関連性の高いものを選択してください.

フォーム名を入力してください

WPFormsで作成する各フォームには名前が必要です.

空白のフォームから始めてもかまいませんが、シンプルな問い合わせフォームテンプレートを選択することをお勧めします.

フォームビルダーのユーザーインターフェイス

Simple Contact Formテンプレートには、必要なすべての必須フィールドがあります.

ほとんどの場合、単純なコンタクトフォームテンプレートで十分です。ただし、連絡先フォームにフィールドを追加する必要がある場合は、左側のパネルから標準フィールドをクリックしてフォームに挿入するのと同じくらい簡単です。ただし、Fancy FieldsまたはPayment Fieldsのいずれかを使用する場合は、WPFormsのプロバージョンにアップグレードする必要があります。.

プレミアムファンシーおよび支払いフィールド

ファンシーフィールドと支払いフィールドは、WPFormsのプレミアムバージョン用に予約されています.

左側のパネルから標準フィールドをクリックすると、そのフィールドはすぐにフォームに追加されます。そこから新しい位置にドラッグアンドドロップするか、フィールドをクリックして編集を開始できます.

フォームフィールドを構成する

フォームのフィールドをクリックすると、フィールド設定が左側のパネルに表示されます.

フォームフィールドの編集はビルダーの左側のパネルで行われ、フィールドラベルと説明の変更、フィールドサイズの設定、プレースホルダーテキストの入力を行うことができます。使用できる設定は、編集するフィールドのタイプによって異なります。たとえば、メールフィールドを使用すると、ユーザーがメールアドレスを2回入力する必要がある確認フィールドを簡単に有効にできます。フォームフィールドとその設定に満足したら、[保存]ボタンをクリックします.

メールフォームフィールドの設定

一部のフィールドタイプには、メール確認フィールドオプションなど、独自の設定があります.

お問い合わせフォームの構成

WPFormsで作成した各フォームは、ニーズに合わせて個別に構成できます。したがって、現在の設定を表示したり、フォームの動作をカスタマイズしたりするには、フォームビルダー画面の[設定]タブをクリックして、作業中のフォームの構成オプションを開きます。.

設定は3つのセクションにグループ化され、フォームの[全般]、[通知]、および[確認]オプションが含まれます.

WPFormsお問い合わせフォームの設定

WPFormsで作成した各フォームは個別に構成できます.

一般設定を通じて、フォームのタイトルと説明を編集し、送信ボタンのテキストを変更し、スパム対策ハニーポット機能を有効にすることができます。スパム対策ハニーポット機能を使用することをお勧めします。これにより、訪問者にキャプチャフィールドの入力を要求することでフォームのユーザーエクスペリエンスに影響を与えることなく、受信するスパム送信の数を減らすことができます。.

通知設定では、フォームエントリの送信先のメールアドレスを指定できます。必要に応じて、複数のアドレスを入力できます。 WPFormsはスマートタグを使用して、電子メールの件名やフォーム名などのフォームフィールドのコンテンツを通知メールに動的に入力します。フォームエントリを送信したユーザーに電子メールで送信される個別のメッセージなど、複数の通知を作成する場合は、WPFormsのプレミアムバージョンにアップグレードする必要があります。ただし、スマートタグを使用して、フォームを送信した人と指定した他の受信者に同じ通知メールを送信することができます。.

フォーム入力通知

WPFormsは、フォームエントリを含むメールを選択したアドレスに送信します.

確認設定を使用して、訪問者がフォームを送信した後に表示されるメッセージをカスタマイズすることもできます。または、カスタムメッセージを表示する代わりに、フォームエントリの送信後に、Webサイトにページを表示するか、選択したURLにユーザーを誘導することもできます。.

フォーム確認設定

WPFormsでは、フォームエントリが送信された後の動作を選択できます.

繰り返しになりますが、フォームの確認に満足したら、保存ボタンをクリックして変更をコミットします。.

お問い合わせフォームをウェブサイトに公開する

フォームを保存したら、WordPress Webサイトに発行して、訪問者がフォームを使用できるようにすることができます。フォームビルダー画面の埋め込みボタンをクリックすると、作業中のフォームのショートコードが表示されます。次に、このショートコードをコピーしてWordPressの投稿またはページに貼り付け、フォームにアクセスできるようにします。フォームのショートコードを投稿またはページに挿入するために必要なことを説明するチュートリアルビデオが表示されます。ただし、プロセスは非常に簡単です.

WPFormsショートコード

埋め込みボタンをクリックすると、作業中のフォームのショートコードが表示されます.

フォームの1つをWebサイトに追加する別の方法は、新しい投稿またはページを作成するか、既存のフォームを編集用に開いてから、[フォームの追加]ボタンをクリックすることです。.

フォームボタンを追加

WPFormsは、フォームを挿入するためのWordPressエディターに便利なボタンを追加します.

[フォームを追加]ボタンをクリックすると、挿入するフォームを選択したり、フォームのタイトルまたは説明を表示するかどうかを選択したりできます.

フォームを挿入する

WPFormsは、フォーム名と説明を表示するかどうかのオプションを提供します.

フォームを挿入すると、ショートコードが投稿またはページに追加されます。次に、公開時にショートコードが対応するフォームに置き換えられます。ショートコードが機能する方法のため、フォームに変更を加えると、それらは公開されたフォームに自動的に適用されます(詳細については、以前の記事、WordPressのショートコードの説明をご覧ください.

WPFormsフォームのショートコード

表示するフォームのショートコードが投稿またはページに挿入されます.

今、あなたの訪問者があなたにメッセージを送りたいなら、彼らがしなければならないすべてはフォームに記入して送信ボタンを押すことです.

公開されたフォームの例

フォームが公開されると、その外観はWordPressテーマと統合されます.

WPForms Liteには、WordPressテーマのサイドバーやその他のウィジェット対応領域にフォームを表示できるウィジェットも含まれています。テーマの選択に応じて、WPFormsウィジェットを使用すると、下の図のように、Webサイトのフッターにフォームを表示できます。.

WPFormsウィジェットの使用

WPFormsウィジェットを使用すると、テーマのウィジェット領域にフォームを表示できます.

WordPress連絡フォームの管理

フォームに変更を加える必要がある場合は、WPFormsメニューの[すべてのフォーム]からフォームにアクセスできます。.

フォーム管理画面

WordPressダッシュボード内のWPFormsページからフォームを表示および管理できます.

WordPressダッシュボードのこのセクションから、既存のフォームを削除または編集できます。WPFormsProにアップグレードすると、サイトの訪問者が送信したフォームエントリを表示できます.

前述のように、WordPressショートコードの機能により、変更内容は公開されたフォームに即座に反映されます。.

最終的な考え

ご覧のとおり、無料のWPForms Liteプラグインを使用すると、WordPress Webサイトに連絡先フォームを簡単に追加できます.

標準の連絡先フォームテンプレートを使用すると、このタイプのフォームを数クリックでWebサイトに追加できます。また、ドラッグアンドドロップエディターにより、テンプレートに変更を加える必要がある場合(追加など)フォームフィールドまたはデフォルトのテキストの変更)、プロセス全体は本当に非常に簡単です.

注:WPFormsの高度な機能の詳細については、詳細なWPForms Proレビューをチェックしてください。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me