Welcome to the Instapage Support Center

|

How do I use WebHooks?

What’s a WebHook?

WebHook is a push notification from our server to yours. The Form Submit WebHook lets you set up a push notification to your server every time someone submits a form on one of your Instapage pages.

What can you do with a WebHook?

WebHooks make it easier to integrate two systems. The most common use for our Form Submit WebHook is to feed leads into your CRM. But there are lots of other things you could do as well, such as sending yourself an email.

What do you need?

Some CRMs will offer something called "an endpoint URL" which you can use to integrate with as shown in the GIF below, which requires no technical knowledge and is very easy to set up.

However, the very nature of a WebHook assumes that you have some ability to write code (or bribe a friend or colleague who does). You need to have a server that can accept a POST request (like what you’d get from a form submission), and be able to write a script that does something in response.

Configure the WebHook

1. Go to your landing page builder and then click edit on your form to gain access to the Integrations tab.

1__18_.png

2. Select WebHooks and enter your WebHook endpoint URL.

acasa_-_Instapage_2017-07-31_21-39-31.png

3. If you have a Server Token Authorization Key, it can be added in the following step.

acasa_-_Instapage_2017-07-31_21-44-39.png

4. Select the sending method and click continue.

acasa_-_Instapage_2017-07-31_21-46-37.png

5. In the next step you will have to match your form fields with your WebHook fields.

acasa_-_Instapage_2017-07-31_21-48-18.png

6. You can also capture more information about your visitors and send it to your list. Just make sure to match your fields accordingly.

acasa_-_Instapage_2017-07-31_21-52-23.png

You can track and send the following data from your funnel:

  • Page
  • Variation
  • Desktop/Mobile
  • Timestamp
  • IP Address
  • Referral Source
  • Ad Campaign (Available for Enterprise accounts only)
  • Average Cost per Visitor (Available for Enterprise accounts only)
If you want to test the WebHook integration, you can use a PostBin URL (from www.postbin.org) as a place to temporarily send your form data and examine the data format.
You can connect multiple WebHook endpoints to the same form. 
To add a new one, open the Integrations menu again and click Add New Endpoint.
acasa_-_Instapage_2017-07-31_21-59-09.png
Now just follow the steps to integrate your new WebHook endpoint with your form.

If you have your own custom server for lead collection you will have to write code to accept your form data.

Every time someone makes a new form submission on your page, Instapage will send the following data to your selected URL.

Parameter Description
ip Ip of visitor.
page_id The identifier Instapage uses to uniquely identify your page. Eventually you’ll be able to use this with our API to manipulate and get information about your page.
page_name The name you gave your page, for example “My Guaranteed to Convert Landing Page”.
page_url The URL of the page that contains your form.
variant This identifies the page variant that the visitor saw when they visited your page, and will be a lower-case letter. The first variant is “a”, the next, “b”, and so on. If you have more than 26 variants the sequence will continue with “aa”, “ab”, etc.

Sample PHP Script

<?php
// If you created a login form with fields 
// 'Your email' and 'Your password', 
// then you will map these fields to:
'Your email' => 'email' 'Your password' => 'password' // Then after submit in your endpoint you can // get these data with code: $email = trim( strip_tags( $_POST[ 'email' ] ) ); $password = trim( strip_tags( $_POST[ 'password' ] ) ); // It can't be more simple. // You can get page data... $page_id = $_POST[ 'page_id' ]; $page_url = $_POST[ 'page_url' ]; $variant = $_POST[ 'variant' ];  ?>
Have more questions? Submit a request
Was this article helpful?
4 out of 7 found this helpful

Need Further Help?

Tell us what you need and we will be happy to assist you.

Our team of expert support staff and our community can answer your questions. Submit a ticket, reach out on live chat or call us now!