Create a new Source

  1. In the Kommo "Settings" section, go to WebConnect settings. Click "New Source," enter the source name, and then click "Create”.

    Untitled

  2. After creating the source, copy the Webhook URL.

    Untitled

Set up the Webhook

  1. Go to your website, and inside Elementor, edit the form you want to get integrated to WebConnect. Under Actions after submit, add Webhook.

    Untitled

  2. Open the Webhook toggle, and enter the hook URL you copied from WebConnect.

    Untitled

  3. Save the page, and go to the live version of the page. Now, submit the form. This sends the Webhook to WebConnect, to confirm the hook we created.

    Untitled

Configure the Lead and Contact fields

  1. After sending the test request, go back to the widget settings and click "Refresh”.

    Untitled

  2. If the request to the webhook URL is received, the lead and contact field settings will appear.

You can map the received data to Kommo fields.

To add a variable, use the button next to the input field.

![Untitled](<https://prod-files-secure.s3.us-west-2.amazonaws.com/f218a898-37df-43f5-9160-0f9a433886db/20458bfb-e79e-4519-a35a-f2865eed2433/Untitled.gif>)

  1. Once set up, click the 'Create test lead' button to create a test lead. It will use the latest data received by the webhook.

    Untitled

🥳 The setup is complete.

<aside> 💡 You can see all requests in the Request Logs section, where you can easily filter and search the received data.

</aside>

Untitled

<aside> 👨‍💻 Support Contacts: