Design stunning opt-ins that will engage your audience immediately.
In this guide, we'll cover how to use the ConvertKit form builder to create beautiful, engaging opt-ins that will help you convert followers into fans.
Getting started
First, start by creating a Form or Landing Page:
If you choose to create a new Form, choose the display format of this Form. (If you’re creating a Landing Page, you can skip this part.)
Inline forms will appear in one position on a page where they’re embedded, modal forms will appear over a page (like a pop-up), and slide in forms will slide in to your page!
Next, choose a template. This allows you to further customize how your form displays to your subscribers. You can choose between the Minimal, Clean, and Full styles.
Form customization
Start editing your form and the settings bar will swing open. As you click through the heading, description, fields, button, etc, the settings in the sidebar will reflect your selection and the settings available.
Depending on your selection, you can adjust the font color, font size, font weight, background color, button color, border color, and border radius. (The border radius adjusts the curvature of the button, and the form’s corners).
Want to add even more magic with custom CSS? Check it out here!
Settings
First, click 'settings' from the top right of the page:
That will open the settings modal. Under 'General', you can choose what happens after a user subscribes to your form:
You can choose to show a success message, or redirect the subscriber to another page.
Incentive Email
You may know this as a Confirmation Email, as well. This is the email that sends when someone subscribes to your form.
You can choose to turn this email off, for a single opt-in process, or you can turn it on, for a double opt-in process. All new forms start with the incentive email turned On.
Finally, you can choose to turn this on, but auto-confirm users as they subscribe.
(To read more about Single vs Double Opt in, click here.)
The incentive email settings are also located in the settings modal, under 'Incentive':
This is also the place to upload a lead magnet file, or redirect to a page upon confirmation. You can completely customize this email to make it about your download, incentivizing your subscribers to confirm!
Styles
You can change the background color of a form or add a background image with just a few clicks from the styles sidebar, to the right of the form builder:
Clicking on the form fields or subscribe button opens even more possibilities. You can customize the font color and weight, the border color of the field boxes, and the color and text on the subscribe button! Just click on what you want to edit, and the sidebar will update with the appropriate options.
Advanced Settings
Custom fields
You can now add custom fields directly to your forms! Clicking the plus icon above the subscribe button creates a new field.
One click.
Creating or clicking on a custom field will reveal its settings in the right sidebar:
You can select an existing custom field or choose to create a new one. The field will automatically populate with the title, but you can change the display text in the third field, custom field label.
When a subscriber enters information into a custom field, it will be added to their subscriber profile!
Tagging
You can now tag subscribers directly from your forms using a dropdown or checkboxes! Click here for our tutorial on this.
Form Toolbar
Across the top of the page, you'll see a white toolbar with form settings and options!
Preview
The Preview function allows you to see a live version of the form. In fact, it’s more of a ‘view’ and less of a ‘preview’. The Preview function works just like a live form, and will allow you to test a sign-up with a test email.
Embed
The Embed tab gives you the code you need to add your form to your website. You can choose from one line of JavaScript, the full HTML, or the Wordpress short code.
If you choose the HTML option, please note that you will need to re-copy + paste to your site when you make changes to your form.
If your site is run on Wordpress, you can use our Wordpress Plugin to add a form to your site. Once the Plugin is installed, you will also have the option to use a ConvertKit short code to place your form on a page.
Reports
The Reports page lets you see how well a form is performing by comparing visitors, (those who have seen the form), and subscribers, (those who actually enter their details). The conversion rate is the percentage of visitors who subscribe to the form.
NOTE: If you use a third party integration, the overall percentage will be skewed or 100% since no one is ‘visiting’ the ConvertKit form. (They’re actually visiting the integration.)
Settings
To archive or delete a form, click the gear icon in the white bar across the top of the form editor
You can connect a form to a sequence by creating a simple automation rule
Landing Pages
A landing page serves the same function as a form, letting subscribers opt-in to receive your content. However, instead of just being part of a page, a landing page stands alone.
You can embed a landing page on your own domain with Wordpress, or we can host it for you.