online web forms and form builders

Online Form builder is the best tool for everyone to create and manage  quick online forms like business lead forms, survey forms, feedback forms, inventory forms and many more..

you can save time and stay connected with their data wherever it tends to go. You can connect your forms to other apps. and APIs.

Lets talk about few online web form builders and their features…

Zoho Forms

zoho-formsOne of the newest form apps comes from Zoho, the team behind so many popular apps for CRM, email, accounting, document editing, and much more.Their latest app, Zoho Forms, is a full-featured form builder that works with your existing Zoho account—and is deeply integrated with Zoho’s other apps.

You can use form rules to create tasks and send emails from Zoho when forms are filled out, or used its integrations to add form data to Zoho CRM, Zoho Creator and more.As a form builder, Zoho Forms includes all the features you’d expect—drag-and-drop form fields, customizable themes, and field rules to route data and display conditional fields.

Then, it’s built for teams, so you can work on form responses together. You can even approve form responses or view stats right from the Zoho Forms mobile app. With its Zoho Apps integration, it’s a great form option if your team already uses other tools from Zoho.

 

FormTitan

form-titanEasily build stunning landing pages with high conversion rates. Select a template, craft your message and you are done.
FormTitan online form builder has an innovation conversion rate optimization (CRO) module which allows you to make your form perform better. It enables swift creation by dragging elements on to your canvas, Choosing one of our beautiful themes  and Publishing your online form.

 

Ninja Forms

ninja-form For WordPress forms that are more customizable, Ninja Forms is a great option to consider. It’s a free form plugin with paid extensions that let you add integrations with popular apps, add customized notifications, and more. There are even extensions that let you tweak your form layout, to make multi-page forms or forms with multi-column layouts.

You can then customize forms deeply with CSS themes.You can use your forms to do more with Ninja Forms, too, with its front-end posting tool. Instead of just letting you create posts from forms, it lets you integrate your forms deeply into your site to customize pages and posts without opening WordPress admin. It’s a great choice if you want to deeply integrate forms into your WordPress site.

 

FormLogix

form-logixFormLogix is an online form builder tool for creating Web databases and web forms. Our forms may be embedded in your website, blog, or may be used internally. Forget all you know about databases and forms creation – our form builder is a WYSIWYG tool and it requires zero coding skills.

It enables a user to easily create web forms and web databases such as: Contact us forms, Feedback forms, Events registration forms, Surveys, online Polls, Order forms, Invitations, and CRM.

 

Cognito Forms

cognito-formsA free online form builder that helps you create HTML forms for your website. Create contact forms, registration forms, order forms, surveys, and more.

 

Device Magic

devicemagicMost form apps are designed around the web, but not Device Magic. It’s instead focused on the devices you have with you most—your smartphone and tablets—and lets you make forms specifically designed for them. It includes custom mobile apps for iOS and Android that’ll let your users fill out forms from the apps.

You’ll design forms online, just as with any other app, but your forms can include features that make most sense on a mobile device including geolocation, uploading an existing image or taking a picture from the form, and even letting users sign their name on your form.

Then, once the form’s filled out, Device Magic can turn the data into document templates to give you an easy way to make invoices, work orders, and more. It’s a great way to make forms that’ll help your team get work done on the go.

 

FormAssembly

formassemblyIf cost is your biggest issue, then FormAssembly may have everything you need. Rather than a simple drag-and-drop interface,

FormAssembly relies on a fully customizable free-form layout system — which ensures that users can control not only how the form looks, but also how the content is presented to a consumer.

It’s also very international-friendly, automatically reading a customer’s server location and translating to one of more than 30 languages without any extra work involved.Where FormAssembly really sets itself apart is pricing. It not only provides unlimited forms for free users, but FormAssembly also offers a pay-as-you-go plan for results.

This offers the ultimate convenience for startups that are unsure how much traffic will be coming from feedback or forms — just pay as much as you think you’ll need (as low as 5 cents per response) and pony up if more results are needed.

There’s even a guarantee against spam and junk responses, which means there will never be a wasted response. Traditional pricing plans are available too, starting at $14 per month, but you can’t go wrong with FormAssembly if you’re looking for a small response set or running a limited survey.

123ContactForm

123contactformThere are forms for everything imaginable, but most forms end up being a contact form of some fashion.

That’swhy 123ContactForm is designed to be great for contact forms—albeit contact forms that can also let you sell products, get feedback, and more.

Each form in this tool is first and foremost a contact form, so you won’t have to add those elements manually to every form. From that base you can then add any other form elements you’d like. But then, it’s also got the templates you need to create great lead forms, surveys, orders, and even quizzes—everything you’d need from forms beyond just contact forms.

Advertisements

123ContactForm and its alternate form builders

What is 123ContactForm ?

