Create an email signup / subscription form

Design and embed signup forms to grow your list anywhere.

Create an email signup / subscription form Tutorials

25 demos

Apr 2026 · 2.1K views

Emiel Dingemans from Magicianly | Email Marketing

5:403:13Klaviyo

Setting up a Klaviyo signup form and targeting rulesThe creator demonstrates how to create a new signup form in Klaviyo, selecting the list, and configuring targeting behaviors like exit intent, time delays, and page exclusions.Create an email signup / subscription form

8:535:12Klaviyo

Designing a high-converting popup in KlaviyoA step-by-step walkthrough of the Klaviyo form builder, showing how to add logos, edit headlines, style input fields, and remove the close 'X' to reduce friction.Create an email signup / subscription form

19:422:45Klaviyo

Optimizing Klaviyo forms for mobile devicesDemonstration of cloning a desktop form to create a mobile-specific version, adjusting button heights, font sizes, and teaser styles for smaller screens.Create an email signup / subscription form

Mar 2026 · 730 views

Speak About Digital

7:303:50Brevo

Design and customize a subscription formA detailed walkthrough of the form builder, showing how to choose form types (embedded or popup), drag-and-drop design elements, add GDPR consent fields, and configure success messages.Create an email signup / subscription form

Dec 2025 · 1.7K views

Allan Borch - Dotcom Dollar

13:101:29Beehiiv

Embed a Beehiiv subscription form on WordPressThe creator styles a subscription form and demonstrates how to copy the embed code into a WordPress site.Create an email signup / subscription form

Mar 2026 · 173 views

Simple Answers

1:072:28Beehiiv

Create a subscription form in BeehiivShows how to navigate to the form builder, select a website subscribe form, and customize the appearance and preview before publishing.Create an email signup / subscription form

Oct 2025 · 789 views

Allan Borch - Dotcom Dollar

12:483:41Kit

Design 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.Create an email signup / subscription form

Oct 2025 · 2K views

Business Solution

9:432:23Klaviyo

Building and Targeting Signup FormsShows the creation of popups, flyouts, and embedded forms, including multi-step collection, mobile optimization, and behavioral triggers like exit intent.Create an email signup / subscription form

Dec 2025 · 1.6K views

Allan Borch - Dotcom Dollar

14:363:11Brevo

Creating and embedding signup formsShows how to build a subscription form, customize the fields and images, and generate the iframe code for website embedding.Create an email signup / subscription form

Nov 2025 · 238 views

BizatWeb

32:375:18Mailchimp

Create and embed a signup form with custom CSSBuilding a signup form in Mailchimp, applying custom CSS for styling, and embedding it into a WordPress sidebar using shortcodes.Create an email signup / subscription form

Jun 2025 · 2.7K views

EmailTooltester

2:561:26Brevo

Build a signup form in BrevoDemonstrates using the drag-and-drop builder to create a GDPR-compliant newsletter signup form, adding custom fields, and embedding it via iframe.Create an email signup / subscription form

Mar 2025 · 7 views

Business Growth Strategic Advisors

13:032:56Kit

Build 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.Create an email signup / subscription form

Apr 2025 · 32 views

How To Tutorials

4:261:51Kit

Create 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.Create an email signup / subscription form

May 2025 · 1.6K views Brevo

Brevo

1:490:29Brevo

Designing a signup form in BrevoShows the Brevo interface for creating a signup form, including adding blocks, CTA buttons, and editing text under the contacts section.Create an email signup / subscription form

Mar 2025 · 8.8K views

Stewart Gauld

6:093:32Brevo

Building a subscription form in BrevoWalks through the drag-and-drop form builder to collect subscriber attributes and handle GDPR compliance.Create an email signup / subscription form

Jan 2025 · 62.2K views Kit

Kit

8:482:24Kit

Create and embed inline or popup formsDemonstrates creating an inline form, adjusting styles and background images, and accessing the JavaScript embed code for website integration.Create an email signup / subscription form

Oct 2024 · 1.9K views

ActiveCampaign

4:001:09ActiveCampaign

Create a new form and set actionsShows how to navigate to the forms dashboard, create a new form, and configure automatic actions like subscribing to a list or adding a tag upon submission.Create an email signup / subscription form

5:091:17ActiveCampaign

Customize form fields and layoutDemonstrates using the drag-and-drop editor to add headers, first/last name fields, phone numbers, images, and CAPTCHA to a form.Create an email signup / subscription form

6:270:30ActiveCampaign

Style and brand the formWalks through the style tab to adjust background colors, borders, padding, fonts, and button styles to match brand identity.Create an email signup / subscription form

Mar 2025 · 28K views Kit

Kit

7:272:43Kit

Creating and embedding signup formsDemonstrates creating inline forms and the various embed options including JavaScript and WordPress integration.Create an email signup / subscription form

