Connect MetForm to FluentCRM through an incoming webhook, and every form submission is added to a FluentCRM contact list automatically. New contacts are then ready for email campaigns and automations, with no manual import.
Before you start, make sure you have:
- WordPress with Elementor installed
- MetForm installed and active
- FluentCRM Pro installed and active
注: 必要なもの FluentCRMプロ そして メットフォーム プロ この機能を活用するには。
FluentCRM と MetForm を統合する方法 #
You can conncet your forms created by with the FluentCRM using the webhook. When conncected MetForm sends each submission to it, and FluentCRM turns it into a contact.
ステップ1: FluentCRMで新しい連絡先リストを作成する #
This list is where new contacts land whenever someone submits your form. From your WordPress dashboard:
- に行く FluentCRM → Contacts → Lists.
- クリック リストの作成.
- Enter a list name and save it.
Step 2: Create an incoming webhook and copy its URL #
The webhook URL is what connects MetForm to FluentCRM.
1. に行く FluentCRM → Settings WordPress ダッシュボードから。
2. Switch to the Incoming Webhooks タブ。
3. Click Create Webhook (or open an existing one).
3. Configure the webhook:
- タイプ： Contact creation
- 名前： any name you’ll recognize
- リスト： the list you created in Step 1
- Tag: optional, to segment these contacts
- Status: Subscribed
Save, then copy the generated Webhook URL.
Keep this webhook open in a tab. It also lists the field keys you’ll need in Step 3.
Step 3: Create the form in MetForm and map fields #
Each MetForm Field Name must match its FluentCRM key exactly, or that field won’t sync.
- に行く MetForm → Forms そしてクリックしてください 新しく追加する.
- Give your form a name.
- クリック Elementorで編集する to design the form.
- Add the fields you need, for example First Name, Last Name and Email.
- For each field, set the Field Name to the matching key from your FluentCRM webhook settings.
ステップ4. フォームを作成する #
次に、「Elementor で編集」オプションをクリックしてフォームを作成します。
MetFormフィールドを使用してフォームを作成します。ただし、次の点に注意してください。 FluentCRMが提供するキーにフィールド名を変更する 各お問い合わせフォームごとに FluentCRM ⇒ 設定 ⇒ 受信 Webhooks からキーを見つけて、編集アイコンをクリックします。 ウィンドウが開いたら、少し下にスクロールして、使用可能な各連絡先フィールドのキーを見つけます。
注意: 連絡フォームにはメール フィールドが必要です。MetForm の名と姓のフォーム フィールドは、名前を変更せずにそのまま使用できます。
使用するウィジェットを検索し、ページにドラッグ アンド ドロップします。選択したフィールドに応じて、Webhook のキーを使用してフィールドの名前を変更します。このチュートリアルでは、メール、名、姓を使用します。フォームの作成が完了したら、[更新] をクリックして保存します。
ステップ5. 作成したフォームをページに追加する #
いいえ、Elementor モードで編集してフォームを追加するページに移動します。次に、MetForm を検索し、ページにドラッグ アンド ドロップします。
作成したフォームを選択するには、左側の「フォームの編集」をクリックします。次に、ドロップダウンからフォームを選択し、「フォームの編集」をクリックして、最後に「更新して閉じる」をクリックします。
ステップ6. 更新して最終結果を確認する #
下のページの「更新」ボタンをクリックして最終結果を確認してください。MetFormを使用してフォームを送信すると、 FluentCRM 連絡先のエントリと MetForm エントリは同じです。