There are forms for everything imaginable, but most forms end up being a contact form of some fashion. That’s why 123ContactForm is designed to be great for contact forms—albeit contact forms that can also let you sell products, get feedback, and more.

123contactformEach form in this tool is first and foremost a contact form, so you won’t have to add those elements manually to every form. From that base you can then add any other form elements you’d like. But then, it’s also got the templates you need to create great lead forms, surveys, orders, and even quizzes—everything you’d need from forms beyond just contact forms.

What are  form builder ?

If you are looking for online web form builder app for generating leads, surveys, collecting payments and many more below, you can select one for all your online form leads.
Online form builder app create forms very easily and you can start collecting information immediately.

There are forms for everything imaginable, but most forms end up being a contact form of some fashion. That’s why 123ContactForm is designed to be great for contact forms—albeit contact forms that can also let you sell products, get feedback, and more. Each form in this tool is first and foremost a contact form, so you won’t have to add those elements manually to every form. From that base you can then add any other form elements you’d like. But then, it’s also got the templates you need to create great lead forms, surveys, orders, and even quizzes—everything you’d need from forms beyond just contact forms.

Does 123contactform have any alternative from builder can used instead ?

Yes….most form builders are similar in purpose but are different in what they can do, what they offer and for how much.

It is highly recommended to find the alternatives in order to find the right form builder.

1. Formidable

formbidableFormidable is a paid tool which comes with drag-and-drop form building, simple layout classes, and visual styling, you can create completely custom forms in less time than you spend brewing your morning coffee.

It allows users to easily create posts, pages, and custom posts types with your forms. Formidable Pro makes it simple for users to manage and edit their posts from the front-end of your site.

2. FormTitan

form-titanEasily build stunning landing pages with high conversion rates. Select a template, craft your message and you are done.

FormTitan online form builder has an innovation conversion rate optimization (CRO) module which allows you to make your form perform better. It enables swift creation by dragging elements on to your canvas, Choosing one of our beautiful themes  and Publishing your online form.
This option is considered a good 123contactform alaternative

3. FormCraft

formcraftFormCraft is an amazing and extremely easy to configure form plugin.

It could be used for something as simple as a “contact us” form or something more advanced & imaginative.

The form builder is really easy to use and it comes preloaded with the some templates; contact form, newsletter, order form, customer support template.

This makes the job easier, as you can play with the templates, modify it, till you get a full understanding of the form builder. FormCraft can also be integrated with Aweber, GetResponse & Mailchimp. All you have to do is download an add-on from the plugin dashboard. The add-ons are free and it is hosted on the WordPress plugin repository.

Another awesome feature of FormCraft the conditional law function, which enables you to display or hide elements based on set conditions. This is useful for getting additional information, e.g. you can set the form to display an additional field depending on the answer provided by the person filling the form.

The form also has a very good spam prevention system, I’ve used the plugin for over a year, it has received over a thousand submissions and not a single one is spam.

FormCraft also has a beautiful and yet professional feel across several devices. The nCraft claimed it was fully responsive but the thing with these kind of plugins is that you never can be so sure until you test it yourself. The plugin looks good on mobile and it retains its seamless functions across several devices.The plugin also allows you send notifications to several E-mail addresses once a form is submitted, you can list several email addresses that you want to receive the submitted form, and you can also view submitted forms from the dashboard. The dashboard also shows you the conversion rate of the plugin; i.e. how many views did the form get and how many submissions.

The only issue I had with the plugin was when it received a major update, I recently noticed the plugin wasn’t submitting, this was fixed by reauthorizing the plugin but the client lost a lot of leads anyway. This was partly my fault as nCrafts (makers of the plugin) already announced the fix and conflict but I obviously didn’t get the memo.

4. FormLogix

form-logixFormLogix is an online form builder tool for creating Web databases and web forms. Our forms may be embedded in your website, blog, or may be used internally. Forget all you know about databases and forms creation – our form builder is a WYSIWYG tool and it requires zero coding skills.

It enables a user to easily create web forms and web databases such as: Contact us forms, Feedback forms, Events registration forms, Surveys, online Polls, Order forms, Invitations, and CRM.

5. Orbeon Forms

orbeon-formsOrbeon Forms is your solution to build and deploy web forms. It handles large forms with complex validation and extensive collections of forms, all situations typical of the enterprise or government. It implements the W3C XForms standard and is available in an open source Community Edition, as well as a commercially supported Professional Edition. Orbeon Forms is used around the world in a number of industries, including governments, banking, healthcare, telecom, and education.

Changing the basic form style

