Divi Popup Contact Form Template

In order to make the Popup Contact Form template for Divi, apply this guide:

1. Select from a list the Popup Contact Form template specifically for Divi.
2. Open the picked template.
3. Hit the “Use Template” button.
4. Edit all the attributes and characteristics of the Popup Contact Form to fit your Divi aesthetic.
5. Log in to your Elfsight profile and obtain the code to add.

It’s as simple as that; just navigate to the “Appearance” menu in the demo. Pick the layout placement. Change width and position. This is it!

In order to integrate the Popup Contact Form plugin to the Divi webpage, apply the simple guideline:

1. Modify the Popup Contact Form template.
2. Sign in to your Elfsight’s control panel.
3. Obtain the individual plugin code and copy it.
4. Go to Divi and enter the code into your site HTML editor.

Form Title

The form’s title should perspicuously represent what visitors are completing. Express the brand presence by keeping the caption short, simple, and memorable. This will help users quickly understand the reason why they’re filling out the Popup Contact Form and how their info will be utilized.

Input Fields

This is where clients will input their name, email address, response, and every other applicable information you need to gather from customers.

Submit Button

This attribute is important to any form due to the fact that it lets customers know when their information has been effectively sent.

Privacy Policy

Be sure to add a link to your website’s data protection policy in your Divi Popup Contact Form so that clients understand how their details will be used and secured by your business or organization.

Anti-Spam Captcha

Incorporating an anti-spam captcha verification helps prevent spammy submissions whilst guaranteeing only real people are gaining access to the form content and not robots.

Confirmation Message

Once a customer has successfully filled out and submitted the Popup Contact Form, ensure they get some confirmation message that their submission was accepted and is being processed by your customer service or organization.

Divi Mobile Optimization

Make the form optimized for each mobile display by using a responsive layout. It’s easy to read on any monitor resolution, browser platform, operating system, and orientation. Moreover, properly showcase all fields, labels, and instructions to get a clear and concise result.

Divi Visuals

Improve the usability on your website by incorporating visuals. Consider using images, signs, or vibrant colors to attract attention to the submit button or call-to-action (CTA). But try to avoid using lots of colors and visuals, as it can be daunting and distract from your main message.

Fields Validation

Including validation helps reduce errors that can occur when customers enter inaccurate information. Require the crucial fields in real-time, so users know when they have made a mistake and can change their data before sending the form.

In order to insert an integration to your Divi Popup Contact Form, use the points from the detailed guideline:

1. Locate the “Integrations” menu tab in the demo editor.
2. Select an application integration.
3. Connect the Popup Contact Form to the chosen integration and authorize the account.

For our beloved customers, we provide Mailchimp, Google Sheets, and over 5000 application integrations via Zapier! Making a practical Popup Contact Form doesn’t have to be a difficult task. With the proper template, you can quickly make an efficient form for your particular case.