2.0 Mobile Optimization for Your Forms is Here | 123ContactForm Blog

2.0 Mobile Optimization for Your Forms is Here

Iulian
123ContactForm Welcomes Iulian to the Development Team
August 7, 2012
ID-10033028
New Feature: Multiple Fields on the Same Row
August 27, 2012

2.0 Mobile Optimization for Your Forms is Here

mobile

mobile formsFor many of us, mobile devices such as tablets and smartphones have replaced the PC or laptop in daily web navigation. Knowing this, we are now introducing a superior level of mobile optimization here at 123ContactForm, so that your forms and surveys will adapt to all types of screens.

Basically, the coding explanation behind the change is that we’ve shifted from <table> to <div> containers in the form code. When a mobile terminal is accessing the URL of your form, 123ContactForm detects what kind of device it is – either a phone or a tablet, each with its own particular output dimension. The layout of form elements is adjusted automatically for best rendering on your favorite device.

The optimization applies to all forms created with 123ContactForm. Let’s now discuss a couple of scenarios where the change reflects most significantly.

One column forms

This is probably the most popular form layout. Contact forms, RSVP forms or even more complex creations such as survey questionnaires usually find their optimum shape in a single column arrangement. On your mobile screen, these forms will elegantly fill the available space and create a sense of lightweight. Even wide columns such as Google Maps can now fit perfectly into all display dimensions. Using their devices, visitors can scroll down or zoom in/out to see the whole picture.

Tablet event registration

Multiple column layout

tablet multi column

Complex forms and surveys are best expressed in a multiple column arrangement, which helps save horizontal space and offers more information at one glance. Until now, such compact forms posed the risk of not rendering correctly on certain resolutions or devices. Now all that is a thing of the past; with the 123ContactForm optimization, your multiple column forms fall in just the right place on any type of screen.

mobile survey

Mobile surveys

They are flexible, ubiquitous and extremely popular. In the hands of a wise entrepreneur or marketer, mobile surveys can be the richest source of customer insights. Now your surveys are equipped for each possible medium. Users can view the surveys correctly on any resolution from less than 128 square pixels all the way up to wide mobile screens.

As you implement mobile friendly forms and surveys, we would very much appreciate your feedback. Happy form building!

8 Comments

  1. Paul says:

    Finally!
    Great job!

  2. Will you soon be able to upload images from a mobile device to the form?

  3. Laura says:

    Denni, the mobile upload component we are using for the moment (especially for Apple devices) is a Flash based one which has its glitches, but we are planning to change it for a JavaScript control soon. Thanks for your comment!

  4. […] for mobile. Your 123ContactForm web forms and surveys are now fully optimized for mobile devices. Their slick look, high usability and great functionality are compatible with all screen […]

  5. […] conversions on this type of advertising (remember your 123ContactForm small business forms are 100% mobile optimized). Go ahead and build new and more targeted messages to reach your audiences at a higher […]

  6. Steven says:

    Hi,

    I noticed the web forms created here, although it optimized for Apple devices (as in it will automatically re-size the width for the screen), it does not work for Windows Phone 8 (Nokia Lumia 820).

    Is it possible to change the code so that it will also be optimized for Windows Phone 8

    • Laura Moisei says:

      Hi Steven, thanks for your comment! Our developers are handling the optimization you mentioned at present and it should be finalized in short time. Our support team will keep you posted with the progress by email.

  7. […] your site is mobile optimized, your web forms should make no exception from this mobile optimization. Having non-optimized web forms will lead to mobile device users abandoning form completion. This […]

Leave a Reply

Your email address will not be published. Required fields are marked *