Divi Contact Form Helper is a plugin that works with Divi to extend the capability of the integrated touch shape machine. It provides settings to the touch shape module, an interface to the WordPress dashboard the place you’ll arrange your shape entries, and extra settings to the Divi theme choices. The plugin provides new design and customization choices in addition to new capability equivalent to a date picker, a record add box, the facility to avoid wasting submissions to a database, and extra.

On this plugin spotlight, we’ll check out the options and settings for Divi Touch Shape Helper and will let you resolve if it’s the best product for you.

Let’s get began!

Putting in Divi Touch Shape Helper

You’ll be able to set up Divi Touch Shape Helper identical to every other WordPress plugin. Open the plugins web page within the WordPress dashboard and click on Upload New. Click on Add Plugin on the best, then make a choice the .zip plugin record out of your pc.

As soon as the plugin is put in, turn on the plugin.

Divi Touch Shape Helper

Divi Touch Shape Helper is an extension to Divi’s present touch shape module. It provides capability equivalent to record uploads, box textual content choices, the facility to avoid wasting submissions to a database, a date/time picker, further design settings, and extra. The plugin settings are unfold around the touch shape module, a brand new WordPress dashboard web page, and extra Divi Theme Choices settings. We’ll check out all of those settings to provide you with an concept of what will also be achieved with this plugin.

Touch Shape Module

As we undergo this plugin spotlight, we word that the adjustments made the use of the Divi Builder Touch Shape Helper settings is not going to show routinely within the Visible Builder. To view the adjustments made, it is very important open the web page in a brand new tab and refresh to get the up to date design.

To get admission to the brand new touch shape module settings, upload a brand new touch shape on your web page within the Divi Builder.

Box Content material Settings

The next settings are positioned throughout the content material tab of the person box atmosphere of the touch shape module.

Textual content Settings

Underneath the Textual content settings tab, you’ll display or disguise the sector label, display or disguise the placeholder, input customized placeholder textual content, input customized description textual content, and make a selection the outline location.

This is the end result at the entrance finish. On this instance, I added a label, a placeholder, and an outline to the Identify box.

Box Choices Settings

Subsequent, you’ll to find the Box Choices settings. The settings exchange relying on what form of box is chosen.

If the textarea sort is chosen, there can be an method to set a minimal and most duration for the message, make a choice allowed symbols, and alter the textual content space minimal peak.

Every box sort additionally has the choice so as to add an icon and alter its colour.

This is the icon at the entrance finish, throughout the Message box.

If the Choose Dropdown box sort is chosen, there can be an possibility to make use of dropdown seek.

This is the dropdown seek at the entrance finish. Dropdown effects are filtered as you sort within the seek bar above.

If the Checkbox box possibility is chosen, you’re going to see two format choices: Columns or Inline. If columns is chosen, you’ll set the selection of columns (as much as 4 columns).

This is the columns format with 3 columns and an icon.

And here’s the other inline format.

The radio button box format additionally has an possibility for a column or inline format, with an possibility for as much as 4 other columns.

This is the column format with 2 columns.

And here’s the inline format.

Record Add Settings

To get admission to the record add settings, you should first set the Box Sort to Enter Box throughout the Box Choices settings. Then the record add settings will seem.

Underneath the Record Add Settings tab, make a choice the button to permit the sector for use as a record add box.

As soon as enabled, you’ll set the utmost add record dimension, most selection of recordsdata, and allowed record varieties.

Date Time Settings

The date/time settings simplest seem when the sector sort is about to enter box. Toggle the button to make use of the enter box as a date/time picker.

 

When the choice is enabled, 3 settings tabs seem. Underneath the Normal tab, you’ll set the kind (date and time picker, date picker, or time picker), the date/time structure, make a selection to turn the picker inline, set the enter with the present date/time, exchange the language, or exchange the locale path to RTL.

Underneath the date settings tab, you’ll set a customized date structure, set the week get started day, make a choice days of the week to disable, and disable weeks.

You’ll be able to additionally disable previous dates, disable the present date, set a set or relative minimal date, set a set or relative most date sort, and set to be had and unavailable dates.

