Master Opt-in Forms With These 8 Examples

Sania Khan
Sania Khan

Last updated on

October 23, 2021

It helps you get more leads.

It helps you get more subscribers.

It helps you build your audience.

And it eventually increases your revenue.

Those are all the things a simple opt-in form can help you with. But they still get a bad rap for being intrusive and reducing your user’s experience.

Opt-in forms work and have been working for a very long time. That’s why we have created this blog post that has 8 of the best opt-in form examples.

If you’re excited to learn more about opt-in forms, start scrolling down now.

What is an opt-in form?

An opt-in form is an entity that allows your website visitor to submit their details in exchange for an offer, a discount, a free product, an e-book, or something valuable. It includes names, email IDs, personal numbers, designation, company size, company name, etc.

Types of opt-in forms

There are many different varieties of opt-in forms available out there. But for this post, we’ll stick to the 8 important types of opt-in forms used across the web.

1. Exit intent opt-in forms

An exit-intent opt-in form pops up when you are about to exit the webpage. It is based on a pre-determined algorithm that tracks the movement of your visitor’s mouse for activation. Here’s an example of an exit-intent opt-in form from AppSumo.

appsumo popup

This popped up when we were about to hit the close button on AppSumo’s website. It is giving away a 10% discount when you buy any SaaS product in their marketplace. All you need to do is enter your email address and claim the discount link.

This pop-up is programmed to appear when the user is moving the cursor to the top of the window. This signals that he’s about to close the tab or shift to another one.

This pop-up allows them to capture visitors and add them to their email list. They can also nurture these visitors on their email list and convert them into long-time customers.

2. Embedded form

Embedded forms belong to the static family of opt-in forms. They can be used to increase your email subscribers or directly convert website visitors into leads for your products/ services. Here’s a good example of an embedded form from Neil Patel’s website.

neil patel embedded form

This form is attached to his SEO tool - Ubersuggest. Everything from the header text to the subheader copy is great in this opt-in. It also has just one simple field, thereby removing objections and helping you get started quickly.

Here’s the user journey for this pop-up:

  • Step 1 - The website visitors land on Neil Patel’s blog post. They go through the blog post when they read the sentence “Do you want more traffic?”.
  • Step 2 - The visitors think to themselves, “I would love to have more traffic” and start reading the sub-copy below the header.
  • Step 3 - They read it and go, “Yes, I want you to grow my business”. They look at the form and figure “Okay it’s just one simple field, let me enter my domain address”. Once they enter the domain address, they can select their country and click ‘search’.

Now Neil has just successfully converted his website visitors into potential customers. That is the power of these opt-in forms. They can help you convert website visitors for products, services, and literally anything else.

3. Dynamic slider forms

Dynamic slider forms move along with the user as they scroll through the page. Here’s an example of a dynamic slider form from Foundation Marketing.

slidebox form

The slider bar includes a simple CTA asking them to subscribe to their newsletter. It has one single field to remove objections and increase the conversions rate on their opt-in forms. Here’s what happens when you enter your email ID and click ‘Subscribe’.

slidebox form example

You will receive a confirmation email from their team. This makes sure that their email list is free from bots and other automated logins. Another opt-in that is simple and quick to convert new subscribers.

4. Opt-in bar form at the top

Some websites place a horizontal opt-in bar at the top of their website. This allows them to collect email addresses from multiple opt-in forms on the same page. This screenshot from Ramit Sethi’s website is the perfect example of an opt-in bar at the top.

topbar example

Ramit Sethi’s website has an opt-in form below his header menu section. He is using that real estate to promote his newsletter (which is valuable by the way).

NOTE: This website has been rebranded from the time we last visited it. When you’re reading this blog, the website might be a whole lot different from this screenshot.

5. Opt-in bar at the bottom

Some websites add an opt-in bar at the bottom of their page. This can be a tricky concept and can hinder your user’s experience if done wrong. So it’s always a good idea to test your opt-in bars at the bottom for a week or two before full deployment.

Our dear friend, Neil Patel has the perfect example of an opt-in bar at the bottom.

neil patel bottom bar

He uses this opt-in bar to book more calls for his digital marketing services. His pop-up picture along with the bold “I hope you enjoy reading this blog post” is a great way to capture visitor’s' attention.

He has no fields and a single button for this opt-in form. Once you click on the “Book a call” button you will be taken to one of their landing pages.

landing page from bottom bar

This landing page contains a number of forms along with a small amount of information and their value proposition. His team has also included the name of the companies they have worked with over the years.

On a closer look, you can notice that Neil Patel’s website has three opt-ins. One at the left, one at the top and one at the bottom. Although this is working well for him, you should always test your website before implementing multiple CTAs like this.

6. Slide-in forms

Slide in forms literally slide into your page when the user is reading it. They appear on the page based on the pre-defined conditions set by their website manager. This example from Sleeknote is a good example of a slide in form.

slide in form

This form appears after scrolling 25% through a blog post. It shouts out ‘hello’ and grabs our attention fairly quickly. Once we click on this small yellow bar, it brings up the bigger opt-in form.

expanded slide in form

This is an opt-in form for their newsletter. Once you enter your email address and click “Send Me Everything”, a multiple choice question pops up.

user directed options embedded in form

The marketing team at Sleeknote is using the foot-in-the-door phenomenon to get the maximum information out of their visitor in one go. Once you select a choice and click ‘enter’, you are shown to this final pop-up in the sequence.

final CTA in form

This pop-up features a CTA button that asks you to read their case studies. Click on that and you’re taken to a unique landing page with a list of all their case studies.

sleeknote popup

This is a good way to increase your email signups while also driving more visitors to your case studies.

7. Welcome mat forms

Welcome mats occupy the full page of a website. They are highly intrusive, but when with the right strategy, they’re effective. Here’s an example of a welcome mat from Sujan Patel’s website.

sujan patel welcome mat

This mat pulls down the website every time a new visitor jumps onto it. There are two things you can do from here.

  1. Enter your email address and subscribe to be a part of Sujan’s email list
  2. Click the down arrow button and continue scrolling through the website

We’re personally not a big fan of these welcome mat. But, we’re guilty of having subscribed to a marketing newsletter from one of these welcome mats. So in a way, this kinda does the job. But we’ll let you be the judge of these opt-ins.

8. Chatbot opt-in

Chatbot opt-ins are a relatively new way of asking for your visitors' information. Bigcommerce’s chatbot is one of the best examples of chatbot opt-ins.

The chatbot pops up and asks you if you’ve signed up for the newsletter. To make your life easy, it also gives you multiple options to choose from.

Once you click on an option, the pre-defined sequence starts and takes you through a journey.

chat bot opt in example

Although chatbot opt-in forms are relatively new, they are effective. They are different from your generic pop-ups and screen mats. It feels natural when you are adding your details one step at a time.

Verdict

These are just some of the opt-in forms we have encountered in the digital world. There are still hundreds of opt-in form variations out there. At the end of the day, there is no one best category out there.

Each method has its own pros and cons. The only way you can figure out the best solution is by testing everything ruthlessly. Test, iterate and test again. That’s how you find the best opt-in form that works for you.

Author Bio

Sania Khan

Sania Khan is a content creator who has been writing for the past seven years. A content marketer by day and a poet by night, she previously worked for a large multinational and left it to pursue her passion for writing. She enjoys a good read with wit and tea to get her day started.

Tags:

No items found.
Don't forget to share this post!

Related articles