Embedding a ConvertKit form on a website

Kit Try it →Watch full video →

Ivan Mana·Jun 2024

Demo summary

Demonstrates copying the HTML/JavaScript embed code and pasting it into a third-party landing page builder (Unbounce).

Step-by-step

Click Publish in the form builder
Select the HTML or JavaScript embed option
Copy the provided code snippet
Open your landing page builder (e.g., Unbounce)
Drag a custom HTML element onto the page section
Paste the code into the element and click Save Code
Resize the element as needed
Save and preview the page to test the form

Options

Use the dedicated WordPress plugin
Use the native Unbounce integration
Choose between JavaScript or HTML code snippets depending on what your builder supports

Watch out for

The builder must have an element that allows custom code

Tips

Unbounce is a recommended choice for building out landing pages specifically
Test the form in preview mode with a real email address to ensure the success message displays correctly

Highlights

“it's as simple as that it's a simple is grabbing the code that they gave you and adding it into an element that allows code”

All demos from “ConvertKit Tutorial (2024): The COMPLETE Step-By-Step Guide for Beginners”

3:022:33Configure email deliverability settingsDemonstrates how to verify a professional email address, set up a physical business address, and enable unsubscribe surveys to improve deliverability.Kit· Authenticate sending domain (SPF/DKIM/DMARC)
6:531:27Importing subscribers via CSV or APIShows the interface for adding single subscribers, importing from other providers like Mailchimp, or uploading a CSV file.Kit· Import / migrate contacts
8:305:09Building an inline subscription formWalks through selecting a form template, customizing fields, changing button styles, and setting up the incentive (double opt-in) email with a lead magnet download.Kit· Create an email signup / subscription form
13:481:31Embedding a ConvertKit form on a websiteCurrentDemonstrates copying the HTML/JavaScript embed code and pasting it into a third-party landing page builder (Unbounce).Kit· Integrate with Shopify / store / CRM / other apps
16:513:36Creating a lead capture landing pageShows how to select a landing page template, replace images, edit text, and configure a thank-you page redirect.Kit· Build a lead-capture landing page
21:233:56Creating and sending an email broadcastDemonstrates the email editor, adding personalization tags, inserting images, and setting up link triggers to tag subscribers who click.Kit· Send a broadcast campaign
26:264:50Setting up an email sequenceShows how to create a multi-day email sequence, use content snippets for signatures, and schedule the timing between emails.Kit· Build a welcome / drip automation
31:162:34Creating a visual automation workflowDemonstrates building a visual automation that triggers an email sequence when a subscriber signs up via a specific landing page.Kit· Trigger emails from behavior / events
34:105:26Connecting a custom domainWalks through adding a subdomain in ConvertKit and configuring the corresponding DNS A-records in a domain registrar (Hostinger).Kit· Deliverability & setup
41:062:57Creating a paid product listingDemonstrates setting up a paid consultation product, integrating with Stripe, and customizing the checkout page.Kit· Set up paid subscriptions (newsletter monetization)
Watch “ConvertKit Tutorial (2024): The COMPLETE Step-By-Step Guide for Beginners” →

Integrate with Shopify / store / CRM / other apps

16:121:42Integrate ConvertKit with WordPressShows how to install the ConvertKit plugin on WordPress and connect it using API keys to display landing pages.Business Growth Strategic Advisors
13:481:31Embedding a ConvertKit form on a websiteCurrentDemonstrates copying the HTML/JavaScript embed code and pasting it into a third-party landing page builder (Unbounce).Ivan Mana