Connecting Webflow Forms

For customers using Webflow forms on their website.

Immediately start capturing leads from your Webflow site, without the need for a Default form. Just use our handy JS snippet in your header tag to make sure we can start catching responses.

Installation - Send this to your engineer or designated Webflow admin:

Copy the import snippet

Make sure you DO NOT click out of this modal during the import process. If you do, you will need to restart the process.

import2.gif

Add a snippet to the <head> tag on the designated Webflow page.

Make sure you DO NOT click out of this modal during the import process. If you do, you will need to restart the process.

import3.gif

Submit a test response and confirm the fields

import6.gif

Now you are ready to configure workflows to process data from your form.

🚨 Note 🚨

  • Make sure every form on the page has the same id in the form element, else you will need to repeat this installation snippet for every new form you want to capture data from (note the righthand sidebar for both form elements on this example page).

sidebar.gif

  • The team_id and form_id (6 digits) must be present in the install script. These IDs are unique to each imported form and team - the below would have a different number for team_id and form_id custom to you.

<script>
(function(w, d) {
w.**default** = {team_id: 0, form_id: 000000}; var s = d.createElement('script');
s.async = true; s.src = '<https://import-cdn.default.com/>';
d.head.appendChild(s);
})(window, document);
</script>

  • There is no need to embed a default form on your website if you already have web forms as we capture the information using the script.

Last updated