Divi Tutorials

Your brand identity isn’t complete without core values, and your work culture may be muddled as well. When you know your company’s core values, employees can stay focused on the brand while working on various projects. Plus, employees who feel they’re serving a purpose at work are more likely to stay in their current jobs rather than seek employment elsewhere.

Animated circle counters are a popular way to showcase information (like stats or metrics) on a web page with a fun interaction. In fact, you may already be familiar with Divi’s Circle Counter Module, which makes adding circle counters to your Divi site quick and easy. However, in this tutorial, we are going to show you how to build completely custom circle counters that animate on scroll! We won’t need any external custom CSS to create them. The trick is to take advantage of Divi’s Layers feature to manage multiple modules that are layered and animated with precision.

For many corporate and personal brands, video is more important than ever before. With 78% of people online watching videos weekly–and 55% watching daily–it’s a great time to gather video marketing tips for your strategy.

There are many ways you can use Blurb Modules throughout your page design and now, with Divi’s scroll effects, animating them on scroll becomes an effortless experience. In today’s tutorial, we’ll show you how to create an expanding circular blurb layout that you can use to emphasize four different Blurb Modules. We’ll use Divi’s absolute positioning to achieve our desired outcome and add a separate scroll effect to the entire row container. You’ll be able to download the JSON file for free as well!

There are all sorts of reasons, both positive and negative, for considering a career change. Maybe you’re still at the company that hired you fresh out of college, and even though you’ve enjoyed your time there, you’re curious about what else is out there. Or, maybe you’ve been miserable for years, and something happened last week that was the last straw.

One of the more useful (and underused) features of the WordPress block editor (also known as Gutenburg) is the Reusable Block. If you’re familiar with Divi or other page builders, Reusable Blocks fill the same function as Global modules. These are blocks (or groups of blocks) that you set up once, but can then reuse. You can insert them on multiple pages and posts without the need to edit again. And, if you do want to edit them again, the changes can be site-wide, saving you hours over the lifetime of a site. So let’s dig in on all the ways you can manage your WordPress reusable blocks.

Divi’s scroll effects bring tons of new design possibilities to websites you create. With every new feature, we try to share cool Divi techniques you can use to make your pages stand out from the crowd. This tutorial is no different, today, we’ll show you how to create a horizontal self-scrolling list. As visitors vertically scroll down your page, the horizontal items scroll along horizontally. This removes the need for a separate horizontal scrollbar and improves the overall user experience visitors have. It also helps you focus on sharing bulk content without it taking over your entire page. You’ll be able to download the JSON file for free as well!

Your value proposition is one of the strongest tools you have to convert strangers into leads and leads into customers. If you have a weak value proposition – or no value proposition at all – it could mean losing a sale that you would otherwise close. By identifying what it is that makes your brand or project extra-special, customers will see that they should trust you instead of someone else.

Image galleries are a favorite destination on most websites. And, in many cases, it may be best to keep those image galleries happy and static, letting the images work their magic. But, adding a sliding puzzle scroll effect to an image gallery (like we are going to do in this tutorial), can put a refreshing spin on a timeless classic.

If you’re looking for a way to highlight your email optin box, you’ll love this post. We’ll show you, step by step, how to add motion to your email optin box. The motion email optin box appears and disappears as visitors are scrolling down the page. By doing this, chances are high that the email optin box will catch your visitors’ attention, which will hopefully result in a higher conversion rate. You’ll be able to download the JSON file for free as well!