Blank Form Template

In order to design the Form Builder template for your website, complete this tutorial:

1. Select from a catalog the Form Builder template.
2. Open the chosen template.
3. Click on the “Use Template” button.
4. Edit all the attributes and features of the Form Builder to fit the website style.
5. Sign in to your Elfsight profile and receive the code to enter.

It’s as simple as that; just open the “Appearance” menu in the editor. Select the layout template. Modify width and position. This is it!

In order to embed the Form Builder plugin to your webpage, apply the detailed guideline:

1. Customize the Form Builder template.
2. Log in to your Elfsight’s control panel.
3. Obtain the individual widget code and copy it.
4. Go to the website and insert the code into the HTML editor.

For our beloved clients, we offer Mailchimp, Google Sheets, and 5000+ integration services via Zapier! Making a useful Form Builder doesn’t mean you have to be a rocket scientist. With the correct template, you can quickly make an effective form for your particular case.

To integrate an integration to your Form Builder, use the points from the uncomplicated guideline:

1. Navigate to the “Integrations” menu option in the live demo configurator.
2. Pick an app integration.
3. Connect the Form Builder to the selected application integration and authorize your account.

Form Title

The title should lucidly describe what customers are filling out. Reveal the brand identity by keeping the title brief, simple, and catchy. This will help users easily understand the reason why they’re completing the Form Builder and how their info will be utilized.

Form Builder Input Fields

This field is where consumers will put their name, email, message, plus every additional pertinent details you need to obtain from consumers.

Form Builder Submit Button

This element is important to any form as it lets visitors release when their info has been successfully submitted.

Privacy Policy

Remember to add a URL-link to your website’s data protection policy in your Form Builder so that clients understand how their information will be employed and protected by your company or firm.

Form Builder Anti-Spam Captcha

Adding a spam-blocking captcha helps protect against spam submissions whilst making sure only real users are accessing the form content and not robots.

Confirmation Message

Once a user has effectively filled out and sent the Form Builder, check out if they get some confirmation that their submission was sent and is being taken care of by your customer service or firm.

Form Builder Mobile Optimization

Build the form optimized for each mobile display by using a responsive layout. It’s easy to operate on any display size, browser platform, operating system, and orientation. Additionally, correctly display all areas, labels, and directions to get a distinct and stylish result.

Form Builder Visuals

Improve the user experience on your site by adding visuals. Consider using images, signs, or vibrant colors to draw attention to the submit button or call-to-action (CTA). But stay away from using lots of colors and visuals, as it can be overwhelming and distract from the main point.

Form Builder Fields Validation

Adding field validation helps decrease errors that can take place when users insert incorrect data. Validate the crucial fields in no time, so consumers know when they have made a mistake and can modify their details before sending the form.