Divi機能の更新! より多くの入力オプション、条件付きロジック、フィールド検証を備えた新しいコンタクトフォームモジュール

公開: 2017-06-07

新しく改良された
お問い合わせフォームモジュール

本日、新しいフィールドタイプ、より多くのカスタマイズオプション、フィールド検証、条件付きロジックなど、Diviお問い合わせフォームモジュールの大幅な更新を発表します。

今日はDiviお問い合わせフォームモジュールにとって重要な日です! この新しいアップデートは、単純なフォームビルダーであったものを採用し、それをはるかに高度で可能性に満ちたものに変換します。 より多くの入力タイプ、より多くのカスタマイズ性、フィールド検証ルール、および条件付きロジックを追加しました。 これは、モジュールを次のレベルに引き上げる大きなアップデートです。

新しい入力タイプ

お問い合わせフォームモジュールには、チェックボックス、選択ドロップダウン、ラジオボタンなど、必要なすべての入力タイプが付属しています。

お問い合わせフォームモジュールには、選択ドロップダウン、チェックボックス、ラジオボタンなど、必要なすべての入力タイプが含まれるようになりました。新しいインターフェイスにより、これらの新しいフィールドタイプ内のサブアイテムを簡単に管理できます。 ドロップダウンとラジオのアイテムを簡単に追加および削除し、事前に選択するアイテムを選択することもできます。

チェックボックス

お問い合わせフォームモジュールがチェックボックスをサポートするようになりました。 お問い合わせフォームモジュール内に新しいフィールドを作成すると、入力タイプ選択メニュー内のオプションとしてチェックボックスが表示されます。 チェックボックスは、訪問者から情報をすばやく取得するための優れた方法です。 また、チェックボックスを「必須」にすることもできます。これは、情報を送信する前に、利用規約またはプライバシーポリシーに同意していることを確認するのに最適です。

ドロップダウンを選択

お問い合わせフォームモジュールは、選択ドロップダウンメニューをサポートするようになりました。 お問い合わせフォームモジュール内に新しいフィールドを作成すると、入力タイプ選択メニュー内のオプションとして選択ドロップダウンが表示されます。 要求している情報に可能な回答の固定セットがある場合、または回答を固定値のセットに制限したい場合は、ドロップダウンメニューを使用すると優れた結果が得られます。 それらは使いやすく、ユーザーエラーの可能性を排除します。

ラジオボタン

お問い合わせフォームモジュールがラジオボタンをサポートするようになりました。 お問い合わせフォームモジュール内に新しいフィールドを作成すると、入力タイプ選択メニュー内のオプションとしてラジオボタンが表示されます。 ラジオボタンは選択ドロップダウンと同じように機能し、ユーザーはこのリストから1つのオプションを選択できます。 オプションの小さなリストで作業している場合、セカンダリメニューをクリックしなくてもすべてのオプションが表示されるため、ラジオボタンはドロップダウンメニューを選択するよりも操作が少なくて済みます。

簡単なサブアイテム管理

更新された連絡先フォームモジュールには、ラジオボタン内のサブアイテムを管理し、ドロップダウン入力タイプを選択するための洗練された新しいインターフェイスが付属しています。 お問い合わせフォームの設定ウィンドウ内でアイテムを簡単に追加および削除できます。 チェックボックスまたはラジオボタンを事前に選択するかどうかを選択することもできます。

条件付きロジック

本日、訪問者がフォームに入力した情報に基づいてフィールドを表示および非表示にできる包括的な条件付きロジックシステムを導入します。

私のお気に入りの新機能は、条件付きロジックシステムです。 連絡先フォームモジュールに条件付きロジックオプションを実装しました。これにより、訪問者がフォームに入力した情報に基づいてフィールドを表示および非表示にできます。 たとえば、ユーザーが特定のWebデザインパッケージを選択したときに追加のフィールドを表示する条件付きロジックを使用して、動的なWebデザイン見積もりフォームを作成できます。 訪問者がeコマースオプションを選択した場合は、追加のフィールドを自動的に表示して、ビジネスに関する詳細情報を要求します。 条件付きロジックシステムは非常に堅牢であり、さまざまなルールを組み合わせて、想像できるほぼすべての組み合わせを作成できます。

動的フォームを作成する

条件付きロジックを使用して、訪問者の情報に適応する動的フォームを作成し、さまざまなタイプのユーザーから関連データをキャプチャできるようにするための創造的な方法はたくさんあります。 訪問者がフォームに入力すると、指定したルールに基づいて連絡フォームが自動的に変更されます。

条件付きロジックUI

