Submitting to Native Forms Using Webhooks by Zapier

Using Zapier with Lead Gen & CRM typically allows you to update lead data directly.

However, it does not count as a form fill event. As a result, no event is placed on the Life of the Lead. For that, you must submit a form fill by posting directly to the Native Form endpoint.

This article will detail how to submit to native forms using Webhooks by Zapier.

---

Article Contents

• Determining Native Form Endpoint URLs
• Setting Up Webhooks by Zapier

Available With:

Trial	✓
Essential	✓
Advanced	✓
Ultimate	✓

Toolbar:

Settings

Users:

Administrators	✓
Company Managers
Marketing Managers
Sales Managers
Salespersons
Jr. Salespersons

Determining Native Form Endpoint URLs

Using Webhooks by Zapier allows you to post directly to a native form's endpoint.

This will cause a form fill event, which can then trigger a notification or other automation events, and will place an item on the Life of the Lead for a form fill.

Important: Only native forms can be submitted to. Lead Gen & CRM forms cannot be submitted to using Webhooks.

To determine the endpoint URL in a native form, do the following:

1. Create or edit a native form.
2. Click    Options > Embed Code.
   
   The embed code should appear similar to the following
   example code:

   <script type="text/javascript">
   var __ss_noform = __ss_noform || [];
   __ss_noform.push(['baseURI', 'https://app-3Q4K3MJUEA.marketingautomation.services/webforms/receivePostback/MzYwNzKzMDM0BAA/']);
   __ss_noform.push(['endpoint', 'f65d1953-da63-489b-8b68-9d1684a8d93b']);
   </script>
   <script type="text/javascript" src="https://koi-XXXXXXXXXX.marketingautomation.services/client/noform.js?ver=1.24" ></script>
   

3. Locate your form's baseURI, which is the address that
   follows baseURI. The baseURI should appear similar
   to the following example code:

   __ss_noform.push(['baseURI', 'https://app-XXXXXXXXXX.marketingautomation.services/webforms/receivePostback/MzYwNzKzMDM0BAA/']);

4. Locate your form’s endpoint, which is the string
   following the word endpoint. The endpoint should
   appear similar to the following example code: 

   __ss_noform.push(['endpoint', 'XXXXXXX-da63-489b-8b68-9d1684a8d93b']);
   

A native form’s full endpoint URL will be the baseURI, followed by the endpoint, followed by /jsonp/. The example code’s endpoint URL is as follows:

https://app-XXXXXXXXXX.marketingautomation.services/webforms/receivePostback/MzYwNzKzMDM0BAA/f65d1953-da63-489b-8b68-9d1684a8d93b/jsonp/

This method will not establish tracking on the lead. You would need to prompt another action to establish tracking, such as having the form fill trigger an email to the lead. The user will be tracked once they have clicked on the email and have been taken to a tracked page.

Setting Up Webhooks by Zapier

To set up Webhooks, do the following:

1. Open Zapier.
2. Create a new Zap.
3. Select normal trigger applications until Choose an Action App appears.
4. Search for Webhooks by Zapier.
5. Choose Webhooks by Zapier instead of Lead Gen & CRM.
6. Advance to the page labeled Set Up Webhooks by Zapier Action.
7. Choose GET.
8. Advance to the page labeled Set Up Webhooks by Zapier GET.
9. Paste your form’s full endpoint URL into the URL box. 
10. Click Continue.
11. Complete and enable the Zap.

Note: Constant Contact offers Professional Services to assist with custom coding. Leave all other options on this page as their default values. 

After filling out the form the first time, you should be able to map the native form as you normally would. Once the mapping has been saved, subsequent submissions will be added as untracked contacts, a form fill event will happen, and a Life of the Lead icon will appear for the lead.