WPForms Blog

WordPress Tutorials, Tips, and Resources to Help Grow Your Business

How to Optimize Your WordPress Forms for Mobile Lead Generation

by Lindsay Liedke on Oct 4, 2018

Are your email signup rates on mobile devices desperately low? Chances are your mobile lead generation is not optimized enough to boost conversions.

Mobile now represents nearly 70 percent of digital media time, so if you don’t optimize your lead generation strategy for mobile audiences, you’ll fall behind.

In this article, we’ll show you how to optimize your lead generation for mobile devices.

1. Use a Responsive Signup Form

It goes without saying that in order to optimize your lead generation for mobile devices, you’ll need to make your form responsive. Responsive forms perfectly adapt to the screen of your visitors regardless of its resolution.

That means responsive forms will always look good whether your visitors are on a desktop, laptop, tablet or a smartphone.

If you’re a WPForms user, you don’t have to worry, since all forms you create with WPForms are responsive, mobile-friendly.

mobile lead generation - email marketing integration

Plus, WPForms makes it easy to create a mobile lead generation form on your WordPress site.

You can easily integrate your form with your favorite lead generation tools including AWeber, MailChimp, GetResponse, Constant Contact, Campaign Monitor, and Drip.

2. Always Use a Single Column Layout

It may be difficult for mobile visitors to navigate through fields on multiple columns since they’ll have to scroll horizontally to see the whole form. So it is highly recommended not to use multi-column layout for mobile devices.

Now, the challenge is that you might want to use a multi-column layout for desktops especially when you’re using a longer form. Multi-column layout helps you to reduce the overall height of your form and make it look shorter, resulting in boosting conversions on desktops.

With WPForms, you can use multi-column layout for desktops while turning it into single column only to your mobile users.

To turn your multi-column form into single column only to your mobile users, the only thing you need to do is to add a CSS class wpforms-mobile-full to the CSS Classes field under Advanced Options.

form mobile optimization fields css class

For more details, you can read how to create a responsive contact form with multiple columns.

3. Track Your Mobile Form Conversions

Tracking your form conversions is essential as it shows you what works best for your mobile audience. The easy way to track your WordPress form conversions is by using MonsterInsights. MonsterInsights is the best Google Analytics plugin that easily sets up Google Analytics on your site.

With its Forms addon, you can enable tracking of your form views, submissions, and conversions rates.

forms conversions monsterinsights

In your Google Analytics account, you can compare the conversion rates of mobile and desktop audiences and analyze what works best for them.

forms conversions analytics events

For example, if you find that your mobile conversions are too low compared to desktop, you might want to optimize your page for mobile visitors.

4. Don’t Hide Content Behind Hover Functionality

You may not realize this, but mobile devices, especially small ones like smartphones, don’t always have the ability to hover over site elements to reveal additional content, information, or even your site’s form itself.

After all, they don’t have a mouse to help navigate the desktop version of your website.

To avoid this problem, frustration with site visitors, and form abandonment, make sure all elements on your website, especially those that have to do with your site’s forms, are clickable.

5. Create Simple Calls to Action Buttons

It’s important you think about how your form’s calls to action buttons will look on tiny devices.

Here are some best practices to follow:

  • Don’t make CTA copy too long as it may not appear right on a small mobile device
  • Make sure the CTA text is clear, readable, and stands out from the rest of the mobile form
  • Just because the CTA is short and sweet, doesn’t mean it can’t be powerful and actionable like the power words found in this roundup designed to boost conversions
  • Take a look at the mobile contact form found on IMPACT:

mobile form cta example.

The CTA is a bold color, very clear, and encourages the site visitor to take action. Not to mention, it’s large enough for anyone to easily click, reducing frustration and increasing form conversions.

6. Encourage Phone Calls

Adding your phone number as an alternative call to action (CTA) is one of the best ways to make your visitors engaged with your site. By adding your phone number as the CTA, you can offer a convenient way for your visitors to connect with you.

Make sure that your phone number is clickable so that your visitors can quickly make a call with you.

Making your phone numbers clickable is easy. All you need to do is to add a single line of code like this.

<a href="tel:123-456-7890">123-456-7890</a>

Be sure to change the phone number in the above snippet with your number.

Here’s an example of what a clickable phone number might look like on a mobile device:

clickable phone number example.

PF Chang’s makes getting in touch via phone for things like reservations really easy for those on the go that need to talk to someone in person.

7. Save Partial Entries

Using a long form isn’t recommended if you want to boost signup rates. This is especially true when it comes to mobile conversions.

That said, in some cases, you might want to use a long form, like when you’re trying to drive highly qualified leads rather than just collecting large quantities of form submissions.

If that’s the case, saving partial entries from your form is essential and can be done using the WPForms’ Forms Abandonment addon.

The Forms Abandonment addon allows you to generate more leads by saving partial entries and then following up with those interested prospects, even if they didn’t complete the entire form.

Learn more about saving partial entries with WPForms.

Mobile Lead Generation Best Practices

Do you still want to know some things you can do to generate more mobile leads?

Check out this list of quick tips for getting people to your website and checking out your WordPress forms, which hopefully lead to more conversions:

  • Test mobile website speed using a free online tool such as Think with Google and make improvements if needed
  • Make sure your website renders well on all types of mobile devices, such as tablets
  • Optimize your website for local SEO, especially if you have a physical business
  • Get involved with PPC advertising, since mobile users tend to click on the top three paid ads more so than those on desktops

And there you have it! You now know how to optimize your WordPress forms for mobile lead generation.

For more tips, see our article on research-based tips to improve your form conversions.

So, what are you waiting for? Get started with the most powerful WordPress forms plugin today.

And don’t forget, if you like this article, then please follow us on Facebook and Twitter.

Comments

  1. Thanks for reading this article – I hope you found it helpful.

    I wanted to let you know about our new WordPress survey plugin that allows you to build interactive polls and surveys within minutes. You also get best-in-class reporting, so you can make data-driven decisions.

    You can get it 100% free when you purchase WPForms Pro plan.

    Get Started with WPForms Today and see why over 1 million websites choose WPForms as their preferred online form builder.

    Syed Balkhi
    CEO of WPForms

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.