Listing Category: Contact form

Styling Caldera Forms to Look Like the Divi Contact Form

Caldera Forms is one of the most popular and highly-rated (FREE) form plugins in the WordPress repository. It’s drag and drop user interface makes it incredibly easy to build all kinds of forms. If you’re used to using the Divi builder then the Caldera builder should come pretty naturally to…

Add a floating bubble icon that opens contact form popup

Today I would like to show you how to add a floating bubble button that opens a modal popup – it is exactly the same as you see on our website. We use a premium WordPress plugin called – Layered Popups. For this tutorial we will trigger Caldera Forms. This is available for free, and in my opinion, this is the best and the easiest form maker available for WordPress.
For all operations described in this article I would strongly recommend you use a child theme….

Create a Compelling About Page for Your Portfolio Website with Divi

In today’s post we’re going to finish off our minimal portfolio website with a simple and (hopefully) effective about/contact page….

Divi Floating Contact Form

You can create sliding panel with any Divi module by combining below two plugins and enabling custom post type support. This may come handy if you want to set up floating contact form in Divi theme…

How to Use Divi ET Modules Icon Fonts

How to use the native Divi ETModules Icon Font Set to create a simple contact section with icons….

5 Alternatives to the Divi Contact Form

The contact form that is built into is great for a basic contact form, but doesn’t cut it when you want something a bit more complex. That’s why we’ve put together a list of 5 great alternatives to the Divi form, for when you need your form to do that little bit more…

Add Field Labels in the Contact Form Module

Field Labels are very important element in the contact form module and by default these field labels are hidden. We can make visible these field labels by using the following code. .et_pb_contact_form_label { display: block !important; }…

Customize Thank You Message of Contact Form

Many of people wants to customize the thank you message of the contact form module and of course it is a easy thing to achieve. Follow the steps to customize the Thank you message of Contact Form Module Go to Divi Theme Options and Paste the given code inside the…

Change the font color of the success message when using the Contact Form

Upon submission of Contact Form there is a Success Message, how do you adjust the font color of that text?

An easy way to view any Divi builder shortcodes – Add Divi contact form to your sidebar

You can add any module into your sidebar or any other place using Divi builder shortcodes. Here’s a way to add Divi contact form to your sidebar…



Join our mailing list to receive latest news and updates from Divi theme tutorials directory.

Get inspired once a week with a list of hand-curated tutorials by top experts on how to increase your website building skills. It's quick, it's easy, it's the best way to increase your productivity.


You have Successfully Subscribed! Please Confirm the Subscription from your mail

Divi ‘tumblr’ Style Fullscreen Scrolling Child Theme See it in action!