Nowadays Video backgrounds are a hugely popular website design trend.
Videos are a great way to share a story keep people on your website longer, engage them with your content and bring any site to life.
In this tutorial I will show you how to do it in Divi and customize it by adding a nice overlay.
Step 1: Look for your perfect Video Background
You can upload your own video or use a Free Stock Video Website like Pexelsand look for a video that covers your business needs.
In Pexels, all videos are free for personal and commercial use.
You can look for your videos by topic and choose position and size.
Step 2: Upload Your Background Video
Once You´ve download your lovely video Open the Divi Section Options.
Upload Your Background Video, This is where we can upload our video. (Note that it is recommended that you upload the video in MP4 format to ensure maximum browser compatibility.)
Save Your Background Video Choice.
Add Some Content to that section, For example I´ve added a Call To Action.
Step 3: Customize adding a lovely overlay
By default it’s not possible to add overlay effect to a section or any other Divi modules that contain a video background.
Usually it’s not a good idea to combine multiple fonts, or font sizes on one text line but there are exceptions where they look good.
In this post I´ll show you how to get this result that you can see on my WordPress theme, Meryl.
Step 1: Add Text module
Add a text module and write text you want to show up. On my example, I´ve added text in h2.
Step 2: Upload your custom font
Upload your custom font.
On my example I have to choose h2 font and upload Modernline font. (you only can use form personal use). Now all text will be displayed with the font you have uploaded. No problem! you already have your font loaded and you have to undo the changes.
Step 4: Add span text
Now we have to select a certain text with a custom font. The aim is to create a beautiful contrast in your text. Go to text content and select text tab.
On my example I want to contrast the word capturing so I need putting the following HTML code: Paste this code and edit your color and font size and text:
This tutorial I walk through the process to give a Free Download to your Subscribers in Divi.
Do you want to grow your email list with a lead magnet?
Lead magnet is a Free eEbook, PDF Guide, Course, Template, … in exchange for your visitors’ email addresses is a great strategy to grow your email list.
In this post I´ll show you how to redirect Divi Optin module to a thank you page for immediate free download, in four simple steps.
Step 1: Upload Your Lead Magnet
Find your freebie file on your computer, and upload your freebie through the Media library.
Alternatively, you can upload it to a cloud storage service like Google Drive or Dropbox if it´s a very large file and hide your lead magnet from search engines.
Step 1: Build a Thank You Page
Build your thank you page or section with a button or a call to action.
In Jane theme I´ve added a Call to Action with a link to my lead magnet.
Step 2: Create a Lead Magnet Signup Form
Next, Build a lead magnet page (or page section) focus visitors’ attention on what you’re promoting, with a Email Optin that gets people to sign up for downloading your freebie.
Divi Email Optin Module allows you to define a URL where the user should be redirected after they opt in.
This allows you to use the optin module redirecting your readers to a thank you page or download pages after they have provided you with their email address.
Go to Email Optin Settings > Content > Success Action > Choose Redirect to a custom URL > Paste your URL
Step 4: Deliver the Free Download through your Thank You Page
Once your readers subscribe to your list, you can direct them to a Thank You Page where they can download the freebie.
That’s it!! You´ve added a Free Download to your Subscribers!
In this post I´m going to explain how to add Privacy Policy to Divi Contact Form.
The General Data Protection Regulation (GDPR) is an European Union and United States law (EU) that requires companies and site owners to disclose the information they collect about their visitors and how this information is used (check out the ultimate guide to WordPress and GDPR compliance.)
All websites collect information about their visitors in different ways ( Comments, Contact forms, Google Analytics, Optin Forms, Google Adsense, ..)
So It´s it is necessary to make clear in Privacy Policy what information you are collecting, why, and how your readers can update, manage, export, and delete their information.
To make your Divi Contact Form GDPR-compliant, simply adding a required consent checkbox with clear explanation should be good enough.
Step 1: Create your Privacy Policy
If you don´t know exactly how to create your Privacy Policy, you can use this awesome generator.
Go to Pages > Create your page > Open More Tools & Options > Select Code editor > Paste code generated below > Publish your page.
Now you have your Privacy Policy created !
Navigate to to Settings > Privacy > Select your Privacy Policy you´ve already created.
Step 2 : Adding Link to Privacy Policy to your Contact Form
Now, open the Contact Form Module (By default, it comes with First Name, Last Name, Email and Message ) and add new field to it.
Add Field ID and Title. This text will appear above checkbox field.
Choose “Checkboxes” as the type of this field.
Type the checkbox and open the hyperlink icon.
Paste the Privacy Policy link and Link Text.
In this video you can see how is built Contact Form in Divi Jane Theme
In this tutorial I want to share you how to integrate Divi Builder with your MailChimp account. Building an email list is one of the most important things that can grow your business. If you build a mailing list, you will have the opportunity to send them your news and offers directly to their email. In my opinion, one of the best platforms to collect emails and send marketing campaigns is MailChimp. For this, it´s necessary to create an API key to connect your MailChimp account with your Divi Builder.
Step 1
In your Mailchimp account, click your profile and select “Profile”.
Step 2
After logging in your MailChimp account, clicK “Extras” and select “API Keys“.
Step 3
Click the Create A Key button to create a new API key. Once the API key is created, copy the API key on the API key column.
Step 4
Go to your site and add an “Email Optin” module to your Divi layout and select your server Provider: MailChimp.
Step 5
Enter your MailChimp Account Name and the API key you have created above. Click the Submit button.
Step 6
Select a MailChimp list from the dropdown menu on the list section. Save changes.
Step 7 (optional)
Configuring Spam Protection Account Enabling it will offer you a much higher level of security. First of all, you will need to create a Google reCaptcha v3 profile for your website. To do it, go to https://www.google.com/recaptcha/admin/create and fill in the details like you can see on this screenshot: When you fill it in, click on “Submit” button and you´ll get a reCaptcha Site Key and Secret Key. Go to Emil Optin Settings, choose the option “Spam Protection”. Click to ADD a new reCAPTCHA v3 Account and copy & paste your Google reCaptcha site key & secret key here. Then click Submit.
Step 8
By default, the Email Optin module comes with 3 fields ( First Name, Last Name and Email ). You can remove the unnecessary fields checking Fields. And finally, customize it!
For this, it´s necessary to create an API key to connect your MailChimp account with your Divi Builder.
When you fill it in, click on “Submit” button and you´ll get a reCaptcha Site Key and Secret Key. 
Go to Emil Optin Settings, choose the option “Spam Protection”. Click to ADD a new reCAPTCHA v3 Account and copy & paste your Google reCaptcha site key & secret key here. Then click Submit. 
And finally, customize it! 
