ClickFunnels is a website and sales funnel builder for entrepreneurs. You can create a funnel to market and sell your products online. By connecting Nudgify with ClickFunnels, you can create Social Proof notifications that show recent purchases and/or sign-ups on your website.
You can easily connect your ClickFunnels purchases and sign-ups to Nudgify by creating a Smart Webhook in your Nudgify account. In this article, you read how to show your ClickFunnels purchases and sign-ups in Social Proof Nudges via our Smart Webhooks feature. Read more about what webhooks are
Connect Purchases or Sign-ups?
You can connect two types of ClickFunnels data to Nudgify: purchases and sign-ups. You can show this data in Purchase Nudges and Sign-up Nudges respectively.
- Choose the Purchases for any conversions that involve a payment and a product. Choose this option if you want to show who bought a specific product or subscribed to a paid service. Follow the steps to create a Smart Webhooks for ClickFunnels purchases
- Choose Sign-ups if you want to show new contacts added to your ClickFunnels contact list. Follow the steps to create a Smart Webhooks for ClickFunnels sign-ups
You can also connect both. In that case, you will need to create two Smart Webhooks: one for your purchases and one for your sign-ups.
Create A Smart Webhook for ClickFunnels Purchases
Step 1: Create a new Smart Webhook
In your Nudgify dashboard, navigate to Integrations > Smart Webhooks and click the Create Smart Webhook button. This takes you through the Smart Webhook creation flow.
Step 2: Select data type
Select the data type you’d like to connect via your Smart Webhook. To connect ClickFunnels purchases to Nudgify, select “Purchases”.
Step 3: Name your Smart Webhook
Give your Smart Webhook a name. We recommend naming it after the app that you are connection, so in this case e.g. “ClickFunnels Purchases”.
Step 4: Copy your Webhook URL
You now see the unique Webhook URL for the Smart Webhook you’re creating. You need to copy this Webhook URL and paste it in the Funnel Webhooks section in ClickFunnels. With this Webhook URL, ClickFunnels will know to send each new purchase to your Nudgify account via your Smart Webhook.
Step 5: Paste your Webhook URL in ClickFunnels
- In your ClickFunnels dashboard, navigate to your Funnel and click Settings
- Scroll down to Webhooks and click on the Manage Your Funnel Webhooks button to access the Funnel Webhooks Page.
- Click on the + New Webhook button.
-
Paste your Nudgify Webhook URL in the URL field. From the Event drop-down menu, select purchase_created
- Select the Webhook version from the Version drop-down menu. We recommend choosing the default option.
- Select the adapter from the Adapter drop-down menu. We recommend choosing the default option.
- Click the Create Funnel Webhook button.
Now, ClickFunnels has your Smart Webhook’s unique URL. This means that every time a new purchase is made in ClickFunnels, the purchase is sent to Nudgify, including relevant data, such as the name of the customer and the name of the product they purchased.
Step 5: Send sample data to your Smart Webhook
Now it’s time to make a test purchase (or wait for a new purchase to be made), so that we can see an example of the information that ClickFunnels sends to Nudgify via the webhook. This is an important step in the set-up of your Smart Webhook, because it lets you “map” which bits of information you want to display in the Purchase Nudge.
- Make a test purchase in ClickFunnels
- Click the Check for data button in Nudgify.
Nudgify should now be able to find the test purchase. If this was successful, then you will see a success message that says “Data Received!”, and below, you will see all the data that from the test purchase (such as the customer name and the name of the product they purchased).
If no data was found, this means that you have not made a test purchase yet, or that you have not saved the Webhook URL correctly in the right place. You can double check and adjust your set-up, and then click Check for data again.
Step 6: Map your sample data
Once your test data has been found, it’s time to tell Nudgify which pieces of data to use in your Nudge. Which bit of sample data is the customer name? Which bit is the name of the product they purchased? And so on. You use the drop downs to select the right bit of sample data for each field.
Mapping the data is something you do one time. Once you have “mapped” the sample data for your Smart Webhook, any new purchases that your Webhook sends to Nudgify will show the correct bits of data in the correct places of the Nudge.
Date field missing? Don’t worry! Just select “Skip This Field”. Nudgify will simply use the moment that the order came through to Nudgify as the fallback timestamp. Are you worried about other bits of data that are missing from the data ClickFunnels send through? You can find an overview of the impact on each missing data field below.
Step 7: Save your Smart Webhook
In this last step, you see an overview of your Smart Webhook: the name of your Smart Webhook, its data type, the Webhook URL, and your data mapping.
To save your webhook, click “Save”. You can always return to this overview and make changes to the set-up of this Smart Webhook by clicking the pencil icon on the Smart Webhooks page.
Show your Smart Webhook data in Purchase Nudges
Congratulations, you have created a Smart Webhook to connect your ClickFunnels purchases to Nudgify! On your Data Feeds page, you can see the purchases that have been send to Nudgify via your Smart Webhook in the “purchases” tab.
You can now display these purchases in Purchase Nudges by selecting your ClickFunnels webhook as the data source when you set up the Nudge. For example, if you named your Smart Webhook “ClickFunnels Purchases”, this Smart Webhook now appears in the dropdown among the Data Sources you can select for this Nudge.
When you select it as the data source, the Nudge will display the ClickFunnels purchases that come through to Nudgify via your ClickFunnels webhook.
That’s it! All your new ClickFunnels purchases will now be turned into powerful Social Proof automatically and display in Purchase Nudges on your site.
What if not all the bits of data are there?
Depending on your ClickFunnels set-up, not all the bits of information (customer name, product name etc.) are sent to Nudgify via the Smart Webhook. This does not have to be a problem. For example, if the date is missing, Nudgify will simply use the moment that the order came through to Nudgify as the fallback timestamp.
As a general rule, Nudgify is not able to show any data that is not there. So if the third party app does not send the customer name along via the webhook, then we are unfortunately not able to display the customer name in the Nudge. Below, you find an overview of the impact if different bits of data are missing:
Data field | Description | Impact if missing |
---|---|---|
Date | The date we use to show in the Nudge how long ago the purchase took place | We use the moment the order came through to Nudgify via the webhook as the "fallback" date |
The email address of the user to identify that there has been a new purchase | Required! We use the email address as identifier. Without the email, we can't show the purchase in Nudges | |
Order ID | The order-id we use to identify which items are part of the same order | Required! Without the Order ID, we can't show the purchase in Nudges |
First Name | The first name of the customer, to show in the Nudge | We do not display the customer name in the Nudge, unless you use the "Full Name" field |
Last Name | The last name of the customer, to show in the Nudge (we only show the initial of the last name) | We do not display the customer name in the Nudge, unless you use the Full Name field |
Full Name | The name of the customer, to show in the Nudge | We do not display the customer name in the Nudge, unless you use the First + Last Name fields |
City | The city of the customer, which we show in the Nudge | We do not display the City in the Nudge, unless you use the IP Address field |
State | The state of the customer, which we show in the Nudge (for US) | We do not display the State in the Nudge, unless you use the IP Address field |
Country | The country of the customer, which we show in the Nudge (note for the US we use State instead) | We do not display the Country in the Nudge, unless you use the IP Address field |
IP Address | The ip address of the customer, to show the location in case City/State/Country are not available | We do not display the customer's location in the Nudge, unless you use the City/State/Country fields |
Product ID | The id we use to identify the product that was ordered | We do not display any product information |
Product Variation ID | The id we use to identify the variation (colour, size etc.) of the product that was ordered | We do not take into account different variants of the product |
Product Name | The name of the product that was ordered, to show in the Nudge | We do not display the product name in the Nudge |
Product Page Link | The product page that we link to from the item name in the Nudge | We do not link to the product page from the product name in the Nudge |
Product Image URL | The product image that we show in the Nudge | We do not display the product image in the Nudge |
Create A Smart Webhook for ClickFunnels Sign-ups
Step 1: Create a new Smart Webhook
In your Nudgify dashboard, navigate to Integrations > Smart Webhooks and click the Create Smart Webhook button. This takes you through the Smart Webhook creation flow.
Step 2: Select data type
Select the data type you’d like to connect via your Smart Webhook. To connect new ClickFunnels contacts to Nudgify, select “Sign-ups”.
Step 3: Name your Smart Webhook
Give your Smart Webhook a name. We recommend naming it after the app that you are connection, so in this case e.g. “ClickFunnels sign-ups”.
Step 4: Copy your Webhook URL
You now see the unique Webhook URL for the Smart Webhook you’re creating. You need to copy this Webhook URL and paste it in the Funnel Webhooks section in ClickFunnels. With this Webhook URL, ClickFunnels will know to send each new contacts to your Nudgify account via your Smart Webhook.
Step 5: Paste your Webhook URL in ClickFunnels
- In your ClickFunnels dashboard, navigate to your Funnel and click Settings
- Scroll down to Webhooks and click on the Manage Your Funnel Webhooks button to access the Funnel Webhooks Page.
- Click on the + New Webhook button.
-
Paste your Nudgify Webhook URL in the URL field. From the Event drop-down menu, select contact_created
- Select the Webhook version from the Version drop-down menu. We recommend choosing the default option.
- Select the adapter from the Adapter drop-down menu. We recommend choosing the default option.
- Click the Create Funnel Webhook button.
Now, ClickFunnels has your Smart Webhook’s unique URL. This means that every time a new contact is added to your ClickFunnels contact list, it is sent to Nudgify, including relevant data, such as the name of the person who submitted the form.
Step 5: Send sample data to your Smart Webhook
Now it’s time to add a test contact (or wait for a new for contact to be added), so that we can see an example of the information that ClickFunnels sends Nudgify via the webhook. This is an important step in the set-up of your Smart Webhook, because it lets you “map” which bits of information you want to display in the Sign-up Nudge.
- Add a test contact in ClickFunnels
- Click the Check for data button in Nudgify.
Nudgify should now be able to find the test contact. If this was successful, then you will see a success message that says “Data Received!”, and below, you will see all the data from the contact (such as their name).
If no data was found, this means that you have not added a new contact yet, or that you have not saved the Webhook URL correctly in the right place. You can double check and adjust your set-up, and then click Check for data again.
Step 6: Map your sample data
Once your test data has been found, it’s time to tell Nudgify which pieces of data to use in your Nudge. Which bit of sample data is the name? Which bit is the name of the city they are from? And so on. You use the drop downs to select the right bit of sample data for each field.
Mapping the data is something you do one time. Once you have “mapped” the sample data for your Smart Webhook, any new contact that your Webhook sends to Nudgify will show the correct bits of data in the correct places of the Nudge.
Step 7: Save your Smart Webhook
In this last step, you see an overview of your Smart Webhook: the name of your Smart Webhook, its data type, the Webhook URL, and your data mapping.
To save your webhook, click “Save”. You can always return to this overview and make changes to the set-up of this Smart Webhook by clicking the pencil icon on the Smart Webhooks page.
Show your new ClickFunnels contacts in Sign-up Nudges
Congratulations, you have created a Smart Webhook to connect your new ClickFunnels contacts to Nudgify! On your Data Feeds page, you can see the submissions that have been send to Nudgify via your Smart Webhook in the “sign-ups” tab.
You can now display these sign-ups in Sign-up Nudges by selecting your ClickFunnels webhook as the data source when you set up the Nudge. For example, if you named your Smart Webhook “ClickFunnels sign-ups”, this Smart Webhook now appears in the dropdown among the Data Sources you can select for this Nudge.
When you select it as the data source, the Nudge will display the ClickFunnels contacts that come through to Nudgify via your ClickFunnels webhook.
That’s it! All your new ClickFunnels contacts will now be turned into powerful Social Proof automatically and display in Sign-up Nudges on your site.
What if not all the bits of data are there?
Depending on your ClickFunnels set-up, not all the bits of information (e.g. name and location of subscriber) are sent to Nudgify via the Smart Webhook. This does not have to be a problem.
As a general rule, Nudgify is not able to show any data that is not there. So if ClickFunnels does not send the location of the subscriber along via the webhook, then we are unfortunately not able to display the location in the Nudge. Below, you find an overview of the impact if different bits of data are missing:
Data field | Description | Impact if missing |
---|---|---|
Date | The date we use to show in the Nudge how long ago the sign-up took place | We use the moment the sign-up came through to Nudgify via the webhook as the "fallback" date |
The email address of the user to identify that there has been a new sign-up | Required! We use the email address as identifier. Without the email, we can't show the sign-ups in Nudges | |
First Name | The first name of the user, to show in the Nudge | We do not display the user's name in the Nudge, unless you use the "Full Name" field |
Last Name | The last name of the user, to show in the Nudge (we only show the initial of the last name) | We do not display the user's name in the Nudge, unless you use the Full Name field |
Full Name | The name of the user, to show in the Nudge | We do not display the user's name in the Nudge, unless you use the First + Last Name fields |
City | The city of the user, which we show in the Nudge | We do not display the City in the Nudge, unless you use the IP Address field |
State | The state of the user, which we show in the Nudge (for US) | We do not display the State in the Nudge, unless you use the IP Address field |
Country | The country of the user, which we show in the Nudge (note for the US we use State instead) | We do not display the Country in the Nudge, unless you use the IP Address field |
IP Address | The ip address of the user, to show the location in case City/State/Country are not available | We do not display the user's location in the Nudge, unless you use the City/State/Country fields |