With the Other Copy/Paste feature, there are many possibilities when it comes to attaching third party form code to your Leadpage that we don't directly integrate with or support.
PLEASE NOTE: The Other Copy/Paste integration is currently available for use with our Standard Builder and Leadboxes. The Early Release version of our Drag & Drop Builder does not support the Other Copy/Paste option—instead, you can paste your form code into an HTML Widget.
In this article we'll cover...
- What is form code?
- What sort of form code is compatible?
- What varieties of form code will not work in a Leadpage?
- How to integrate a form using the Other Copy/Paste method.
What is form code?
Form code is a means by which a user can integrate an unsupported Email Service Provider (ESP) or Customer Relationship Management (CRM) system with a Leadpage or Leadbox. The core function of these integrations when attached to a Leadpage is to record a visitor's information (e.g. email, name, etc.) to a mailing list.
What kind of form code is compatible?
Usable form code will contain a <form> tag, though may not always begin with a <form> tag.
Here's an example of form code that begins with a form tag:
<form method="post" class="af-form-wrapper" accept-charset="iso-8859-1" action="http://www.samplecode.com/scripts/addlead.pl" > <input type="hidden" name="meta_web_form_id" value="582518202" />
Please keep in mind, not all working form code will begin with an HTML
<form> tag. Most services will begin their form code with the following tags:
<style type="text/css"> or <div>.
The first one, <style type="text/css">, is indicative of inline CSS. Inline CSS can often times take up more lines than your form code itself. It typically contains a variety of styles that many services utilize to enhance the appearance of their forms. These styles are not applied in Leadpages. They are filtered out and replaced with the form styles you create in the template or Leadbox builder.
A <div> tag is used to control the layout of a form — everything from the location of a form field, to how each form element is aligned. As you may have guessed, this too is filtered out. The good news is, the <style type="text/css"> and <div> tags typically do not affect a form's ability to function in Leadpages. Our builder is very good at identifying only the HTML <form> code, so it's not often that these tags render the form unusable.
However, we do recommend that in cases where un-styled (no inline CSS) form code is available that you use that instead of the code containing styles — just in case!
Please keep in mind that even if your form code does correspond with the standards above, we cannot guarantee that it will work. A database or website may need to be properly set up to receive data via form code, which requires advanced knowledge of web development. Our Support Desk does not provide support for form code from email service providers we do not directly integrate with.
What varieties of form code will not work in a Leadpage?
If you find this type of script in your form code, and discover your form code is not working, this may be the culprit. The same is true with <iframe> code. In these circumstances, the best course of action would be to inquire with support desk or documentation of the ESP you received the code from to see if the offer basic HTML form code.
How to integrate a form with the Other Copy/Paste method
Step 1: Activate the Other Copy/Paste integration in your account.
Click your name in the top-right corner of your Leadpages dashboard, then Integrations.
Then, choose the Other Copy/Paste icon in the Integrations settings, and click Connect.
Step 2: Go into the Edit mode of a Leadbox or Standard Leadpage to add your form code.
If you're working with a Leadpage, click on your call-to-action button to open your form settings. Then, choose Other from the integration sidebar, and paste your form code into the space provided. Click Customize this form to save your form code and configure your form's other settings.
Step 3: Once you’re all set, click Okay to save your form’s settings, and then save your page.
Please test your form out to ensure your email address and other information is being sent to your service. If you run into issues or questions with your form code, please consult the documentation or reach out to the support desk for whatever service you're using for further assistance.
Please let us know if you have additional questions.
You can always file a support ticket if you have additional questions by clicking the Support button in your dashboard shown here or clicking here to file a support ticket.