Underneath the time tab, you’ll set a customized time structure, minimal and most time, to be had and unavailable instances, and time steps period.

 

This is the date/time picker at the entrance finish.

Shape Content material Settings

The next settings are positioned throughout the content material tab of the touch shape settings.

Admin Electronic mail Settings

Underneath the admin e-mail settings, you’ll input a customized message for the admin and use wealthy textual content to structure the admin message. You’ll be able to upload an admin e-mail or permit conditional e-mail cope with routing with customized common sense the use of those settings (don’t fear, the plugin creator has documentation that can assist you set this up!).

Moreover, you’ll set the admin e-mail matter, e-mail cope with CC, and e-mail cope with BCC.

Affirmation Electronic mail Settings

The affirmation e-mail settings can be custom designed. You’ll be able to permit the affirmation e-mail to be despatched, input a customized matter line, and input a customized message. You’ll be able to permit wealthy textual content formatting to make use of for the message as smartly.

Submission Entries

Underneath the submission entries settings, you’ll save entries to a database, save record uploads to a database, ship record uploads as attachments with emails, gather person agent main points, use cookies for monitoring distinctive shape perspectives, and alter the customized message this is added to emails with recordsdata.

Publish Button

Underneath the put up button settings, you’ll exchange the put up button textual content and the wait textual content.

Integrations

There are two integration choices, Zapier and Pabbly. You’ll be able to permit both possibility and upload the mailbox cope with to ship emails to.

After Submission Habits

The after submission habits features a area so as to add a customized luck message in addition to an method to disguise the shape name, show a luck button with customized textual content and a hyperlink, or permit a redirect URL.

This is the after submission habits in motion, appearing the luck message, hiding the shape name, and showing the luck button.

Admin Label

Right here you’ll upload your personal admin label (shape ID) that can be proven within the database. You’ll be able to additionally upload a novel id quantity that may seem within the database and different admin spaces.

Design Settings

Let’s transfer over to the design tab of the touch shape settings. You’ll realize some new settings right here as smartly.

Box Label, Box Description, Good fortune Message Textual content Settings

The sector label textual content settings, the sector description textual content settings, and the luck message textual content settings sections function the entire default font and textual content design settings, equivalent to font, textual content colour, dimension, spacing, alignment, and many others.

Right here you’ll see the labels for the title and e-mail fields were displayed, and the sector label textual content design used to be custom designed to be displayed at the entrance finish.

Good fortune Button Settings

The luck button settings assist you to customise the design of the luck button the use of the default button design settings, equivalent to font, textual content dimension, button spacing, button colours, and many others.

This is the custom designed luck button at the entrance finish.

Date/Time Picker Settings

Inside the basic tab of the date/time picker design settings, you’ll customise the background colour, margin, padding, border, and shadow settings.

Shifting over to the date tab, you’ll exchange the date picker width and peak, customise the month/12 months textual content settings, the times of the week textual content settings, the calendar dates textual content settings, the present date background and textual content colour, the chosen date background and textual content colour, the to be had dates background and textual content colour, and the unavailable dates background and textual content colour.

Underneath the time tab, you’ll customise the time picker width and peak, the time textual content settings, the present time background and textual content colour, the chosen date background and textual content colour, the to be had time’s background and textual content colour, and the unavailable time’s background and textual content colour.

With all of those customization choices, you’ll totally customise the glance of your date/time picker. This is the date/time picker at the entrance finish with some custom designed design settings.

Publish Button

Two new settings have gave the impression underneath the put up button segment. You’ll be able to exchange the button alignment and make the button full-width.

This is the full-width button at the entrance finish.

Border

Right here you’ll taste the focal point enter border with colour, taste, radius, width, and elegance settings. This border will seem across the person box when decided on.

This is the focal point enter border highlighting the title box.

Dashboard

Now that we’ve explored the brand new Touch Shape module settings, let’s check out the Touch Shape web page within the WordPress dashboard.

Entries

