How do I add a custom form from my autoresponder to LeadPages?
Cross-device tracking is an excellent way to keep track of potential customers that sign up to your list on one device, but then make the purchase another time on another browser or device.
If you rely on email follow-ups to drive your sales cycle, cross-device tracking is critical to getting the most accurate stats possible to scale your traffic and optimize your business.
This article will show you how to add a custom form to LeadPages so you can use cross-device tracking.
If you have not created your cmc_vid field or the custom form in the autoresponder you are using, please review the article below related to cross-device tracking. and make sure your custom field and custom form are created before trying to add anything to LeadPages.
How to Add Your Custom Form From Your Autoresponder to LeadPages:
How To Add An AWeber Custom Form
1. In LeadPages, edit the landing page where you want to integrate the custom form.
2. Click or hover over the form you are going to edit on the page, and then click on “Edit Integrations”
3. Click “Add an Integration” on the left, and choose Aweber as the integration.
4. Choose the custom form you previously created for the Cross-Device Tracking process.
5. Click “Next – Fields” at the bottom.
6. Add a field to the form, and select the cmc_vidfield you created previously in Aweber.
7. Once the field is selected, you’ll see some options pop up. Give the field the default value [cmc_vid] and then make sure you check the box to hide the field. Make sure you hit “Done” at the top, otherwise it will not save your settings.
8. Click “Next – Actions” to show where you’ll put your thank you page.
9. Choose “External URL” as the option, and add your thank you page URL into the box.
10. Click “Save & Close”.
And that’s it! You’ve now integrated your custom Aweber form into your LeadPages landing page!
How To Add A GetResponse Custom Form
1. In LeadPages, edit the landing page where you want to integrate the custom form.
2. Click or hover over the form you are going to edit on the page, and then click on “Edit Integrations”
3. Click “Add an Integration” on the left, and choose GetResponse as the integration.
4. Choose the destination for the leads, which in this case is the list you want the leads to go into within GetResponse.
5. Click “Next – Fields” at the bottom.
6. Add a field to the form, and select the cmc_vidfield you created previously in GetResponse.
7. Once the field is selected, you’ll see some options pop up. Give the field the default value [cmc_vid] and then make sure you check the box to hide the field. Make sure you hit “Done” at the top, otherwise it will not save your settings.
8. Click “Next – Actions” to show where you’ll put your thank you page.
9. Choose “External URL” as the option, and add your thank you page URL into the box.
10. Click “Save & Close”.
And that’s it! You’ve now integrated your custom GetResponse form into your LeadPages landing page!
How To Add A Mailchimp Custom Form
1. In LeadPages, edit the landing page where you want to integrate the custom form.
2. Click or hover over the form you are going to edit on the page, and then click on “Edit Integrations”
3. Click “Add an Integration” on the left, and choose Mailchimp as the integration.
4. Choose the destination for the leads, which in this case is the audience that is connected to the custom form in Mailchimp.
5. Click “Next – Fields” at the bottom.
6. Add a field to the form, and select the cmc_vidfield you created previously in Mailchimp.
7. Once the field is selected, you’ll see some options pop up. Give the field the default value [cmc_vid] and then make sure you check the box to hide the field. Make sure you hit “Done” at the top, otherwise it will not save your settings.
8. Click “Next – Actions” to show where you’ll put your thank you page.
9. Choose “External URL” as the option, and add your thank you page URL into the box.
10. Click “Save & Close”.
And that’s it! You’ve now integrated your custom Mailchimp form into your LeadPages landing page!
How To Add An ActiveCampaign Custom Form
1. In LeadPages, edit the landing page where you want to integrate the custom form.
2. Click or hover over the form you are going to edit on the page, and then click on “Edit Integrations”
3. Click “Add an Integration” on the left, and choose ActiveCampaign as the integration.
4. Choose the destination for the leads, which in this case is the audience that is connected to the custom form in ActiveCampaign.
5. Click “Next – Fields” at the bottom.
6. Add a field to the form, and select the cmc_vidfield you created previously in ActiveCampaign.
7. Once the field is selected, you’ll see some options pop up. Give the field the default value [cmc_vid] and then make sure you check the box to hide the field. Make sure you hit “Done” at the top, otherwise it will not save your settings.
8. Click “Next – Actions” to show where you’ll put your thank you page.
9. Choose “External URL” as the option, and add your thank you page URL into the box.
10. Click “Save & Close”.
And that’s it! You’ve now integrated your custom ActiveCampaign form into your LeadPages landing page!
How To Add A ConvertKit Custom Form
Because LeadPages does not currently support using the custom field in their forms, more technical steps are needed to connect your ConvertKit form with LeadPages.
Note: This is going to be a bit more of a technical process than the other forms, and so if you are not very technical it might be a good idea to find someone who can help you, or ask our Helpdesk for help.
1. You’re first going to create a new form in ConvertKit. This is so we can make the form look how we want to integrate with LeadPages properly.
What we did is add a First Name custom field, the Email field, and the cmc_vid field all in the form so it stacks the fields instead of being inline like in previous steps.
2. For the First Name field, click on it and make sure the settings look like this:
3. For the cmc_vid field, click on it as well, and make sure the settings look like this:
4. At the top right of the page, click “Save” and then “Publish”.
5. Choose “HTML” as the embed option and then copy the code to your clipboard
This is where it starts to get a little technical.
6. Add the code to a text editor (e.g. Notepad) because we’ll need to make a couple of edits to the code to make it work properly.
7. Now that you have the code copied into a text editor, find the “First Name” field (you can either try to look for it, or use the “Find” feature – Ctrl+F for Windows, Cmd+F for Mac).
8. Now that you have found the “First Name” field in the code, you’ll need to change the type from “Text” to “Hidden”, like below:
9. Next, you’ll need to find the cmc_vid field in the code. We’re going to make two edits to this one.
10. The first edit is to change the type from “Text” to “Hidden”. The second edit is to add the code value=”[cmc_vid]” in between the placeholder= and type= parameters.
Now we are done with the code edits and need to add the HTML code to the page.
11. Go back to LeadPages and the landing page where you want to place this form.
12. Open up the Widgets on the left and find the “HTML” widget. (You may need to expand the list of widgets to find it)
13. Drag the widget to the part of the page you wish to have the form show up at.
14. Once it’s added, you’ll notice it looks like an empty code block. Hover over the newly placed widget and click on the pencil icon () to add the code.
15. Add the code you modified to the code box inside of the settings, then save your changes.
Once you have saved it, your widget should look like this instead:
If you have done all of this correctly, when you preview the page it should look like this:
And that’s it! You’ve been able to create a new custom form in ConvertKit, edit the code for that form, and successfully add it to LeadPages so you can capture leads with the cmc_vid parameter active!
How To Add An Ontraport Custom Form
1. In LeadPages, edit the landing page where you want to integrate the custom form.
2. Click or hover over the form you are going to edit on the page, and then click on “Edit Integrations”
3. Click “Add an Integration” on the left, and choose Ontraport as the integration.
4. Choose the destination for the leads, which in this case is the audience that is connected to the custom form in Ontraport.
5. Click “Next – Fields” at the bottom.
6. Add a field to the form, and select the cmc_vidfield you created previously.
7. Once the field is selected, you’ll see some options pop up. Give the field the default value [cmc_vid] and then make sure you check the box to hide the field. Make sure you hit “Done” at the top, otherwise it will not save your settings.
8. Click “Next – Actions” to show where you’ll put your thank you page.
9. Choose “External URL” as the option, and add your thank you page URL into the box.
10. Click “Save & Close”.
And that’s it! You’ve now integrated your custom Ontraport form into your LeadPages landing page!
Article 832 Last updated: 03/13/2023 12:21:04 PM https://www.clickmagick.com/kb/?article=832