Aug 2024 · 57.3K views

Emiel Dingemans from Magicianly | Email Marketing

26:428:36Klaviyo

Designing a High-Converting Signup FormUsing the form editor to customize headlines, input fields, CTA buttons, and success pages while removing friction elements like the 'X' close button.Create an email signup / subscription form

37:101:58Klaviyo

Setting up a Signup Form TeaserDemonstrating how to create a persistent 'teaser' tab that allows users to reopen the signup form after closing it.Create an email signup / subscription form

39:083:37Klaviyo

Optimizing Signup Forms for MobileCloning a desktop form and adjusting button sizes, font sizes, and input field heights specifically for mobile users.Create an email signup / subscription form

Oct 2024 · 10K views

Krause Tutorials

4:594:04Kit

Creating an inline subscription formShows the process of selecting a form template, customizing the design, changing fonts and colors, and accessing the JavaScript embed code.Create an email signup / subscription form

Jun 2024 · 7.7K views

Ivan Mana

8:305:09Kit

Building 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.Create an email signup / subscription form

What is an Email Signup Form?

An email signup form is a web component designed to collect contact information from your visitors. Whether you are launching a weekly newsletter or offering a free guide, these forms act as the gateway to your email list. You might use an inline form at the end of a blog post, a popup for exit intent, or a dedicated landing page to capture leads.

The Standard Signup Form Workflow

Regardless of the software you choose, the process for creating a subscription form follows a consistent path:

Select a Form Type: Choose between an embedded (inline) form, a popup, or a standalone landing page.
Design and Brand: Use a drag-and-drop editor to match the form’s fonts and colors to your website.
Configure Fields: Add input fields for the data you need. Email is always required as the unique identifier, but adding a 'First Name' field allows for future personalization.
Set Up the Incentive: Create a 'Success' message or redirect users to a thank-you page. It is highly recommended to enable a double opt-in email to verify subscriber quality.
Embed and Test: Copy the provided code snippet (JavaScript is often preferred for automatic syncing) and paste it into your site's HTML or CMS.

Top Tools for Building Signup Forms

DemoBook data tracks which tools are actually used in real-world tutorials. For creating signup forms, these tools lead the pack:

Kit (7 demos): Highly popular for its simple embedding options and WordPress plugin integration.
Klaviyo (7 demos): A top choice for e-commerce, offering advanced multi-step forms and targeting.
Brevo (5 demos): Known for its robust drag-and-drop editor and built-in compliance features.
ActiveCampaign (3 demos): Frequently demonstrated for complex automation triggers tied to form submissions.

Expert Tips and Common Pitfalls

Real-world tutorials highlight several key strategies for success. First, avoid generic titles like "Sign up for my newsletter." Instead, use benefit-driven text such as "Get My Free Guide." To improve user experience, ensure your 'First Name' field appears before the 'Email' field and use descriptive labels like "Enter your first name here."

Common mistakes include forgetting to add a GDPR consent element or failing to create custom attributes (like 'Phone Number') in your contact settings before trying to add them to the form builder. If you are embedding a form manually, remember that the visual layout—whether fields are stacked or side-by-side—often depends on the width of the container on your website.

Frequently asked questions

Where is the best place to put a newsletter signup form?

Commonly demonstrated placements include the top of a sidebar, the footer, or embedded directly within blog content. High-conversion spots often include exit-intent popups or a dedicated section at the end of a post.

How do I create a signup form in Mailchimp?

In Mailchimp, you use the Form Builder to select your audience and customize fields. Once designed, you can generate a 'Signup form' content block or a 'Subscribe link' to share on social media or embed on your site.

Can I create an email signup form for free?

Yes, many tools like Brevo and MailerLite offer free tiers that include drag-and-drop form builders. You can also use Google Forms for a basic, 100% free option, though it lacks the automated marketing features of dedicated ESPs.

What is the best way to embed a form on WordPress?

The easiest method is using a dedicated plugin, such as the Kit WordPress plugin. Alternatively, you can paste a JavaScript embed code into a Custom HTML block, which ensures any future design changes sync automatically.

How many fields should my signup form have?

Keep fields to a minimum to reduce friction. Most tutorials recommend asking only for an Email Address and First Name to maximize conversion rates while still allowing for personalization.

Why isn't my custom field appearing in the form builder?

In tools like Kit or Brevo, you must typically create custom attributes or fields in your 'Contact Settings' or 'Subscribers' section first. Once defined in the database, they will appear as options in the form editor.

Should I use double opt-in for my subscription form?

Yes, experts recommend keeping the incentive or double opt-in email enabled. This ensures you collect high-quality traffic and verify that subscribers genuinely want to receive your content, which protects your sender reputation.

Create an email signup / subscription form