Kit: Creating and embedding signup forms
Kit
Demo summary
Demonstrates creating inline forms and the various embed options including JavaScript and WordPress integration.
Step-by-step
- Select the Inline form type from the creation menu
- Choose a template to start with
- Adjust the form design and content using the sidebar editor
- Click the Publish button to access sharing options
- Copy the JavaScript embed code or use the WordPress plugin option
Options
- Create a landing page instead of an inline form
- Embed via JavaScript for automatic updates
- Use the dedicated WordPress plugin for integration
Watch out for
- You must have an existing website or page to embed an inline form
Tips
- Use the JavaScript embed option because it automatically syncs changes to your site without needing to replace code
- Choose the inline form if you want the signup box to sit inside your existing content
Highlights
“very lightning fast to create”
All demos from “How to create a landing page in Kit for free (Step-by-step guide)”
- 0:443:29Designing a landing page in KitThe video demonstrates selecting a landing page template and using the drag-and-drop editor to customize text, images, and form fields.Kit· Build a lead-capture landing page
- 4:112:23Setting up incentive email and lead magnet deliveryShows how to configure the 'Incentive' settings to automatically send a download link or file to new subscribers.Kit· Deliver a lead magnet / freebie
- 7:272:43Creating and embedding signup formsCurrentDemonstrates creating inline forms and the various embed options including JavaScript and WordPress integration.Kit· Create an email signup / subscription form
- 10:071:23Reviewing landing page analyticsA walkthrough of the Kit dashboard showing visitor counts, subscriber conversion rates, and specific landing page performance data.Kit· Track opens / clicks / revenue (reporting)
- Watch “How to create a landing page in Kit for free (Step-by-step guide)” →
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 formsDemonstrates 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 formsCurrentDemonstrates 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