Floating Form Template

In order to design the Floating Form template for your website, follow this instruction:

1. Pick from a catalog the Floating Form template.
2. Open the chosen template.
3. Press the “Use Template” option.
4. Customize all the attributes and characteristics of the Floating Form to match the website style.
5. Log in to the Elfsight account and receive the code to embed.

It’s as simple as it seems; just navigate to the “Appearance” menu in the configurator. Choose the layout template. Modify width and position. This is it!

To enter the Floating Form plugin to the site, complete the brief instruction:

1. Modify the Floating Form template.
2. Sign in to the Elfsight account.
3. Obtain the individual widget code and copy it.
4. Go to the website and integrate the code into the HTML editor.

For our beloved clients, we provide Mailchimp, Google Sheets, and over 5000 integrations via Zapier! Creating a practical Floating Form doesn’t mean you have to be a rocket scientist. With the proper template, you can easily make an effective form for your particular case.

In order to enter an integration to your Floating Form, complete the steps from the brief instruction:

1. Navigate to the “Integrations” menu option inside the demo builder.
2. Select an integration.
3. Sync the form to the chosen application integration and authorize the account.

Form Title

The form’s caption should clearly describe what customers are completing. Express your brand presence by keeping the title brief, sweet, and catchy. This will help users easily get the idea why they’re submitting the Floating Form and how their data ends up being used.

Floating Form Input Fields

This is where customers shall input their first and last name, email address, message, as well as any other applicable information you desire to collect from visitors.

Floating Form Submit Button

This is an essential element of any form considering that it lets clients release when their own info has been effectively sent.

Privacy Policy

Don’t forget to include a hyperlink to your site’s privacy notice in your Floating Form so that clients understand how their information will be utilized and protected by your company or organization.

Floating Form Anti-Spam Captcha

Including an anti-spam captcha helps prevent spam submissions while making sure only real users are accessing the form information and not bots.

Confirmation Message

After a client has successfully filled out and submitted the Floating Form, make sure they get some confirmation message that their submission was sent and is being taken care of by your support team or firm.

Floating Form Mobile Optimization

Build the form mobile-friendly for each mobile device by using an adaptive layout. It’s easy-to-use on any screen size, browser, operating system, and orientation. Additionally, correctly display all of the fields, labels, and directions to get a clear and concise outcome.

Floating Form Visuals

Create a great user experience on your webpage by adding visuals. Think about using pictures, symbols, or eye-catching colors to emphasize the submit button or call-to-action (CTA). But attempt to avoid using various colors and visuals, as it can be intimidating and distract from your core message.

Floating Form Fields Validation

Including field validation helps reduce mistakes that may occur when users enter inaccurate information. Validate the essential fields in no time, so customers know when they have made an error and can adjust their details before sending the form.