How to combine multiple fonts on one line in Divi

by crisa28 | Sep 29, 2020 | Divi Tutorial

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:

In this video you can see the process:

How to give a Free Download to your Subscribers in Divi

by crisa28 | Apr 20, 2020 | Divi Tutorial

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.

You can learn How to Integrate MailChimp with Divi Builder

Step 3: Redirect Subscribers to Confirmation Page

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!

How to add Privacy Policy to Divi Contact Form

by crisa28 | Apr 11, 2020 | Divi Tutorial

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

You can read more about all these Divi GDPR options in this Elegant Themes blog post.

I hope this post was helpful. If you have any questions, feel free to leave your comment below!

How to integrate MailChimp with Divi Builder

by crisa28 | Apr 5, 2020 | Divi Tutorial

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!

Example in Angeline Theme:

Do you need more info about Divi Email Optin Module ? How to add, configure and customize the Divi email optin module: https://www.elegantthemes.com/documentation/divi/newsletter