MetFormプラグイン は、最も高度な機能をすべて備えた、最も柔軟な Elementor フォーム ビルダーです。 MetForm を使用すると、WordPress サイトに洗練された機能フォームを作成し、最も多くの機能を追加できます。
Conditional Logic Pro は MetForm のプレミアム機能です。この機能を使用すると、条件付きロジックに基づいてフィールドを表示または非表示にできる高度な条件付きロジック フォームを構築できます。 MetForm を使用して Elementor の条件付きロジック フォームを作成する方法については、このドキュメントをお読みください。
Elementor フォームに条件付きフィールドを追加する方法についてのビデオガイドをご覧ください。
条件付きロジックをフォームに追加する #
条件付きロジック フォームを作成するには、まず Elementor でフォームを開きます。次に、次の手順に従います。
ステップ1: クリックしてください フォームの編集 ボタンをクリックして、MetForm エディター モードでフォームを開きます。
![Elementor 用の MetForm を編集する](https://wpmet.com/wp-content/uploads/2022/08/Conditional-Logic-Pro_1-1.png)
ステップ2: たとえば、フォームで、[国] フィールドに基づいて条件付きロジックを住所行に追加する場合は、 国 フィールドをコピーして、 名前 その分野の。
![Elementor の条件付きロジック フォームを作成する](https://wpmet.com/wp-content/uploads/2022/08/Conditional-Logic-Pro_1-2-1.png)
ステップ-3: ここをクリックしてください 住所欄、 そして 有効にする 条件付きロジック。
![Elementor の条件付きロジック フォームを追加する](https://wpmet.com/wp-content/uploads/2022/08/Conditional-Logic-Pro_1-3.png)
ステップ-4: をセットする 条件一致基準 AND/ORにします。
ステップ-5: をセットする アクション このフィールドを表示 / このフィールドを非表示にします。
ステップ-6: をクリックして、Elementor の条件付きロジック フォームに条件を追加します。 アイテムを追加 ボタンで条件を削除するか、十字ボタンで条件を削除できます。
![Elementor の条件付きロジック フォームを構成する](https://wpmet.com/wp-content/uploads/2022/08/Conditional-Logic-Pro_1-4.png)
ステップ-7: 次に、フィールドの条件を設定します。下 もし フィールドに、国フィールドの名前を入力します(次からコピー) ステップ2)。次に、 一致(比較) ケース。
![Elementor の条件付きロジック フォームの条件を設定する](https://wpmet.com/wp-content/uploads/2022/08/Conditional-Logic-Pro_1-5.png)
条件にはさまざまな一致ケースがあります。次に、Elementor の条件付きロジック フォームに対してこれらの一致ケースを個別に使用する方法について説明します。
空/空ではないの条件付きロジック #
この場合、ユーザーが国名を選択すると「住所行」フィールドが表示されるとします。このケースに条件付きロジックを適用するには、次のようにします。
- を貼り付けます 国の名前 に もし によるとフィールド ステップ2 そして ステップ-7.
- をセットする マッチ ケースから 空ではない.
![空ではない条件付きロジック エレメント](https://wpmet.com/wp-content/uploads/2022/08/Conditional-Logic-Pro_2-1.png)
Empty 条件についても同じプロセスに従います。
等しい/等しくないの条件付きロジック #
この場合、ユーザーが婚姻状況を既婚として選択すると、「配偶者名」フィールドが表示されるとします。この場合、
- をコピーします 婚姻状況名 それをに貼り付けます もし 配偶者の名前のフィールド。 (ステップ 2 およびステップ 7 と同様)。
![条件付きロジックエレメントと等しい](https://wpmet.com/wp-content/uploads/2022/08/Conditional-Logic-Pro_3-1.png)
- 次に、「ラジオ オプション」まで下にスクロールしてコピーします。 オプションの値 結婚オプションの場合。
![ラジオボタンのオプションの値](https://wpmet.com/wp-content/uploads/2022/08/Conditional-Logic-Pro_3-2.png)
- 次に、「配偶者名の条件付きロジック」セクションに移動し、それを有効にします。
- 次に、「大文字と小文字の一致」を次のように選択します。 等しい.
- を入力 値の一致 既婚として (既婚のオプション値)。
![条件付きロジックエレメンターを構成する](https://wpmet.com/wp-content/uploads/2022/08/Conditional-Logic-Pro_3-3.png)
「等しくない」条件についても同じプロセスに従います。
より大きい/より大きい/等しい/より小さい/より小さいの条件付きロジック #
これらのケースでは、年齢が 18 歳以上の場合に婚姻状況フィールドが表示されるとします。このケースに条件付きロジックを適用するには、次のようにします。
- をコピーします 年齢名 それをに貼り付けます もし 婚姻状況のフィールド。 (ステップ 2 およびステップ 7 と同様)。
![より優れた条件付きロジック エレメント](https://wpmet.com/wp-content/uploads/2022/08/Conditional-Logic-Pro_4-1.png)
- 次に、「婚姻状況」の「条件付きロジック」セクションに移動して有効にします。
- 一致するケースを次のように選択します 等しいより大きい.
- を入力 値の一致 18として。
![](https://wpmet.com/wp-content/uploads/2022/08/Conditional-Logic-Pro_4-2.png)
「より大きい」、「より小さい」、および「等しいより小さい」条件でも同じ手順に従います。
上記の手順に従うと、MetForm Conditional Logic Pro 機能を使用して条件付きロジックをフォームに簡単に追加できます。