新しい条件付きロジックUIは非常に使いやすいです。 特定のフィールドの条件付きロジックを有効にした後、そのフィールドがいつ表示されるかを決定するルールをいくつでも追加できます。 複雑なルールセットをDiviBuilder設定ウィンドウ内から直接追加、減算、および結合します。

ルール

条件付きロジックシステムは、さまざまなルールタイプをサポートしており、それぞれのルールタイプを使用して、さまざまな基準に基づいて一致を判断できます。 各ルールには、フォームをパーソナライズするために使用できるさまざまなアプリケーションがあります。

  • 等しい–このルールは、訪問者が特定のフィールドに入力する情報が、指定した値と完全に一致する場合に一致します。 たとえば、顧客に必要なWebサイトの種類を尋ね、「eコマース」を選択した場合、販売する製品の種類に関する詳細情報を要求する追加のフィールドを表示できます。
  • 等しくない–これは「等しい」ルールの反対です。 これにより、特定のフィールドに追加された値が指定した値と一致しない場合にフィールドが表示されます。
  • 含む–このルールは、入力されたデータに指定した値が含まれている場合に一致します。 これは、正確な計算を必要としないため、「等しい」とは異なります。 たとえば、訪問者の会社の住所を尋ね、入力した値に「California」または「CA」が含まれている場合は、カリフォルニアの地域のポリシーとビジネス規制に関する詳細情報を要求する追加のフィールドを表示できます。
  • 含まない–これは「含む」ルールの反対であり、入力された値に指定した値が含まれていない場合にフィールドが表示されます。 たとえば、特定の顧客にサービスを提供する能力に影響を与える、米国全土にいくつかの地方自治体の規制があるとします。 これらの規制は、オレゴン州とワシントン州を除くすべての州に存在します。 顧客が提供する住所に「オレゴン」、「OR」、「ワシントン」、または「WA」が含まれていない場合にのみ追加のフィールドを表示するルールを設定できます。
  • より大きい–このオプションはすべての数値で機能します。 たとえば、個人用に作成する必要のあるWebサイトの数を尋ねることができます。 10を超えるWebサイトが必要な場合は、正確な見積もりを提供するために、追加情報を要求するためにさらに多くのフィールドを表示する必要がある場合があります。
  • Is Less Than –これは「IsGreater Than」オプションの反対であり、入力した値が指定した値よりも小さい場合にフィールドを表示します。 たとえば、訪問者の予算を要求し、訪問者が入力する値が1,000ドル未満の場合は、訪問者が選択する必要のある利用可能なパッケージを調整できます。
  • 空です–このルールは、別のフィールドが空の場合にフィールドを表示します。 フィールドにデータが入力されると、条件付きフィールドは削除されます。
  • 空ではありません–別のフィールドに値がある場合、これはフィールドを表示します。 たとえば、フォームに「会社名」というオプションのフィールドがあるとします。 このフィールドに訪問者が入力した場合は、訪問者がビジネスを行っていると見なすことができます。 このルールを使用して、事業活動、事業所の住所、税務情報などについて問い合わせる追加のフィールドをトリガーできます。

ミックス&マッチロジック

条件付きロジックシステムでは、複数のルールを組み合わせて使用​​できます。 次に、条件付きフィールドは、単一の一致に基づいてトリガーできます。または、条件付きフィールドを表示する前に、すべてのルールが一致するように要求できます。

フィールド検証

すべての連絡先フォームモジュールの入力タイプに、訪問者から提供された情報が正しくフォーマットされていることを確認できるフィールド検証ルールが付属するようになりました。

各入力タイプには、文字を文字や数字に制限するなど、訪問者が送信する情報が正しくフォーマットされていることを確認するために使用できるフィールド検証ルールが付属しています。 標準の入力フィールドの最小長と最大長を定義することもできます。

文字と文字制限を検証する

文字数制限を課したり、訪問者が入力しているデータを検証して、正しくフォーマットされていることを確認したい場合が多くあります。 これにより、ユーザーエラーを減らし、オートコンプリートの間違いを特定できます。 たとえば、誰かの年齢を尋ねる場合、訪問者が入力するデータに数字のみを含めるように要求できます。 また、1,000歳になることはないので、文字数を3に制限することもできます。

今すぐ参加、更新、アップグレードして10%オフ!

Web上で最も熱狂的で愛情のあるWordPressテーマコミュニティに参加して、今すぐDivi3.0をダウンロードしてください。 新しいVisualBuilderを使用すると、信じられないほど高速で直感的なビジュアルインターフェイスにより、これまでになく高速にWebサイトを構築できます。 あなたはそれを信じるためにそれを見なければなりません!

今すぐ参加して10%オフ!
今すぐアカウントを更新して10%オフ!
今すぐアカウントをアップグレードして10%オフ!