The basic form is not very flexible compared with the advanced form builder. you cannot place the elements where you like. However, you are able to change the styling of your web form quite easily  (background colors, its fonts and its border ).
Once you create a basic form its default look is rather gray and neutral. In order to change it you will need to:
1- Go to the “pool” or “flow” modes and press on the ‘style’ button in the “form settings” section on the right to change the layout style.
2- A style window will then open, displaying the form’s style properties divided in to 4 main sections: Header, Footer, Form Body and Border. Each section represents another part of the form and it contains properties like font family, font color etc.
3- After you change the properties press on the ‘ok’ button and save the form. The published form will change it’s appearance accordingly.
*It is recommended to make the style changes while keeping the published form open, and checking it with every style change made.

Read more about how to change the basic form style

 

How to change the font color in your email form

One of the design tools available in your email form builder is the font style. You are able to change font size, weight (if it is normal or bold), italic, underlined…and you can also change the font color.
In order to change font color in the form builder you can use:
1- The form settings – font color field.
Through this field you can determine the font color of all the elements in the form at once.
The field enables you to enter any color by specifying its number (such as #ffffff) or its name (such as red).
Or
2- The ‘font color’ icon in the upper toolbar – style section
This option allows you to change each element’s font color separately. In this option you can only pick from a list of colors given to you.
All you need to do is select the element and press on the icon. a small window will appear and you will be able to pick a color from the list.
Or
3- The element settings – font color field.
This option, like the first in the form settings, allows you to enter any color you want. The only difference is that the font color in this option is only applied to a certain element and not to the entire form.

How to change your email form’s width and height

A new email form always has a default size width and height (727×506 px).
Usually the size of the form is not important unless you wish to embed the email form in a specific area of the webpage – in this case you will have to determine the exact height and width of the email form so it doesn’t get cut. When embedding a web form you need to publish it as “script” or “iframe” and insert the generated code the specific area of your web page html.

Following are steps to change your email form’s width and height:
1- Enter the form in the email form builder.
2- Go to the ‘form settings’ on the right.
3- enter a different width and height.
* if you are trying to contract the form size when there are elements in it you may not be able to do so if there are elements in the way. If this is the case, try to move/change elements size to allow the wanted contraction.
4- press on ‘apply’.
5- save the form.

** please note that if you change your form’s dimensions after it has been embedded you will need to publish it again and replace the current generated code with the new one.

Adding a mask to your email form

A mask is a format which is applied to a textbox element and enables the form owner to collect
data in this specific format. The mask format is determined by characters and delimiters
which are used in a certain order. Once the mask is applied to the textbox the form filler will not
be able to enter data that does not fit the format.

examples of masks:
Date – dd/mm/yyyy
Time – HH:MM:SS
A code – x-nnnnn
A phone number – nn-nnnnnn

Characters and delimiters
A character represents specific data and is made out of one or more chars. for instance HH is
a character which is made out of 2 H chars and represents hour data.
A delimiter is a sign that separates between 2 characters. For example HH:MM -the colon sign
is a delimiter between the hour character and the minute character.

Following are the mask characters and delimiters:

characters
x- character for collecting alpha numeric data (using only lower case letters)
n- character for collecting only numeric data (using only lower case letters)
yyyy – character (made out of 4 chars) for collecting year data (using only lower case letters)
mm– character (made out of 2 chars) for collecting month data (using only lower case letters)
dd- character (made out of 2 chars) for collecting day data (using only lower case letters)
HH- character (made out of 2 chars) for collecting hour data (using only capital letters)
MM- character (made out of 2 chars) for collecting minute data (using only capital letters)
SS- character (made out of 2 chars) for collecting second data (using only capital letters)

Take Note!
Characters may only be used in the format specified above (for example the year character
may only be entered in 4 lower case letters: yyyy).
Only the x and n characters may consist of one or more chars (n or nn or nnn or nnnnnn etc).

Delimiters:
/ – used as a delimiter. For example: the date dd/mm/yyyy (27/11/2009)
: – used as a delimiter. For example: the time HH:MM:SS (12:32:45)
– used as a delimiter. For example: a phone number nn-nnnnnn (09-8871634 or 04-6543378)

How to Create a Mask
Steps to create a mask:
1- Drag a textbox element (in the email form creator).
2- Go to the textbox’s settings on the right.
3- Fill in the desired mask format.
4- Turn on the “mandatory” checkbox.
5- Press on “apply”.
6- Save the form.

Take note!
the mandatory checkbox must be turned on in order for the mask to work and be validated.

Add a roll over effect in your email form

The email form builder enables you to create a rollover effect in a container element.
This means that if the form filler hovers above this container its color will change. This is a simple design feature.
In order to create this effect you need to:
1) Select the container element
2) Go to the container settings (element settings on the right)
3) Enter a color in the ‘On Mouse Over’ field, and a different color in the ‘On Mouse Out’ field.
4) Press on ‘apply’ and save the form.
As a result of this when hovering over the container element in the published email form the user will see one color and when moving the cursor away from the container he will see another color.