How to build a Divi product category page template
Do you have a WooCommerce website and want to know how you can use the Divi Builder to create a Divi Product Category Page template? If yes, then you are at the right place. Here we have a step-by-step guide to help you out and will also show you how to add product...
How to add and customize the Divi dot navigation
The Divi dot navigation is a built-in feature designed to improve the overall UI and UX of your website by adding clickable dot navigation links to your page that link to corresponding sections on your page. It’s essentially a floating link bar with integrated...
How to use Lottie animations In Divi
Lottie animations are becoming increasingly popular, with more designers and website developers opting to use them over traditional GIF animations. As such, if you too want to use Lottie animations on your Divi website, then here is a detailed guide to help you out....
How to create a Divi WooCommerce product page template
If you want to add an online store on your Divi website, then going with WooCommerce is your best bet. It is a WordPress plugin that adds all the necessary bells and whistles to turn your website into a full-fledged eStore. It supports a custom post type for creating...
What is Google reCAPTCHA and how to use in Divi
Did you know that Divi comes with Google reCAPTCHA support built-in? This means you can use the Divi Contact Form module and Email Optin module to engage your visitors without being annoyed by spammers and bots. If you have been using a third-party anti-spam plugin,...
How to add Instagram to Divi websites (2021 Guide)
Instagram is currently the hot social media platform with over 1.3 billion active users who checks in on the app every day, for 30mins/day on average. By default, Divi does not come with any Instagram integration. If you want to incorporate the social media platform...
How and Why to Add Google Analytics to Divi
Do you know how many website visitors you are getting and which pages they are viewing? Google Analytics is a free website analytics tool provided by Google that tracks and reports your website user activity. It will give you data on which pages the users visit most,...
How to Use WebP Images With Divi
The WebP image format has gained a lot of traction over the past couple of years. More and more webmasters are choosing to use WebP images on their websites instead of the traditional JPEG or PNG formats. This is mostly because WebP images have a smaller footprint all...
Change the Divi Blog “Read More” text + make it a button
The Divi Blog module allows you to list all of your blog posts anywhere on your website. In the modules element settings, there is an option to enable a “Read More” text link that can be clicked to take users to the full blog post. Two of the most popular...
How to use the Divi user role editor
Even though Divi is very user-friendly and easy to use, we can’t deny that it comes with a learning curve. And so, if an untrained client gets their hands on your Divi website, they can break the entire design. The Divi User Role Editor allows you to limit what...
How to use anchor links in your Divi website
Do you want to make your Divi website more user-friendly and easy to navigate? Are you looking for a way to allow users to jump between the various sections on your pages and posts? If yes, then you have come to the right place. Today we will explore how to use anchor...
How to add a Divi coming soon page
You can add a Divi coming soon page If your upcoming website is not yet ready for users to view. Viewers will only be able to access the coming soon page and any other pages will remain hidden. If they try to access any other page they will be redirected to the coming...
Create gradient text (or anything) in Divi
Divi allows you to add gradient colors to the background of any element so there is a gradual transition from one color to another. Gradients can not be applied to the content within a module. So, you can add gradient colors to the background of a Divi Text module,...
Floating images with looping Divi animations
Divi comes with a built-in Animations tab that allows you to apply a range of animations to any section, row, column, or module. By combining a single line of CSS together with the built-in Divi animation options we can create some subtle looping animation effects for...
How to hide the Divi header and/or footer
Divi comes with a header and footer that will be displayed by default throughout your website. The header and/or footer can be hidden together or individually on any or all pages as required. You can hide the Divi header and footer on specific page by manually...
How to build a global custom footer for Divi
Your website footer is the section at the very bottom of your pages and it is there to provide your users with links to keep them browsing your site and to provide key information they may have missed elsewhere on your site. There are two options for creating your...
How to add a favicon to Divi
a favicon (short for favorite icon) or Site Icon is a small image that is most commonly displayed with your website title in browser tabs. A favicon usually contains the site logo and it is there to help users quickly identify your website visually without needing to...
How to align your Divi Blog module grid
The Divi Blog module design settings allow you to choose to have your blog posts display as either a grid layout or as a full-width layout. You may find that you need to align your Divi blog post listings manually when using the grid layout due to differences in post...
How to vertically align text & images in Divi
Your text and/or image content in Divi will often look much better when it is vertically aligned. There is no built-in option to vertically align content in Divi. By using CSS with Divi you can make sure your content is aligned for any content height and is...
How to add extra social media icons to Divi
Divi allows you to add social media icons with links to your profiles in the header and footer areas. These social icon links are activated in the Divi Theme options. By default, Divi only comes with four social media icons to choose from which are Facebook, Twitter,...
How to choose the right Divi image size and optimize for your site
Optimizing your website images to ensure they are created at the correct size, compressed efficiently and have the necessary data when uploading will help give your website an easy boost in traffic and keep your visitors happy. Images that are optimized for your Divi...
Create a sitewide template for Divi blog posts
Elegant Themes recently released Divi 4.0, which includes a Theme Builder that lets you create templates for any of your pages or post types. After creating a custom header & footer for your website, the next thing you will most likely want to create with the new...
How to update Divi
Why do you need to update Divi version? Divi is regularly updated to new versions from the team at Elegant Themes and those updates will include bug fixes, new & improved features, and security updates. You can view every update that is made to Divi in the Divi...
Where to add custom CSS to Divi (and where NOT to)
What is CSS and why would you want to add it to Divi? “Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML.” Divi comes with a large range of built-in options that...
Use Divi Support Center to check your hosting settings
Having the right hosting is a crucial part of any successful Divi website but having a great host for your site is only a part of the solution. Setting up your hosting so that your website can run at its best can mean the difference between a slow and buggy experience...
How to use Google maps in Divi using iFrame embed (no API)
When you add a map module in Divi it will display an error message “This page can’t load Google Maps correctly” and displays a map with “for development purposes only”. This is because the map module requires you to enter a Google Maps...
Verified 3rd party Divi extensions, child themes & layouts. *Affiliate link