You’ll be able to see all of the shape submissions you will have won at the Entries web page. For each and every access, you’re going to see the access quantity, the e-mail cope with, its learn standing (together with the person who learn the access and the precise time and date it used to be learn), the shape ID, the date, and the IP. The entries web page will also be looked after via unread and skim on the very best. You’ll be able to additionally use bulk movements on entries and filter out the desk via month or via a particular shape. In spite of everything, you’ll export a CSV of your entries with the button on the best and seek your entries with the quest bar.

Whilst you click on to view a person access, you’re going to see the sector content material within the access main points segment. Underneath this are different entries via the similar person, which is an overly useful function. At the proper, you will have a trash and delete button, a answer/ship e-mail button, a create e-mail template button, and a create publish button. Underneath are meta main points such because the submitter ID, submitter, touch shape ID, web page, referrer URL, and date, adopted via user-agent main points.

Ship Electronic mail

When you choose the ship e-mail button, you’re going to see this interface. You’ll be able to upload the e-mail from cope with, the e-mail matter, the answer to e-mail cope with, and the message. You’ll be able to use the e-mail knowledge tags indexed on your message as smartly.

Create Template

You’ll be able to additionally create e-mail templates to temporarily reply to entries. You’ll be able to set the template sort, template title, make a choice a touch shape, set an e-mail from cope with, the e-mail matter, and the e-mail message.

Create Put up

With the create publish possibility, you’ll create a brand new weblog publish or web page via mapping fields within the touch shape.

Export CSV

At the export CSV web page, you’ll exchange the CSV record title, make a choice the touch shape, and make a choice what form of entries to incorporate within the export.

Paperwork

From the bureaucracy web page, you’ll see a listing of the entire bureaucracy in your website with data equivalent to entries, perspectives, distinctive perspectives, conversion fee, distinctive conversion fee, closing access, and hyperlinks to view entries, export CSV, and examine the shape.

Theme Choices

Now let’s navigate to the Divi Theme Choices throughout the WordPress dashboard. You’ll see a brand new tab titled Divi Touch Shape Helper right here.

Normal Settings

Underneath the overall settings, you’ll permit touch shape stats, permit despatched e-mail logs, permit clone logs, make a selection to take away plugin knowledge when uninstalled, and edit the allowed MIME varieties.

SMTP Settings

The SMTP settings tab has a button to permit SMTP settings. As soon as enabled, you’re going to see settings for the SMTP host, SMTP from e-mail, SMTP from title, Encryption, SMTP port, Auto TLS, and Authentication. There’s a button to test if the SMTP integration may be running.

Auto Backup Settings

Divi Touch Shape Helper comes with an auto backup atmosphere you’ll permit. You’ll be able to permit this option, upload a backup e-mail cope with, and set the backup agenda.

Customized Label Textual content

In spite of everything, right here you’ll customise the touch shape label textual content.

Divi Touch Shape Helper Examples

Instance 1

The primary instance includes a title box, an e-mail cope with box, a date picker, and a message box. It includes a blue colour scheme with a full-width button.

Instance 2

The second one instance has a inexperienced colour scheme and contours the similar title, e-mail cope with, date picker, and message fields, together with a radio make a choice box and a record add box.

Acquire Divi Touch Shape Helper

Divi Touch Shape Helper is to be had within the Divi Marketplace. It prices $25 for limitless web page utilization and twelve months of improve and updates. The cost additionally features a 30-day money-back ensure.

Ultimate Ideas

Divi Contact Form Helper provides some primary capability to the Divi Touch Shape module. You’ll be able to totally customise each facet of the touch shape and create a novel design on account of this plugin’s further design choices. And due to the capability Divi Touch Shape Helper provides, you’ll even settle for recordsdata, agenda occasions, and so a lot more. The entries interface is handy to have, permitting you to simply reply to messages and stay observe of entries from the WordPress dashboard. In case you’re taking a look to take your touch shape to the following degree or want capability past what the default touch shape can be offering, this may well be a super product for you.

We would like to listen to from you! Have you ever attempted Divi Touch Shape Helper? Tell us what you take into accounts it within the feedback!

The publish Divi Plugin Highlight: Divi Contact Form Helper gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more