6 Mobile-Friendly Sign Up Forms to Try Now
By Sam Hollis March 30, 2017
It’s been a few months since Google made an update that penalizes mobile websites that use certain pop-up forms (aka, interstitials) – an update that could lead to a decrease in rankings in Google search results.
But for many businesses, the implications of this update went beyond their position in the SERPs. There was heightened concern over the impact on their email list growth, too.
With 60 percent of online traffic coming from smartphones and tablets, mobile users represent a massive audience when it comes to list building.
So what’s the status?
Fortunately, we’ve found the Google update doesn’t mean you have to lose out on any of these valuable visitors.
With careful planning and consideration, you can find the right kind of mobile-friendly form that’s both effective and Google-compliant.
Before we dive into six different types of opt-in forms you can use to continue growing your list, here’s a quick look at what we did to optimize our mobile experience at AWeber HQ.
Our Google-friendly mobile sign up form strategy
When Google announced their penalties on intrusive pop-ups and interstitials, we immediately updated our mobile site for the blog.
The first thing we did was remove any slide-in or pop-up forms. To continue our list building efforts, we replaced them with embedded forms and exit-intent forms.
Since the Google penalty does not apply to desktop users, we left the experience as-is so they’ll still receive the pop-up forms and slide-ins.
This way, the sign up form experience varies based on whether users come from a desktop or mobile device.
The results so far? Not a single dip in our subscriber growth.
6 mobile-friendly opt-in forms
To help you navigate the world of sign up forms outside of the pop-up, here are six approaches you can take to motivate mobile users to subscribe to your list.
1. Embedded forms
As a consumer of content yourself, have you ever read an article and thought, “I really love this blog post, but I wish there was more information on that one topic!”
With a contextual embedded sign up form, you can offer that deeper dive at the right time.
If someone reads your blog post about sign up forms, and you have a course that could help them up their game, you can embed a sign up form in the post and offer it to them right away.
Just remember to keep the form copy short, to-the-point and highlight the benefits of signing up.
I recommend using embedded forms on longer, thorough posts. You can break up the important sections with a quick check-in, and give the reader a second to digest the information you’ve shared and sign up for bonus content.
Just look at this form used by Regina, a blogger and coach for entrepreneurs:
The form doesn’t break up the post in a jarring way, and is aligned with her content and branding.
2. Header forms
But wait! Isn’t this just another embedded form?
Well, yes it is. Technically.
It’s important to note, however, that the placement of a specific sign up form on your site is just as important as the type of form you use. While pop-up forms are the cat’s pajamas of sign up form conversion, embedding a form into the header has some added benefits for your mobile users.
Just check out this form from The Atlantic:
It only asks for your email address, and you can move right past it to the website content without an issue.
These kinds of forms are best suited for your most highly-trafficked pages. Just keep in mind that a header form works best when it’s simple and only asks for name and email address – so if you want to collect more subscriber details, this might not be the best approach.
As visitors sign up to your list, however, you do have the option to get more subscriber details along the way.
3. Footer forms
Forms embedded in your footer are a great way to drive conversions. By offering your prospects something of value at the end of a post or site page, you’ll help continue the conversation.
Think of your own content. Is there a blog post that’s performing better than others? Why not add a form at the end to promote your email list or another piece of relevant content?
These forms act as a reminder that the awesome information you provide doesn’t have to stop at the end of the article. A well-placed footer form can be used to continue educating your prospect on a topic they’ve already sought out.
If you have an email newsletter, for example, promoting it in the footer would be a good strategy to try. When someone finishes reading your post, they’ll be more interested in getting future updates through email!
Here’s an example of a form we have at the bottom of our Ultimate Guide to Email Marketing resource:
At this point in the page, we can assume readers will be interested in downloading additional bonus content.
On other pages in the guide, we promote the bonus resources in a slightly different form called a sticky-bar form:
As users scroll through the content on their mobile device, the form sticks to the bottom. It doesn’t obstruct the reader experience, and it’s a simple reminder that they can get additional content by signing up.
Another benefit of footer forms? You can use them to collect more subscriber information. Since your visitors have read through your content, you can ask for more details, like what kind of content they want to receive.
4. Click-to-open forms
I know it sounds too good to be true, but you can still have this type of pop-up on your mobile site. With this form, users can click a link or button that triggers a pop-up form.
Since visitors choose to open the form, they’ll also be more likely to sign up.
Another great thing about a click-to-open forms? You can add them to a variety of relevant locations in your content.
Check out how tech innovation and culture site, The Next Web, uses a click-to-open form to remind prospects of their upcoming conference:
5. Page-scroll forms
Many mobile sites provide users with the option to scroll past the form to access the content. This kind of form still provides readers with the ability to sign up, but again does not obstruct their ability to read your awesome content.
It’s important for this kind of form to include some visual cues to prompt readers to continue scrolling. This helps them understand they can simply scroll past the form and get on with reading.
6. Exit-intent forms
Exit-intent forms display when a user goes to leave your site. This form gives you the ability to still get the benefits of a pop-up, but in a way that’s compliant with Google and doesn’t interrupt the user experience.
These forms also work well when used in conjunction with an embedded form. If a person doesn’t sign up from a form while reading your content, for example, an exit-intent form works to remind them of what they’d be missing out on.
And the more value you can provide, the better. Offering an incentive like an ebook or an exclusive discount for signing up can motivate on-the-fence visitors to sign up for your list.
What works for you?
Now that we’ve covered mobile sign up form alternatives to the pop-up, I’d love to learn more about what you’ve tried since Google’s interstitial penalty update earlier this year. What works best for you? Let us know in the comments!
Creative Solutions4/1/2017 6:48 am
Thank you for sharing the information
gelgez4/1/2017 3:41 pm
Peter4/1/2017 5:04 pm
I would like a sign up form like the one directly above this comment section. Does aweber signup forms have a way of creating one like this?
Sam Hollis4/3/2017 10:58 am
We do have a Horizontal Webform Builder to help create a form like the one above this section. Please take a look.
Any questions, just let us know!
stuart smith4/4/2017 3:18 am
These forms are looking very beneficial ..Thanks
Gareth4/5/2017 6:12 am
Thanks for this guide. Looking forward to trying them out. Only problem is I don’t know how! Does AWeber have any guides on how to create header, footer and sticky bar forms?
Sam Hollis4/5/2017 3:14 pm
You’re welcome! There are a number of different options for creating these forms. I’m a big fan of Hello Bar for the header and footer forms. Sumo.com is another great option. Our team can walk through some different options in real time after reviewing your site.
Ray4/6/2017 3:09 pm
This looks very helpful!
steve cook4/12/2017 1:36 am
Forms are really important part of the website if someone is looking to building up the good business relationship with their customers then sign up forms and Enquiry forms are the biggest needs . These forms are really very helpful thanks for sharing the knowledge about these good forms .
Jordan Elena4/17/2017 5:27 am
There are some interesting points in time in this article but I don?t know if I see all of them center to heart. There is some validity but I will take hold opinion until I look into it further. Good article , thanks and we want more! Added to FeedBurner as well
stuart stakes4/20/2017 3:11 am
awesome post thanks for sharing such great information about the really good forms