携帯 #

モバイル フィールドでは、ユーザーがプレフィックス国コード電話番号をドロップダウンから選択することができます。必要に応じて、位置を選択したり、ラベルを有効または無効にしたり、携帯電話番号を変更したりすることもできます。 

以下のスクリーンショットをご覧ください。

私たちに気をつけてください ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#mobile

画像選択 #

この入力フィールドを使用すると、フォーム ユーザーは一連の画像を使用して選択を行うことができます。画像を Web の場所にアップロードするだけで、フォーム ユーザーが画像をクリックすると、目的の画像が表示されます。

以下のスクリーンショットをご覧ください。

私たちに気をつけてください ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#image-select

画像ホバーあり #

私たちに気をつけてください ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#imageSelectHover

垂直 #

私たちに気をつけてください ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#imageSelectVertical

選択の切り替え #

選択を切り替えて、一度に複数のセクションから 1 つのセクションをアクティブにできます。アクティブなセクションを 1 つ選択すると、別のセクションが自動的に非アクティブになります。

以下のスクリーンショットをご覧ください。

私たちに気をつけてください ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#toggle

垂直 #

私たちに気をつけてください ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#toggleVertical

簡易レピータ #

フィールドのグループを数回使用すると、フィールドを何度も作成する必要がなくなります。 「追加」ボタンをクリックするだけで、新しいフィールドが自動的に表示されます。

ビデオガイドをご覧ください

1. を検索します。 簡易レピータ ウィジェット配置領域にドラッグします。

2.「項目追加」から簡易リピーターフィールドを追加

3.「更新」をクリックします。

4. サイトに移動 => をクリックするだけ 追加 繰り返しフィールドを追加するには

5. それに応じて表示される繰り返しフィールド=> クリック 消去 繰り返し部分を削除するには

「アウト・アワ」を視聴できます ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#simple-repeater

ボタンアイコンあり #

「アウト・アワ」を視聴できます ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#simpleRepeaterIcons

複数のフィールドの場合 #

「アウト・アワ」を視聴できます ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#simpleRepeaterMulti

テキスト、電子メール、番号、URL、スイッチ、範囲、チェックボックス、ラジオ、選択をサポート #

「アウト・アワ」を視聴できます ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#simpleRepeaterAll

Googleマップの位置 #

ユーザーが簡単に見つけられるように、自分の位置情報をユーザーに示したいですか? Google マップの位置情報を使用すると、カスタマイズ可能なコンテンツとスタイルを使用してフォームに表示される正確な位置を特定できます。 

重要な注意点：

• ** MetForm -> 設定からマップ API を設定する必要があります。 ここでフォームを設定します
• ** また、 マップJavaScript API & プレイスAPI Google マップの位置情報に接続するには
• ** Google Cloud プロジェクトでの課金を有効にする必要があります -> https://console.cloud.google.com/project/_/billing/enable

以下のスクリーンショットをご覧ください。

私たちに気をつけてください ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#location

カラーピッカー #

ドロップダウン カラー パレットから任意の色を簡単に選択して、目を引く方法でフォームをデザインします。選択可能な色をクリックするだけで、それに応じて色が表示されます。

以下のスクリーンショットをご覧ください。

私たちに気をつけてください ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#color-picker

計算 #

始めましょう #

フォームフィールド間で計算を実行し、自動計算された値を表示します。 メットフォーム。フォームフィールドを使用してあらゆる種類の計算を実行できます。

ビデオガイドをご覧ください

または、以下の段階的なプロセスに従ってください。

ステップ -> 1 #

フォームの作成

1: を検索してください メットフォーム ウィジェットを選択し、ウィジェット配置領域にドラッグします。

2: 赤色の部分をクリックします 編集 ボタン

3: クリック 新しい=> を選択してください 空白のフォーム=> 提供する 名前

ステップ -> 2 #

パッケージと数量間の計算

1: をセットする パッケージ 1 値: 50

2: 「パッケージ」フィールドの名前をコピーします。

3: をコピーします 量 フィールド名

ステップ→3 #

乗算を実行する: 掛け算は、1 つの数値を何回も足し算することです。

1: 検索する 計算フィールド=> の下にドラッグ アンド ドロップします。 パッケージフィールド

2: 計算の編集=> 設定=> を提供します 表現

• 演算子を使用して「パッケージのフィールド名」と「数量」フィールド名を貼り付けます。 パッケージ * 数量

サイトビュー

1: 選択する パッケージ 1=> をセットする 数量値: 1

• を表示しています 価格: $50

2: 次に、 数量値: 2

• を表示しています 価格: $100

ステップ→4 #

加算を実行する : 加算とは、何かを他のものに加えるプロセスまたは行為です。

• 1. 計算の編集=> 設定=> 「パッケージ」フィールド名と「数量」フィールド名を貼り付けます。
• 2: 提供する 追加 表現。例の場合: パッケージ + 数量

サイトビュー

1: 選択する パッケージ 1=> をセットする 数量値: 3

