Kit: Create and embed inline or popup forms

Kit·Jan 2025

Demo summary

Demonstrates creating an inline form, adjusting styles and background images, and accessing the JavaScript embed code for website integration.

Step-by-step

Click the Create new button and select Form.
Choose a form type: Inline, Modal, Slide in, or Sticky bar.
Select a template from the available options.
Click on text elements to edit content and adjust font size or weight.
Go to General Styles to replace the background image.
Configure form settings such as redirect URLs and incentive emails.
Click Publish to access the embed options.
Copy the JavaScript code and paste it into your website.

Options

Choose between Inline, Modal, Slide in, or Sticky bar display types.
Use Unsplash to source background images directly in the editor.
Embed via JavaScript, HTML, Share link, WordPress, or Unbounce.
Use HTML embed code for custom CSS/layout changes if you are a web developer.

Watch out for

The WordPress embed option requires the Kit WordPress plugin to be installed.

Tips

I wouldn't recommend 'sign up to the newsletter' being your title; use something more compelling.
Decrease the font size if text wraps awkwardly to different lines.
JavaScript is the most ideal embed method because it automatically syncs any future changes made in Kit to your live site.

Highlights

“here it looks very familiar. This is exactly like the landing page editor.”

All demos from “Kit tutorial—full course for beginners [2025]”

2:022:57Create and customize a landing page in KitThe demo shows selecting a template, using the drag-and-drop editor to change text, adding custom form fields (like first name), setting up tag-based dropdowns, and replacing images using Unsplash integration.Kit· Build a lead-capture landing page
4:592:36Set up a thank you page and lead magnet deliveryShows how to create a custom thank you page and configure the incentive email to automatically deliver a file download (lead magnet) upon subscription confirmation.Kit· Deliver a lead magnet / freebie
8:482:24Create and embed inline or popup formsCurrentDemonstrates creating an inline form, adjusting styles and background images, and accessing the JavaScript embed code for website integration.Kit· Create an email signup / subscription form
16:092:59Managing subscriber profiles and segmentsWalks through a subscriber's profile to see history and tags, then demonstrates building a 'smart' segment using filters for tags, forms, and location.Kit· Segment the list
20:222:59Designing a broadcast email with personalizationShows the email editor in action, including adding images, setting up 'link triggers' to tag subscribers on click, and using liquid tags for personalized greetings and conditional content.Kit· Design a newsletter / email (drag-and-drop editor)
25:443:46Setting up a Creator Profile websiteDemonstrates customizing the Creator Profile (mini-website), including reordering navigation, adding external links, and configuring the public newsletter feed.Kit· Build a lead-capture landing page
30:073:50Using the Creator Network for RecommendationsShows how to discover other creators to recommend and how to track the performance of subscribers gained through the recommendation network.Kit· Set up a referral program
35:324:44Creating an automated email sequenceDemonstrates building a multi-day welcome sequence, adjusting send timing, and configuring sequence settings like exclusion tags and restart behaviors.Kit· Build a welcome / drip automation
40:582:36Building visual automations and re-engagement flowsShows the visual automation builder to connect forms to sequences and demonstrates a complex re-engagement flow for cold subscribers using conditional logic.Kit· Trigger emails from behavior / events
48:236:21Selling digital products and setting up upsellsDemonstrates embedding a product directly into an email, creating a new digital product with 'pay what you want' pricing, and configuring post-purchase upsells.Kit· Set up paid subscriptions (newsletter monetization)
Watch “Kit tutorial—full course for beginners [2025]” →

Create an email signup / subscription form

12:483:41Design and embed an inline signup formShows how to create an inline form, add custom fields, and embed the JavaScript code onto a third-party website.Allan Borch - Dotcom Dollar
13:032:56Build and embed a signup formDemonstrates creating an inline form, editing it in the visual editor, configuring double opt-in settings, and getting the embed code.Business Growth Strategic Advisors
4:261:51Create a signup form in ConvertKitThe video demonstrates navigating to the 'Grow' tab, selecting 'Landing Pages & Forms', choosing a template, and customizing the design and post-signup behavior.How To Tutorials
8:482:24Create and embed inline or popup formsCurrentDemonstrates creating an inline form, adjusting styles and background images, and accessing the JavaScript embed code for website integration.Kit
7:272:43Creating and embedding signup formsDemonstrates creating inline forms and the various embed options including JavaScript and WordPress integration.Kit
4:594:04Creating an inline subscription formShows the process of selecting a form template, customizing the design, changing fonts and colors, and accessing the JavaScript embed code.Krause Tutorials
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.Ivan Mana