Multi-Language Forms

Long time no see! Lots have happened over the past few months around our workplace, but this is not the topic of my post. There is some notable news in the scene of contact form generators that deserve your attention. Today I am going to speak about multi-lingual form builders. 

I presume there are about 4 billion people who would be happy to have multi-language support with their web forms. It’s true that English has become nearly universal (and some extraterrestrial species speak it too, at least in Hollywood movies). However, it’s far more convenient for non-English natives to fill in forms presented in their own language. A multi-language web form is a good way to enhance user experience on your website and eliminate any possible confusion when submitting the form. Moreover, it shows your courtesy towards site visitors. 

A couple of most popular online form generators offer multi-language support. For example, Wufoo has a collection of translations in 46 languages and provides a right to left writing scheme. Formstack gives a 12 language pack, Formdesk – 8 languages and JotForm – 15 plus a downloadable file containing strings that users can translate in any other non-included languages. 

With 123ContactForm you have a 52 different languages palette to use within forms, which is quite impressive. I had a look inside their backend to see the insides of the multi-language form (http://www.123contactform.com/multi-language-form/) feature. The entire system is based on the ability of any user to add translations to the fields of his form in the supported languages. After that, the final form displays a tiny dropbox at the top-right corner which lets people choose the language they prefer, before they start to fill in the fields. The setup process of a multi-lingual form on 123ContactForm is as follows: 

• In the Settings > Translations section of the form, the user can choose one or more languages to integrate with the form. 
• Next, he chooses the Customize option for each language, which opens a lightbox with the matching fields in English and in the preferred foreign language, where he can enter the corresponding translations. Everything can be translated, from field labels to the system message pertaining to the functionality of the form such as “This field is required” or “Submitting form... please wait...”. 
• The final act - Save. From this moment, all translations are available in the user’s account so that the guy can use them in any other forms he creates. Pretty simple and above all, highly flexible. 

My first thought was that the amount of work is a bit too big, to translate every form string by hand. However, this also means you have extra customizing options and full control over your form, as you can create translations in your own words, not use the standard impersonal ones. And in fact it takes just 5 minutes or so to have a fully translated form on your webpage.

Form validation

In a previous article, I've put form validation the first in the list of "what every contact form should have". Today I am gonna talk about this a little more, because I feel many people do not understand the real value of form validation.

Form validation is obtained using special created scripts, that take the input values and compare them with the expected input format (an email address, a numeric value, an alphanumeric string, a valid date, a valid time etc). There are 2 categories of form validation scripts: client-side scripts (usually JavaScript) and server-side (PHP, ASP etc). They both have advantages and disadvantages. JavaScript form validation is very powerful, but it becomes useless if the visitor's browser has JavaScript disabled. Server-side form validation usually needs the page to be reloaded for the validation to take place, but it can be considered more reliable.

There are many form validation options, each having its own usage. For example, if you run a hotel, and you want to let your customers reserve rooms using your website, you probably have a contact form that asks for a name, a valid email, a valid phone number, a valid check-in date, a valid check-out date, and maybe other fields. If your form does not have form validation, and your customers enters, by mistake, an invalid email and an invalid phone number, you won't be able to contact the customer to confirm the reservation, so you'll probably lose money! This is why you must use form validation, and make sure your visitors enter the expected data in your form's fields.

All the major online form generators offer form validation. I recommend you 123ContactForm form validation, especially if you need advanced form validation, ie: alpha (only letters), alphanumeric (only letters and numbers), alphaspace (letters and spaces), alphanumericspace (letters, numbers, spaces), numeric, numericplus (numbers plus .+-).

Secure online forms

When your site uses only simple web forms, consisting of fields like Name, Email, Subject, you don't have reasons to think of using secure forms. But when you create advanced web forms, that require sensitive data from customers, you should consider using secure online forms.

Secure online forms are exactly like regular web forms, but the the entire form content (fields and entered data) is encrypted. Usually, this is done using a SSL certificate, which is installed on the server that hosts the forms. After installing the SSL certificate, your visitors can access the forms through the HTTPS protocol, and they can be confident that the data they enter in the forms will be seen only by the form owner.

Installing a SSL certificate is not an easy task, and usually requires assistance from your hosting company. Also, SSL certificates have to be bought, and they cost from $25 to $500, depending on various options and settings you wish to use. This is why it is much easier to use remote secure online forms, created with 3rd party form processors. While there are a lot of options out there, let me show you the best three I found: 123ContactForm offers secure order forms if you choose the $19.95 Platinum plan; Wufoo offers SSL encryption starting with the $29.95 Bona Fide plan; FormStack offers SSL forms starting with the $14 Starter plan.

Email autoresponders

One of the most important features when it comes to contact forms is autoresponders. They are very useful if you want to automatically send a "thank-you" message to the form submitter, or even sensitive data, like a download link. Autoresponders make the communication process much easier, because they are sent automatically, and not after a couple of hours, which would probably be the case if you manually reply all form submissions, and you have a wealthy business.

For example, if you write and sell ebooks, and you get your orders using a Paypal order form , you can focus on your main activity - writing books -, and let your autoresponder do "the dirty job" of sending the download links. This will also make your customers very happy, because they will be able to use the ebook within minutes.

Another important aspect of web form autoresponders is the possibility to personalize the autoresponders. For example, an email that begins with "Hello Mike," makes a better impression to your customers then an email that begins with "Hello,". This can be achieved if the autoresponder script knows how to handle custom variables, and use them to generate the personalized autoresponders.



123ContactForm offers a nice web form autoresponder script, Wufoo also does, but names it confirmation email.

Feedback button on side of the page

Lately, it became very popular to have a feedback (or contact) button on the side of the page. Located left or right, it looks very nice, and lets the visitor easily send an email to the site owners. With this in mind, 123ContactForm created a new feature, that allows their users to use their forms in conjunction with a nice feedback button. Below is a screenshot, I also recommend you to learn how to customize the Feedback button on side of the page.

Cool Form of the Week (4)

This week's cool form shows that you don't need fancy effects to make the contact form embed nice in your site. Just use the same fonts and colors, and you get a nice form.

Cool Form of the Week (3)

This week's cool form is the contact form of Bert Timmermans