- Email Marketing Tips - http://www.aweber.com/blog -

Sign Up Forms Are Now Mobile Responsive (And What This Means For You)

Posted By Justin Premick On June 4, 2014 @ 9:20 am In New Features | 3 Comments

If you’re like most business owners, you’ve seen the influence of mobile devices on your website’s ability to retain and convert visitors.

As a result, many websites and content management systems have moved to introduce mobile responsive designs that look great on smartphones and other mobile devices.

I’m happy to announce that we recently made a change that makes it easier for people visiting your site from mobile devices to interact with your site, and to join your email list.

Announcing Mobile Responsive Sign Up Forms

sign-up forms
When you create sign up forms [4] in AWeber, they’ll now automatically resize themselves to be usable for visitors who come to your site from a mobile device.

To create a sign up form, go to the Sign Up Forms page [5] in your account.

Why This Matters! Or, When Sign Up Forms Look Bad on Mobile…

It’s pretty common for websites to publish an email sign up form on their site.

And typically that form looks just fine for all visitors coming to the site from their computers.

However, those forms often look horrible on mobile devices.

If you’ve ever been to a site that offered a mostly great-looking mobile experience, but with a sign up form that wasn’t responsive, you may have seen something like this:

bad example of responsive web form

Notice how disruptive that is? Not what you want visitors to see.

A much better experience for visitors is one where the form adjusts to the smaller mobile screen, like so:

good example of responsive web form

See how that form is more user-friendly and likely to get filled out? (Not to mention the fact that if you don’t want to fill it out, you can actually see and press the X to close it?)

Which AWeber Sign Up Forms Are Designed To Look Good On Mobile?

Good news: all of the hundreds of sign up form templates [6] available to you in your AWeber account are now ready to look great on mobile.

So any new form you create will automatically be mobile responsive.

If you already have an existing form, you’ll need to do one of two things to update it to a responsive one. And they’re both easy:

  • If your form is published on your site as JavaScript (this is how most forms are), simply edit and re-save your form at the Sign Up Forms page of your account. (You don’t need to change the form at all, just saving it again will update it.)
  • If you published your form to your site as raw HTML (not JavaScript), you should save your form again, grab the updated HTML for it, and then replace the old form HTML on your site.

If you’re using a hosted web form, you’ll want to re-save the form (but you don’t need to re-publish any links to it).

Give Mobile Sign Up Forms a Try

To create a new sign up form, go to the Sign Up Forms page [5] in your account.

If you’re not using AWeber, you can still take our sign up forms for a spin. Check out the interactive sign up form gallery [6].

Article printed from Email Marketing Tips: http://www.aweber.com/blog

URL to article: http://www.aweber.com/blog/new-features/sign-up-forms-are-now-mobile-responsive-and-what-this-means-for-you.htm

URLs in this post:

[1] overtaking desktop Internet usage: http://tag.microsoft.com/community/blog/t/the_growth_of_mobile_marketing_and_tagging.aspx

[2] use their phones to access websites: http://www.pewinternet.org/2013/09/19/cell-phone-activities-2013/

[3] source: Latitude: http://files.latd.com/Latitude-Next-Gen-Retail-Study.pdf

[4] sign up forms: http://www.aweber.com/sign-up-forms.htm

[5] Sign Up Forms page: http://www.aweber.com/users/web_forms

[6] sign up form templates: http://www.aweber.com/sign-up-form-template-gallery.htm

Copyright © 2008 AWeber Communications, Inc. All rights reserved.