How To Create Online Forms On Your Own – Huge-IT

How To Create Online Forms On Your Own

1

There is no any website where a Contact us form doesn’t exist. Besides, in websites of hotels or online stores it is easy to find a reservation form or form designed for selling and buying products. So, this post will be devoted to creating forms, especially a Contact us form type, which is universal for all types of websites.

In this article we will try to compare two different form builders in order to show advantages and disadvantages of both. One of the forms is Forms easily built with Smart Forms and next one is Huge-IT Forms.

A contact us form will help a visitor to contact an owner of a website, to ask a question, to make some suggestions or remarks. So let’s start with Smart Forms. In order to create a form in this plugin it is necessary to press “add new” button.

First and foremost information that should be written in form according to this form developer is a title, description and obligatory field. There is displayed a theme option, which is composed of 2 types of themes: basic and material. It goes under  general options.

Now let’s see how Huge-IT plugin is working and what kind of general options does it have. This plugin is a little bit dissimilar with its structure. Its information-general options, theme options, forms, submissions are situated at the left side of a dashboard. Under  general options, in contrast of Smart Form plugin, goes information about email to user, administrator email, form settings, form messages and all they are customizable. When a user submits a form, one of the copies goes to the plugin’s “all submissions” option and another one to the administrator email or emails (write emails separating them with a comma). If there is a need to send the copy of a submission to a user, then write {userContent} in the “Email to User” field.


How to create a form in Smart forms plugin? Very simply, in order to do this it’s necessary to compose it from different fields. Here drag and drop option can help: drag a field from the right and drop it to the required place: “drop new fields here”.

As it is shown in the screenshot fields which are added to this particular forms are included into advanced components. While a submit buttons goes under the basic input.

In Huge IT Form plugin this functionality is replaced with just “Ready to go fields”. This option simplifies a work and makes it less time consuming. They include Full name, Date, Phone, address and Policy Agreement, PayPal and Google Maps.

PayPal and Google Maps ready-to-go fields worth special attention, which can considered to be a zest of this plugin. PayPal field offers textbox, selectbox, checkbox and radio box file types. Thus, product can be selected using these ways. Product name and  price are written from the admin page.

All other options related to  PayPal are based in general options. As it can be observed PayPal has two modes: Sandbox-for testing how it works and Live-for real deals.

Google Maps is much more easier, because it’s necessary only to have an API key, which must be added in general options and location’s address. Map can be draggable or not, its width and zoom size can be changed from options. Overall, it has the following view.

“Add forms fields” include other types of fields. Among them are checkbox, email and textarea (which are necessary for Contact us form type), radio box and many others. Two other components are included in this type of fields as well: captcha and submit button. While in the case of  Smart form plugin information of the captcha is already given, in this plugin there are two types of captcha: Simple Captcha and Recaptcha, which should be taken from Google. After selecting a Captcha, a popup will appear. That popup includes the link, from where a website builder can get Captcha public and private keys.

In Huge-IT plugin drag and drop functionality is designed for arranging fields. It is also possible to create two columns with the help of this functionality. This is the arranged version of the form. In forms plugin there are 5 default themes. This is very good as any user has its own preferences and taste. So, it is vital to have some customization settings for the fields and in order to do this, we need to select each field separately and change its settings. In this case a Wild Green theme type is chosen.

Smart form plugin as well has options for customizing form’s appearance.

The “+” and “-” icons are designed for adding a field or deleting it. When a particular field is clicked, right next to it options which it is possible to customize appear. For example in the case of a name a popup shows that it is possible to customize the name of the field, mark it as required, use custom CSS, edit an icon and so on.
For example, when we choose the address field a wide range of components appear. Among them are street address, country label, default country, zip label, city label and so on.

An important fact is that all fields include custom CSS customizations, which allows changing some options with the help of codes. Surely, not all users have opportunity to use this option, because for using it some knowledge in the field of the development is required. However, this field is available for Advanced users.

In the case of another form plugin it is working like the previous one as well. Each form has its options which are possible to customize. The most essential thing is ability of customizing every field separately. For example, submit button has got not only customizable options for its text, but it includes the reset button as well. Besides, here it worth to speak about “actions after submissions” option. This is an action which happens after a visitor’s submitted form. It can print a success message, go to a certain url (for example some interesting “Thank you” page) and refresh the same page. This tool is very essential, because it makes clear if the form went through or not. The rest of other fields have their interesting options as well (the required field option is included in every field of the form).

Now, when the appearance of contact forms are created and saved, it’s time to find out how and where information of a submitted form is stored. This information is included in the “after submit option” in Smart Form plugin. In order to use these options it is necessary to activate them.

After pressing “Edit email” button the following popup appears. This part of forms is the basis of the plugin, because without it a Contact us form is useless. It help a website owner to get submissions into an email address and after it reply to visitors and start a conversation with them.

As mentioned at the beginning of this post, these all information is included in general options of Huge-IT forms, particularly the data is stored in the administrator email and submissions page in the plugin. Before publishing a form it is crucial to mention how it is possible to change the name of the form, because everyone should have its name. A little pencil icon can help the form builder to reach this aim in the Huge-IT Form plugin: just press and write. Nothing else required.

After including all information to a form it is a right time to publish it. But before this, let us speak about two very important and crucial features of both form plugins: export and clone functions of a form. Not all plugins have duplicate and export possibilities. Duplication option is very useful, because sometimes a form can contain many fields and it is very boring to create a new one. With the help of export option one form can be transferred to another website. After clicking on it a file with information with all fields of forms is downloaded to a desktop and later it can be imported to another place.
Let’s discover how to add these beautiful creations to a page or post and start to admire with them 🙂 In order to do this click a Smart Forms icone, choose a form type and a shortcode will appear there.

While Huge-IT form builder allows taking the shortcode of a certain plugin right from the page, where a user is working in the process of creating a forms. It is just necessary to press “get shortcode” button and it will appear above the form. The following two steps gives an opportunity to see the final version of the form: copying the shortcode and adding it to a post or page.

Besides the regular form Huge-IT Form plugin has frontend submissions. Its shortcode differs from the form plugin, so why it is necessary to choose a separate shortcode for frontend submissions. The information which should be displayed after a submission can be set from the admin page, just adding or removing ticks from the first column.

Let’s see what we have created together. First one is the form of Smart Form plugin.
and the Huge-IT’s one:

It is logical that the personal version of both plugins gives an opportunity to change color and style of almost everything. It can be color of button, font, background color of a form, theme options and anything else that a creator of a website expects and imagine.
Overall, going through this post and and summarizing it can be mentioned that this is a type of the plugin, which is important and necessary everywhere and every time. It doesn’t matter what kind if a website a person has, there are many visitors who would like to share their opinion, give some advice, make a remark, just say “thank you”, make some compliment and this list is endless. Keeping in touch and having conversations with visitors and clients are the most precious things that a website owner can have, because they motivate, inform, criticize and force users to create a more professional and attractive website.

Leave a Reply

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