Visual Form Builder プラグインを使用して高度なフォームを作成する
Visual Form Builder は、訪問者があなたに連絡したり情報を送信したりするために使用できるカスタム フォームを構築できる WordPress プラグインです。 Visual Form Builder には、Web サイト用の標準的な問い合わせフォームを作成できるだけでなく、 さまざまな目的に合わせてより高度なフォームを簡単に作成できる多数の機能が備わっています。このガイドでは、Visual Form Builder でできることと、この WordPress フォーム プラグインを使用してウェブサイト用のほぼすべての種類のフォームを作成する方法について説明します。
ビジュアルフォームビルダーでできること
Web サイトにフォームを追加する理由には、訪問者が簡単にメッセージを送信したり、予約を入れたり、ファイルを送信したり、質問を送信したり、さらには雇用したりできるようにすることが含まれます。
Visual Form Builder プラグインには、無料とプレミアムの 2 種類があります。このガイドでは、無料版でできることと、Visual の無料版を使用して訪問者から適切なタイプのメッセージや情報を取得するためにカスタム フォームをすばやく作成する方法を説明します。 Form Builder では、次のようなさまざまなフィールド タイプを選択してフォームに追加できます。
- テキスト: 1 行のテキストを入力するのに最適です
- テキストエリア: 長いメッセージを入力するために使用されます
- チェックボックス: リストから複数のオプションをチェックします
- ラジオボタン: リストからオプションを 1 つだけ選択します
- リストの選択: リストから項目を選択します
- 住所: 通り、都市などを含む物理的な場所。
- 日付: 日付ピッカー付き
- 電子メール: 送信者の電子メールアドレス
- URL: ウェブサイトのアドレス
- 通貨：金銭的価値
- 番号
- 時間: 12 時間または 24 時間
- 電話: 米国および国際形式
- HTML
- ファイルのアップロード
- 手順: プレーンテキストまたは HTML 形式
また、ビジュアル フォーム ビルダーを使用すると、 情報を自動的に検証することで、訪問者が各フォーム フィールドに正しい情報を入力したことを簡単に確認できます。
この WordPress フォームビルダープラグインのもう 1 つの非常に便利な機能は、 フォームにスパム対策検証を追加することです。このフィールドでは、ユーザーがフォームを送信する前に正しく完了する必要がある簡単な操作を実行するように求められます。
これにより、受信トレイに迷惑メールを大量に送り込もうとするスパム送信者によるフォーム悪用を防ぐことができます。何らかの形式による人間による確認を含めないと、すぐに悪用されてしまいます。 Visual Form Builder の無料版のその他の便利な機能は次のとおりです。
- 提出物をWordPressデータベースに保存する
- 提出物をCSVファイルとしてエクスポート
- 提出物を複数のメールアドレスに送信する
- 送信時にユーザーをページまたは URL にリダイレクトします
- ユーザーに確認受領書を送信する
- 時間を節約するためにフォームを複製する
- フィールドを列に配置する
- CSSでフォームをカスタマイズする
ご覧のとおり、Visual Form Builder では、基本的なコンタクト フォーム プラグインの標準機能を超えてできることがたくさんあります。
ビジュアルフォームビルダーの使用ガイド
ここでは Visual Form Builder の無料バージョンを検討しているため、WordPress 管理エリアからサイトに直接インストールできます。ダッシュボードにログインし、[プラグイン] > [新規追加] に移動するだけです。
そこにアクセスしたら、Visual Form Builder を検索し、[今すぐインストール] ボタンをクリックし、続いて [今すぐアクティブ化] リンクをクリックして Web サイトに追加します。アクティブ化すると、サイドバー メニューに「Visual Form Builder」という新しい項目が表示されます。そこから、プラグインの設定、フォームのエクスポート、フォーム送信の表示、新しいフォームの追加を行うことができます。 Visual Form Builder には事前に構築されたフォームが付属していないため、最初のステップは、[新しいフォームの追加] メニュー項目をクリックして新しいフォームを作成することです。
新しいフォームの作成
新しいフォームを作成する最初の段階では、フォームに名前を付け、自分の名前を入力し、電子メールの返信先、送信する電子メールの件名、フォーム送信の送信先電子メール アドレスを設定します。
必要事項を入力したら、フォームの作成に進みます。次のステップでは、フォームビルダーページの上部にある設定ボタンをクリックします。
ここから、送信内容のコピーを誰が受け取るか、フォーム送信後にユーザーに何が起こるか、 送信を確認する通知メールをユーザーに送信するかどうかを決定できます。
フォームを設定したら、フィールドを追加できます。さまざまなタイプのフィールドをフォームに追加するのは、左側にある利用可能なオプションの 1 つをクリックするだけです。フィールドをフォームに追加したら、 それを所定の位置にドラッグ アンド ドロップできます。展開アイコンをクリックして、フォーム フィールドを要件に合わせてカスタマイズすることもできます。
これにより、 各フィールドに入力する内容をユーザーに指示するカスタム ラベルを追加することができます。フォームをサイトに公開したときにフォームがどのように表示されるかを確認したい場合は、まずフォームを保存してから、投稿またはページに挿入する必要があります。
フォームの公開
Visual Form Builder では、WordPress 投稿エディターに追加されたボタンのおかげで、投稿またはページにフォームをできるだけ簡単に挿入できます。
[フォームの追加] ボタンをクリックすると、作成されたすべての既存のフォームから選択して、そのフォームを投稿またはページに挿入できます。フォームの場所を変更する必要がある場合は、 単純にショートコードを切り取って貼り付けることができます。新しいフォームをチェックアウトするには、[投稿をプレビュー] ボタンをクリックして実際のフォームを確認します。
フォームが正しく見えない場合は、フォーム ビルダーに戻って、必要な変更を加えることができます。
フォームの送信を表示する
Visual Form Builder は、フォームの送信を選択した電子メール アドレスに送信するだけでなく、送信を WordPress データベースに保存します。これは、受信トレイを検索するのではなく、WordPress 管理エリア内の 1 か所ですべてのフォームエントリを簡単に戻って表示できることを意味します。個々の提出物を表示する場合、印刷するオプションも表示されます。
Excel などのアプリケーションで表示するために保存されたフォームエントリを CSV ファイルとしてエクスポートすることもできます。これにより、提出物をフィルタリングしたり、同僚と共有したり、安全に保管するためにバックアップしたりすることが非常に簡単になります。
この機能はフリーランサーやサービスプロバイダーにとって非常に便利で、これを使用して潜在的な顧客からの問い合わせ履歴のリストを迅速に作成し、それらの顧客に連絡してより多くのビジネスを生み出すことができます。
結論
Visual Form Builder は、サイト用の基本的な問い合わせフォームよりも高度なフォームを作成したい人にとって理想的な選択肢です。ただし、非常に使いやすいため、シンプルな問い合わせフォーム ソリューションを探している人でも、ニーズの増大に応じてより複雑なフォームを構築できる適切な選択肢となるでしょう。
さらに多くの機能が必要な場合は、プロ バージョンとそのアドオンを使用すると、すでに便利なプラグインがさらに便利になるため、チェックしてみる価値があります。
Visual Form Builder の無料 WordPress プラグインを入手
高度なフォームを何に使用する予定ですか?以下のコメント欄でご意見を共有してください。