• を表示しています 追加価格：$53

ステップ -> 5 #

減算を実行する: マイナス記号で示されるコレクションからオブジェクトを削除する操作です。

• 1. 計算の編集=> 設定=> 「パッケージ」フィールド名と「数量」フィールド名を貼り付けます。
• 2: 提供する 引き算 表現。例の場合: パッケージ – 数量

サイトビュー

1: 選択する パッケージ 1=> をセットする 数量値: 3

• を表示しています 差し引き価格: $47

ステップ→6 #

除算を実行する: 別の数値を完全に、または余りで割る数値

• 1. 計算の編集=> 設定=> 「パッケージ」フィールド名と「数量」フィールド名を貼り付けます。
• 2: 提供する 分割 表現。例の場合: パッケージ/数量

サイトビュー

1: 選択する パッケージ 1=> をセットする 数量値: 3

• を表示しています 分割価格: $16.666666666666668

ステップ -> 7 #

浮動小数点値を表示: float は小数点を持つ数値です。

• 1: 計算の編集=> 設定=>「パッケージ」フィールド名と「数量」フィールド名を貼り付けます。
• 2: 小数点以下に取りたいカンマ以降の数値を設定します。
• 3: を提供します 浮動小数点式。 例の場合: float(パッケージ / 数量,2)。ここでは値 2 を設定したため、小数点以下 2 桁が取得されます。

サイトビュー

1: 選択 パッケージ 1=> をセットする 数量値: 3

• を表示しています 2 桁の変動価格 小数点以下の入力 : 16.67

ステップ -> 8 #

四捨五入値を表示 : 値を元の値に近い値に維持する数値。

• 1: 計算の編集=> 設定=> 「パッケージ」フィールド名と「数量」フィールド名を貼り付けます。
• 2: 丸みのある表現を実現します。例の場合: ラウンド(パッケージ/数量)

サイトビュー

1: 選択 パッケージ 1=> をセットする 数量値: 3

• 四捨五入価格の表示: 17

ステップ -> 9 #

NumberFormat 値を表示: NumberFormat を使用すると、カンマ区切りの値を表示できます。

• 1: 計算の編集=> 設定=> 「パッケージ」フィールド名と「数量」フィールド名を貼り付けます。
• 2: NumberFormat 式を指定します。例の場合: 数値形式(パッケージ * 数量)

サイトビュー

1: 選択 パッケージ 1=> 数量値を設定します: 100000

• カンマ区切り値の表示: $5,000,000

ステップ -> 10 #

見せる 床 価値: 下限値を使用すると、指定された数値以下の最も近い整数を返すことができます。

• 1: 計算の編集=> 設定=> 「パッケージ」フィールド名と「数量」フィールド名を貼り付けます。
• 2: 提供する 床 表現。例の場合: フロア(パッケージ/数量)

サイトビュー

1: 選択 パッケージ 1=> をセットする 数量値: 3

• 最低価格を表示: 16

ステップ→11 #

見せる 天井 価値: Ceil 値を使用すると、指定された数値以上の最も近い整数を返すことができます。

• 1: 計算の編集=> 設定=> 「パッケージ」フィールド名と「数量」フィールド名を貼り付けます。
• 2: 提供する 天井 表現。例の場合: 天井 (パッケージ/数量)

サイトビュー

1: 選択 パッケージ 1=> をセットする 数量値: 3

• を表示しています 天井 価格: 17

• 式を使用したすべての操作の例は次のとおりです

• オプション 説明

支払方法 #

支払い方法入力フィールドで PayPal などの支払いゲートウェイを選択し、ユーザーの支払いポリシーを簡単にします。

お支払い方法については、以下の段階的なプロセスに従ってください。

検索する 支払方法=> 落とす 入力フィールド

• 落とす テキストフィールドと送信ボタン
• 次に、選択した名前をコピーします。 MFテキスト

• 支払い方法を選択してください
• テキスト名を統合フィールドに貼り付けます

• 設定金額
• 提出する

PayPal アカウントでログインします

• お支払いタイプを選択してください
• 今払う

確認をメールに送信

気をつけてもいいよ ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#payment

垂直 #

気をつけてもいいよ ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#paymentVertical

サイン #

ユーザーが送信ボタンを押す前に、フォームに実際に署名してもらいたいと思いませんか?署名入力フィールドは、合意、低リスク取引、その他の契約のための現実的な署名を収集するのに役立ちます。 

以下のスクリーンショットをご覧ください。

私たちに気をつけてください ライブデモはこちら: https://products.wpmet.com/metform/form-controls/#signature

好き嫌い #

 より良い改善のためにユーザーからフィードバックを得ます。ユーザーが好き嫌いの入力フィールドを使用して反応を提供できるようにします。 

以下のスクリーンショットをご覧ください。

クレジットカード #

Elementor の検索バーでウィジェットを検索し、ドラッグ アンド ドロップする必要があります。

カスタマイズ フィールドを見つけて、好みに基づいて設定します。