Overview
Welcome to the documentation area and getting started guide for the Divi Contact Form Helper plugin! On this page, you will find all the steps you need to set up and use our plugin. Each step provides a summary of information related to that step in the process. You will also notice links to separate documentation guides in the steps below. Please be sure to follow all of these steps and access the additional resources as needed.Overview Video
This video provides an introduction to the plugin and some of the settings that are available. Keep in mind, we have many updates since this and the video only shows about 20% of the settings.
1. Install Divi
Our Divi Contact Form Helper plugin is a 3rd party addon for the Divi Theme by Elegant Themes, so having Divi installed and active is a prerequisite for installing and using our product.Disclosure: The link to Elegant Themes is an "affiliate link" which means if you click on the link and purchase anything, we will receive a commission.
2. Login And Download Divi Contact Form Helper
After completing the purchase, log into your account from the top right corner of the website. You can access your downloads by clicking on the "Orders" tab and then the "View Order" button, or by clicking on the "Downloads" tab. Click on the plugin name to download the plugin and save the file to your computer.
Divi Marketplace Customers: If you purchased this plugin from the Divi Marketplace, you can download the product from your Elegant Themes members area.
3. Install The Plugin
Now that you have Divi installed, and the plugin downloaded, you are ready to install the Divi Contact Form Helper plugin. Installing our plugin works the same as installing any other WordPress plugin. From your WordPress Dashboard, go to Appearance>Plugins>Add New and click on Upload Plugin. Locate the plugin .zip file on your computer, which selects the file to up, and click Install Now. Once the file upload is finished, you can click on Activate.PREREQUISITE: This plugin requires Divi 4.13.1 or higher. This is after Themes updated some code in their Contact Form module that allows for some advanced features in our plugin to work. You will receive a fatal error if you install our plugin on an older version of Divi.
NOTE: Installing or updating this plugin may require you to clear your cache before the settings take place. This may include your browser cache, any caching plugin, and possibly even your CDN if you are using one.
4. Add Your License Key
After installing and activating the plugin, the next step is to add the plugin license key. This allows your site to communicate with our servers to ensure that you get automatic updates and support.
Single Product Customers: You can find your license keys by going to the "Subscription" tab in your account and clicking the "View Subscription" button. On the next screen, click the "License Keys" button.
Membership Customers: The license keys are at a different location for Divi Adventure Club members. You can find your license keys by going to the "Order" tab in your account and clicking the "parent" order (the first one when you purchased the membership). Click on the "License Keys"button on the parent order.
For both single product or membership customers, this will bring you to the page where you can view, copy, add, deactivate, and delete license keys. Please check our full License Key Management guide for more information.
Divi Marketplace Customers: If you purchased From Divi Marketplace, then there is no license key to add. Updates and support for the plugin are validated using your Elegant Themes account, so just take a moment to be sure you have the proper Username and API key credentials added in the Divi> Theme Options> Updates tab in your website. Note that there is no additional license key to enter for this product, it is handled entirely by your Elegant Themes account credentials. You can refer to the Divi Marketplace Customer FAQs for more information.
5. Get Familiar With The Features
Now comes the exciting part—exploring the wide range of features this addon offers! Before diving in, review the Feature Chart for a quick overview of what the plugin can do. The Settings List provides a comprehensive guide to each feature, complete with labels, help text, and the version in which each setting was introduced. This serves as both a detailed documentation and a combined changelog and roadmap.
The plugin’s settings are distributed across three main areas:
- Divi Builder>Divi Contact Form Module: Most settings are integrated directly into the existing module.
- Divi > Theme Options: Additional settings can be found here.
- WordPress Dashboard>Contact Form Menu: Some settings are located under this menu in the WordPress dashboard.
Take your time to familiarize yourself with these areas to make the most of the plugin’s capabilities.
6. Suggestions To Get Started
Here are some essential tips to help you quickly get started and make the most out of your plugin. We’ve also provided links to detailed documentation for each feature. You can find these links in the sidebar (on desktop) or at the bottom of the page (on mobile).
Important Settings
Save Entries to the Database
Most users prefer to Save Form Entries To The Database to ensure that form submissions are saved to the database, allowing you to view them later, keep backups, and never miss a submission.
Enable SMTP Email Sending
Set up or verify your site’s SMTP Email Sending settings to ensure that email notifications are sent correctly. This should be one of your first steps.
Add Extra Spam Protection
Enhance your form’s security by using Spam Protection features like honeypot field, Cloudflare Turnstile, or Google reCAPTCHA v2 to protect against spam and bots.
Notification Emails
Upgrade Admin Notifications
Customize the Admin Notification Email with a personalized subject line, routing options based on form selections, a custom “from” name, and the ability to use CC or BCC.
Send Confirmation Emails
Automatically send a Confirmation Autoresponder Email to the person who submits the form, including customizations like the subject line, from name, from email address, reply-to email address, and rich text formatting.
Improve Existing Features
Customize Field Text
Use the Field Text Options to display labels, placeholder text, or field descriptions to enhance user understanding.
Explore Additional Field Options
Unlock Advanced Field Options like asterisks on required fields, field icons, searchable dropdowns, custom phone number formatting, or multi-column layouts for checkboxes and radio buttons.
Utilize Dynamic Merge Tags
Use Dynamic Merge Tags to display form content within the message body or subject line, making your emails more informative.
Improve Error Messages
Enhance the user experience with Improved Error Messages like repositioning the error message or adjusting its design to fit your form layout.
Configure The After Submission Behavior
Customize the After Submission Behavior with enhanced success messages, redirection, a loading icon, dynamic merge tags, rich text, buttons, and full design customization.
Specific Use Cases
Add a File Upload Field
Incorporate a File Upload Field into your form, complete with size limits, the number of files allowed, and specific file type restrictions.
Set Up a Datepicker Field
Use the Date & Time Picker Field to facilitate appointment scheduling or any other date and time selection needs. Learn more on the Add Datepicker Field page.
Integrate with External Tools
Connect your contact form entries with almost any other applications using our Integrations like Zapier, Pabbly, and Webhooks to automate processes.
Use the HTML “Anything” Field
Get creative with our HTML “Anything” Field, which allows you to display headings, paragraphs, dividers, images, links, bullet lists, numbered lists, or anything else that HTML can handle.
Troubleshooting & FAQs
If you encounter any issues or have questions not covered in the regular documentation, be sure to visit the Troubleshooting & FAQs page for additional guidance.
Plugin Updates
Any time we push out an update with new features, improvements, and bug fixes, all customers with an active license will see a notification in your WordPress dashboard. The update process is exactly the same for our plugins as it is for any other WordPress plugin. Learn more about product updates in our documentation. There are some important steps to take, including making a backup, testing on a staging site, and clearing your cache.
Blog Posts/Videos
Every time we release a major new update, we also create a written post and video highlighting all the new features. Be sure to keep an eye on our blog for all the exciting updates! You can check out the past updates on our blog as well.
Other Resources
This main page of our product documentation and the additional links provide everything you need to know to get started. But don't forget to take advantage of our other resources as well. Take a moment to browse and reference all the documentation links such as the frequently asked questions, the product changelog, known issues, troubleshooting steps, and the roadmap. We want you to be able to easily find everything you could need, so we spend a lot of time continually updating everything for your convenience.
![[object Object]](https://www.peeayecreative.com/wp-content/uploads/2024/06/support_1.png "support_1")
