Jun 6, 2024 | Blog, Tutorials
Building a membership site where content is paywalled behind a subscription is an excellent way to generate recurring revenue and build a loyal community around your brand. However, success hinges on thorough planning. This guide will walk you through the essential...
May 22, 2024 | Tutorials
Update: WP Order Alerts is in Open Beta Now!We are excited to announce that WP Order Alerts is now in open beta, and anyone can sign up! Additionally, the app is now available for both Android and iOS devices. No need for an invite code 🎉Sign Up Today! Getting Started...
Mar 5, 2024 | Tutorials
What You Need A WordPress site with Divi installed or the Gutenberg editor A video background Basic understanding of CSS Step-by-Step Guide For Divi Users: Step 1: Preparing Your Video Background Find or create a video background. For high-quality, free options, sites...
Feb 26, 2024 | Tutorials
Welcome back to our “Mastering E-commerce with Divi BodyCommerce” series. In this insightful segment, we focus on enhancing Single Product Pages, a pivotal aspect of your WooCommerce store’s user experience. This portion of our journey through Divi...
Feb 7, 2024 | Tutorials
Welcome back, fellow Divi creators! In today’s Divi tutorial, today we’re diving deep into the world of particle effects. We found an awesome particle effects library that we thought would work great on Divi modules. I’m here to guide you through the...
Feb 6, 2024 | Tutorials
Customizing the Divi theme with your own custom code allows you to push the boundaries of design and functionality. Below is a detailed guide on the various places you can add custom code within the Divi Theme, including what type of code goes where, why you might...
Jan 23, 2024 | Tutorials
Welcome back to our “Mastering E-commerce with Divi BodyCommerce” series. In Part 4, we delve into the intricacies of advanced filtering and layout customization, crucial for enhancing the user experience in your WooCommerce store. This part of our journey through...
Jan 9, 2024 | Tutorials
While Divi Builder empowers us to create stunning layouts, there are instances where its application needs careful consideration. For instance, utilizing Divi Builder for product editing might not be ideal in many scenarios. In this brief guide, we’ll explore...
Dec 6, 2023 | Tutorials
Divi provides a sleek method for achieving a text cutout effect, where a background, covered by a solid or semi-transparent color, reveals the actual background within the text boundaries. The image below visualizes the concept: To implement this cutout effect,...
Nov 13, 2023 | Tutorials
Welcome to our latest blog post in the “Mastering E-commerce with Divi BodyCommerce” series. As we continue our journey through the expansive world of Divi BodyCommerce, we aim to provide you with valuable insights and practical tips to enhance your...
Nov 8, 2023 | Tutorials
Divi offers a hidden gem in the form of its Scroll Effects feature, allowing you to breathe life into your website with captivating animations. These Scroll Effects can be applied to any element within the Divi builder, from individual modules to entire rows or...
Nov 3, 2023 | Tutorials
Embark on the second leg of our comprehensive journey through the world of e-commerce with Part 2 of our course, focusing on Product Listing and Customization with Divi BodyCommerce. This segment promises to enrich your understanding and enhance your skills in...
Nov 3, 2023 | Tutorials
Divi comes with a standard set of defaults for its modules, rows, and sections. However, as you delve into the design and customization of your website, the necessity to tweak these defaults often arises, particularly when adhering to a uniform design language across...
Oct 30, 2023 | Tutorials
Welcome to the first installment of our comprehensive guide on mastering e-commerce using Divi BodyCommerce and WooCommerce! The world of online retail is evolving rapidly, and having the right tools at your disposal can make all the difference. However, navigating...
Oct 30, 2023 | Tutorials
We are overjoyed to announce the launch of our newest free course, “Mastering E-commerce with WordPress: A Comprehensive Guide to WooCommerce, Divi, and BodyCommerce.” Recognizing the growing e-commerce endeavors among the Divi community, especially Divi BodyCommerce...
Oct 24, 2023 | Tutorials
Sometimes we get lost inside a Divi module settings when searching for a particular setting that is making the module behave in a certain way. If you have an idea of which settings are responsible for the behavior, you can search for it, but there could be many...
Oct 23, 2023 | Tutorials
WordPress themes and builders are your companions in creating stunning websites. Among them, the Divi Theme by Elegant Themes stands out. Divi Engine is excited to launch a new weekly tutorial series to unveil some of Divi’s lesser-known features. Our first stop?...
Oct 10, 2023 | Tutorials
In web design, creating a visually appealing website is akin to setting up a virtual storefront that is inviting and engaging. Central to this visual appeal are the images that illustrate your content and brand story. However, the one-size-fits-all approach falls...
![Adding icons to Divi Contact Form input fields [3 Methods]](jpg/add-icons-on-divi-input-fields2-1080x675.jpg)
Oct 6, 2023 | Tutorials
Aug 24, 2023 | Tutorials
The Grand Finale: Reflecting on the Divi Machine Classifieds Course As we pull back the curtains on our epic Divi Machine Classifieds tutorial series, we’re filled with a sense of pride, joy, and, to be honest, a little disbelief at everything we’ve...
Aug 22, 2023 | Tutorials
The final and valuable installment of our series is here! In Part 7, we’ll be focusing on empowering users to become content creators on your Classifieds site. With the help of Divi Form Builder, we’ll craft a seamless interface that allows users to add...
Aug 17, 2023 | Tutorials
Welcome to Part 6 of the Divi Machine Classifieds Tutorial Series, a pivotal chapter in our journey where we delve into the world of Divi Machine Accounts. This section is all about enhancing user engagement and personalizing the experience on your Classifieds site....
Aug 15, 2023 | Blog, Tutorials
Divi AI is here and ready to join your portfolio of AI tools to help enable you to get more done ♫ Harder Better Faster Stronger ♫ …do it. Ok, I’m done…for now. But in all seriousness, AI is busy transforming the way all of us work and those of us...
Aug 15, 2023 | Tutorials
Welcome to Part 5 of the Divi Machine Classifieds tutorial series. In this crucial installment, we’ll be focusing on the essential building blocks of your Classifieds site. We’ll guide you through the practical and hands-on steps to craft the fundamental...
Aug 10, 2023 | Tutorials
Welcome to Part 4 of our Divi Machine Classifieds tutorial series, where we’re about to venture into the fascinating world of Custom Loop Layouts. If you’ve been wondering what Custom Loop Layouts are, how to build them, or how to style them specifically...
Aug 8, 2023 | Tutorials
Welcome to Part 3 of our tutorial series, where we delve deep into the world of Custom Post Types using the ever-so-sleek Divi Machine! Today, we’re embarking on an exciting journey: from plotting our Classifieds’ Custom Post Type to actually bringing it...
Aug 3, 2023 | Tutorials
This episode of working with Custom Post Types in Divi with Divi Machine is all about making sure we are ready for the task at hand. Divi Machine is a lot to take in by itself, so we will be going through setting up your Divi install in a way that is optimized for...
Aug 1, 2023 | Tutorials
Welcome to the first installment of our Divi Machine Classifieds course! This is all about getting you orientated within the course and setting you up with some basic Divi Machine knowledge. Don’t forget folks, while this course is being provided 100% free of...
Aug 1, 2023 | Tutorials
We’re absolutely thrilled to introduce the no-cost version of our popular Divi Machine Classifieds course! We realized that the wider Divi Engine community, especially Divi Machine users, could greatly benefit from this comprehensive package. Therefore, we...
Jul 31, 2023 | Tutorials
While the Divi theme provides a flexible visual builder for designing pages, its loop modules come with some limitations. The blog and post grid modules rely on Divi’s own loop code, which can be restrictive when you want full control over the loop output....
Jul 7, 2023 | Tutorials
Divi Threads the Needle. While the whole world is waiting for Elon and Zuck to square off in the Colosseum, Zuckerborg threw the first punch by dropping his answer to Twitter, Instagram Threads. As of writing this quick Divi tutorial Threads has already had 70 million...
Jul 4, 2023 | Tutorials
Divi Form AI has entered the chat. Just like a delicious smoothie, AI is not so dissimilar. The product that comes out at the end is only as good as the product you feed it. If you have toyed with these amazing AI tools such as text or image generators, I’m sure...
Jun 16, 2023 | Tutorials
Teach Chat GPT some manners… Spending all this time on teaching ChatGPT just who we need them to need not end there, we can have ChatGPT conform to various types of output to make us look smarter. Think of it as giving ChatGPT a fancy accent when the words fall...
Jun 14, 2023 | Tutorials
🤖 ChatGPT: Who am I? 👨💻 You: Well, who do we want to be, ChatGPT? Turns out, we humans aren’t the only ones prone to suffering from an identity crisis, our AI overlords can be susceptible to this human trait also. What this leads to is that the ChatGPT could...
Jun 4, 2023 | Tutorials
ChatGPT is only 2021 Smaahhhhht. So we all like a nice shiny new toy like ChatGPT to make us look less lazy by being more lazy, right? But little does the mass populous know, that in fact, you do need somewhat of an prowess to direct this amazing AI tool to make it do...
May 30, 2023 | Tutorials
Code? Ain’t Nobody Got Time fo’ Dat! Work smart not harder they say and I am here to help you do just that. If you are not familiar with code messing around in your functions.php file can be a scary embarkment, so obviously there must be a better way to...
May 2, 2023 | Tutorials
Divi Shortcodes that Stand TALL We all use the Divi Theme because of it’s intuitive interface and impressive set of stock modules, but as we are humans, we alway need a little more. Grass is always greener and what not, so sometimes we need to extend that sweet...
Apr 26, 2023 | Tutorials
Do Divi the Divi Engine way. Gang, you asked for it, and here it is! We are spilling the beans on our deepest (not really) secrets of how we built out the Divi Engine website and some of the most requested tutorials on how you can replicate it for your own Divi sites....
Mar 21, 2023 | Tutorials
Once you were lost, but now you are found… There is no need to dump your visitors on a boring uninspired page when they do the deed of merely searching your site for a relevant blog post or something else. Luckily Divi allows you to dump the bland and go...
Mar 7, 2023 | Tutorials
So lost, Google can’t find you. Ahhh, the infamous 404 page – it’s like a bad joke that never gets old. It’s the digital equivalent of a shrug and a “whoops!” But despite its reputation as a nuisance, a 404 page can actually be a...
Feb 28, 2023 | Tutorials
It is like an Escape Room for CSS code. Divi is an extremely flexible theme that certainly enables you to build some awesome sites, but they seemingly confine you to a box when you want to add some more complex CSS directly into a Divi Module. Fear no more, because...
Feb 21, 2023 | Tutorials
Bye-bye, stale antiquated Archive Pages. Elegant Themes does an awesome job of releasing beautiful layouts that showcases how flexible the Divi Theme is, but they fall a little short of explaining how to build these layouts yourself. That is where lone tutorial...
Feb 7, 2023 | Tutorials
Dynamic Single Post Layouts that don’t make your eyes bleed. Blogging is a great way to express yourself, share your thoughts and experiences with the world, and even turn a profit. But, let’s face it, creating a great-looking and functional blog can be...
Jan 24, 2023 | Tutorials
ChatGPT plugs your Divi site into the Matrix *No plugins required Are you tired of spending hours upon hours manually writing CSS and jQuery code for your Divi sites? Are you tired of the tedious and repetitive process of customizing your website to make it look and...
Sep 27, 2022 | Tutorials
FEWER clicks lead to MORE purchases. A wise man once said, “He who clicks less, shall squander more”. Just kidding, it was not a wise old man, but the Marketing Science Institute. In 2020 they published a paper that explores the science of this for you...
Aug 2, 2022 | Tutorials
Custom SVG hamburger icons are… iconic. Yeah, I know, that was terrible. But you know what is not terrible? Custom animated Divi hamburger icons in an SVG bun! Previously we nailed creating an SVG logo from scratch in Illustrator and you can use the skills...
Jul 26, 2022 | Tutorials
The name is Burns, Ken Burns. Besides being an awesome name and no relation to Mr. Burns of Simpsons fame, Ken Burns is also an effect that looks spicy when used on background images in Divi. Say buh-bye to silly static background or overused parallax images, and say...
Jul 22, 2022 | Tutorials
Pixel perfect images in Divi at any scale You’ve done it. I’ve done it. You are working on a project and you are using your googler skills to track down some images for said project. Like parting clouds to break the storm, you find the perfect image but...
Jul 12, 2022 | Tutorials
How to accurately optimize Divi images? Divi’s visual builder that makes it extremely easy to add images to a website. However, these images need to be optimized to the right dimensions so that they can work well with the design In this article, we will teach you how...
Jun 28, 2022 | Tutorials
Default is boring 💤… Let’s face it, the Divi default color palette and fonts resemble the pack of crayons you are given as a kindergartner. Not just that, it is a huge time waster to go and manually set font or get your non-elastic gray matter to recall...
Jun 19, 2022 | Tutorials
Switch back to the previous version of Divi with a single click If you ever update Divi and experience a problem or a conflict with your website setup, you can now easily restore the previous version of Divi with a single click. Follow along as we show you how to roll...
Jun 14, 2022 | Tutorials
Runners-up can look good too… I’ve never seen a runner-up in Miss World be ugly and your Divi Secondary Menu doesn’t need to be either. Just another of those “Hey, Divi being used here!” giveaways when building sites using our favorite...
Jun 7, 2022 | Tutorials
Vertically align text and images in Divi using custom CSS Text and image content looks stylish when vertically aligned. The problem is that Divi does not make vertical alignment very easy – so we must use some custom CSS. Follow us in this Divi tutorial as we...
Jun 1, 2022 | Tutorials
Sometimes Change is Good Making sure your site reflect the correct date or logo throughout your site is super important and consistency and accuracy can greatly impact the credibility of your sites. Going through and updating all the images on your site after a logo...
May 16, 2022 | Tutorials
Don’t put your Divi Footer in your Mouth There just is no sense in building a gorgeous Divi site with a fancy header then spilling the beans on your sick dev skills actually being the power of the Divi Theme with that dead ringer of a default Divi footer. Sure...
May 13, 2022 | Tutorials
Style your Divi website with custom CSS One of the reasons why we love the Divi theme is because it contains numerous ways of adding CSS to your website. Follow along as we show you seven ways of adding CSS to your Divi website to spice it up! Note that if you are not...
May 3, 2022 | Tutorials
Make your Divi Header appetizing Just like when browsing the menu at your local burger spot, any burger will look delicious, but you go for the one that looks the tastiest. Your Divi Header is no different! By default, Divi comes pretty functional with menus and...
Apr 19, 2022 | Tutorials
Divi Button Upgrades One of the biggest giveaways that a site was built with Divi is the default Divi Button Styles. This is usually because someone is unfamiliar with Divi, or they just don’t realize how common the theme has become, that they don’t...
Apr 18, 2022 | Tutorials
Making Divi feel more Bespoke There is no denying that Divi defaults have a very distinct look and feel. We are not saying it looks bad, but due to the massive popularity of Divi, you can spot a Divi site by looking out for a few key things like the buttons, mobile...
Apr 5, 2022 | Tutorials
Like Mac & Cheese, It Just Belongs Together Who knew learning how to add Custom Post Types to Divi and get them to display along with Advanced Custom Fields using the Divi Theme Builder could be so involved? Like I’m totally ready for a beer cup of tea after...
Mar 22, 2022 | Tutorials
Say NO to Ugly Divi Form Notices Yes yes, beauty is all about what is on the inside and not the outside, but what if you can have both? Would you say no? Wouldn’t you want to know how to create Custom Divi Form Notices Using the Divi Builder along with a little...
Mar 14, 2022 | Tutorials
Make your posts look purrrdy So what good is adding all these fancy custom post types without knowing how to create a Custom Post Type Template using the Divi Theme Builder? We want beauty and brains here, and lucky for us, Divi is so versatile that it includes some...
Mar 1, 2022 | Tutorials
Divi Custom Post Types, but with BLING Advanced Custom Fields go together with Divi Customer Post Types like macaroni and cheese baby! It is just SO much better with it and you should never again build a site with Custom Post Types that does not include this enhancing...
Feb 23, 2022 | Tutorials
A Recipe for Success Let’s think of Divi Custom Post Types as a defining factor in building Divi Websites that are truly bespoke. Yeah, wow, I went for the jugular there, but it is not without purpose. I used to shun Custom Post Types myself, but once you see...
Feb 15, 2022 | Tutorials
NOTE: We updated this post on 2/15/2022. What is a Divi Pop-Up? Definite the first step in learning How to create a Divi Pop-Up Overlay without a plugin using the Divi Builder, is to define it for those of you that may not know what it is. In Short, a Divi Pop-Up is a...
Feb 15, 2022 | Tutorials
Vote Divi Mobile for Desktop Menu President! Yeah, you read that right. Consider this our declaration that Divi Mobile is not just for giving your Divi Mobile Menus the makeover they deserve, Divi Mobile is running for the defacto President of Divi Desktop Menus also!...
Feb 14, 2022 | Tutorials
Is there Someone Behind Me? Adding this slick Divi jQuery Text Background Hover Effect to your Divi Fullscreen Hamburger Menu just adds a touch of class a finesse to a layout that already looked pretty good. As you slowly hover over each menu item between...
Feb 8, 2022 | Tutorials
Divi All Custom Everything… It is no accident that WordPress is one of the most popular Content Management Systems (CMS) on the planet for creating websites. It is easy to use, very extendable, and it’s free. It is this extendability that allows both...
Feb 1, 2022 | Tutorials
Hamburger Time,All the Time. Yes yes, I’m aware of the obvious pun here, but hey, who doesn’t love hamburgers? The second step to take this hand-coded design and turn it into a Divi Hero Section layout is to replicate the navigation menu. This means we...
Feb 1, 2022 | Tutorials
Time to Stress Test Divi. So while browsing /r/WebDev on Reddit a post caught my eye and it got me thinking. It was this awesome hero section for a burger joint with a fullscreen hamburger menu on desktop where the background of that menu was filled with big bold text...
Dec 28, 2021 | Tutorials
Using the New Divi WooCommerce Modules Time to put those hand new Divi WooCommerce Modules to work and create some custom Cart and Checkout pages. We will be doing this as an expansion of our How to Clone Any Online Store with Divi and WooCommerce tutorials series, so...
Dec 21, 2021 | Tutorials
Let it Snow! We are only a few short sleeps away from all the good that Christmas brings. Good food, gifts, and family…but wait! Christmas is hardly Christmas without some snowy landscapes! Now I know not all of you are used to a “White Christmas”,...
Nov 1, 2021 | Code Snippets, Tutorials
Soooo, have you folks heard about the new Full Site Front-End Editing For Divi? Everybody is talking about it and we can’t believe the sheer amount of features the team at Elegant Themes have released over the last month. Full Site Front-End Editing is another...
Oct 15, 2021 | Tutorials
Want a section to change content while standing still on scroll? Not sure what we are talking about – or maybe you do – whatever the case, scroll down to see what we are talking about. CreateImpressNo PluginPossibleTry it Can you believe this is done all...
Oct 12, 2021 | Code Snippets, Tutorials
Having your text links highlighted can be a great way to get people exploring your website and let’s be honest if done right, can look pretty cool. You can Highlight Links in the Divi Text Module with CSS even if you are not a code ninja. You’ll see how...
Oct 5, 2021 | Tutorials
I don’t remember the last time that the Elegant Themes team spoiled us with two massive feature updates to the Divi Theme in one month. Divi now features Conditional Display Logic right out of the box and today we will show you 3 Use Cases for the New Divi...
Sep 28, 2021 | Tutorials
Learning how to add a CTA (or Call To Action) button to the Divi menu is a great way to catch a visitor’s attention and drive them to well…answer your call to action. This might be to request a quote, get in touch, or check out your collection of pet...
Sep 24, 2021 | Code Snippets, Tutorials
UPDATED: April 22nd, 2022 Today we have a quick Code Snippet for you that will allow you to Reverse Loop Layout Columns in Divi Machine. This is another Code Snippet that was inspired by a request that we received from one of our awesome customers, maybe it was you 😉...
Sep 21, 2021 | Tutorials
If you’ve ever wanted to place Two Divi Button Modules Inline nice and snug next to each other but were left scratching your head as to how to get that done, you certainly are not alone! It is one of those things that we scratch our heads and think...
Sep 14, 2021 | Tutorials
Last week we showed you How to Add a Filtered Portfolio Triggered by any Divi Module and today we will take that a step further by showing you How to Show the Title on Hover with the Divi Portfolio Module. This neat little trick is a great way to add some additional...
Sep 9, 2021 | Freebies, Tutorials
So we noticed a pretty interesting request on the Divi Web Designers group on Facebook and thought we’d answer in style with another tutorial. If you are not a member yet, check it out, it is a community of over 23 thousand Divi warriors just like you! Oh yes,...
Sep 7, 2021 | Code Snippets, Tutorials
Enhancing some of the stock Divi modules is easier than you think, with just a little bit of code, we can make some pretty awesome changes to give your Divi site more of a custom feel that wows your clients! In this week’s tutorial, we are going to show you How...
Aug 31, 2021 | Code Snippets, Tutorials
Coupons are a great way to convert some visitors into customers, but what if you wanted to Add a WooCommerce Discount Automatically at checkout without needing your customer to enter a code? Or maybe you want some tiered deals based on the number of items in your...
Aug 23, 2021 | Tutorials
It has finally happened folks! The Divi developers have finally released its much-anticipated Divi Speed Update for the Divi Theme and we couldn’t be more excited for this positive change. So much so, that we are going to briefly touch on each of the...
Aug 17, 2021 | Tutorials
You know the feeling, it’s a Saturday morning and you’re just about to start your day. You head over to make that quick change on your website but all you see is an ugly white screen with no additional information. What do I do now? This awful pain known...
Aug 10, 2021 | Tutorials
People often say the only constant in life is change, and sometimes you might need to change the domain name of your Divi site as it evolves or grows. This can be pretty intimidating because what if it all goes south and now your community or customers have an ugly...
Aug 3, 2021 | Tutorials
The Divi Builder is a component in the Divi Theme few of us can live without, but what do you do When the Divi Builder is Not Loading or experiencing some other issue preventing you from creating some internet magic? Most of us have been there when working a client...
Jul 27, 2021 | Tutorials
It is no secret that the talented devs over at Elegant Themes have put a lot of thought and effort into making Divi the premier tool for creating responsive websites that look fantastic across all devices. You can easily with a few clicks of mouse apply settings and...
Jul 20, 2021 | Tutorials
Brands are super powerful because of the familiarity they bring, so learning how to add brands to your Divi WooCommerce store can be a great way to help build some trust with that brand recognition. Why wouldn’t we, we have poured all the effort and time into...
Jul 13, 2021 | Tutorials
When building websites with WordPress and Divi, there might be times you want to Password Protect a Page in WordPress for various reasons. Luckily, WordPress has this ability built right into it, so we can Password Protect any Page in WordPress super easily without...
Jun 22, 2021 | Code Snippets, Tutorials
In this week’s tutorial, we are going to show you how you can add attention-grabbing pure CSS Animations to your Divi modules. We will work together to add the CSS code to your Divi install, customize the CSS to change things like the duration of the CSS...
Jun 11, 2021 | Tutorials
COMPLEXITY Intermediate TIME 10 Minutes ASSUMPTIONS Basic knowledge of WordPress. Comfortable managing your site with FTP. You have made a backup of your site. We have all been there while hard at work on a project and all of a sudden you get the dreaded “Sorry...
Jun 8, 2021 | Tutorials
COMPLEXITY Easy TIME 5-10 Minutes ASSUMPTIONS Basic knowledge of WooCommerce and WordPress. WooCommerce is already installed and configured. You have some products already loaded into WooCommerce. You have a smart device connected to the internet available. ...
Jun 1, 2021 | Tutorials
COMPLEXITY Intermediate TIME 10 Minutes ASSUMPTIONS Basic knowledge on Divi. Divi is already installed and configured. VERSIONS Divi 4.9.4 In today’s tutorial, we are going to take a look at how you can add your Divi Modules to areas you wouldn’t...
May 25, 2021 | Tutorials
COMPLEXITY Intermediate TIME 10 Minutes ASSUMPTIONS Basic knowledge on Divi. Divi is already installed and configured Comfortable with FTP-ing into your site and uploading files A Child Theme is Installed and Active VERSIONS Divi 4.9.4 In this tutorial, we will...
May 18, 2021 | Tutorials
Mega Menus on Divi WordPress sites are a big trend in modern web design and you’ve definitely seen them when shopping online without even realizing it. Online stores lite like Amazon and Starbucks heavily implement it to help users like us navigate through what could...
May 11, 2021 | Tutorials
If you’ve been using WordPress for a while now, you know that one of the most common errors you’ll see is the “Fatal Error: Allowed Memory Size Exhausted” message. This is super alarming because instead of seeing your gorgeous site, you see...
May 10, 2021 | Code Snippets, Tutorials
COMPLEXITY Easy TIME 10 Minutes ASSUMPTIONS Basic knowledge on Divi and WooCommerce. Divi and WooCommerce are already installed and configured. You have some products with assigned categories in WooCommerce. VERSIONS Divi 4.9.4 WooCommerce 5.2.2 So we’ve...
May 4, 2021 | Tutorials
UPDATE (June 29th 2021): As of version 6.0 of Local by Flywheel they have made the PRO features FREE to anybody using the software, we think that is pretty awesome! More on that here. One of the best tools you can use to be more efficient as a Divi designer is to set...
Apr 27, 2021 | Tutorials
COMPLEXITY Easy TIME 30 Minutes ASSUMPTIONS Basic knowledge on Divi and WooCommerce. Divi and WooCommerce are already installed and configured. You have some products with assigned categories in WooCommerce. VERSIONS Divi 4.9.4WooCommerce 5.2.2 In this tutorial...
Apr 20, 2021 | Code Snippets, Freebies, Tutorials
Divi is a fantastic tool for rapidly building websites that look and feel amazing, but sometimes there is just this one awesome thing you see on another website that Divi might not be capable of doing yet. Enter jQuery. jQuery is a lightweight Javascript library...
Apr 13, 2021 | Tutorials
COMPLEXITY Easy TIME 10 Minutes ASSUMPTIONS Basic knowledge on Divi and WooCommerce. Divi and WooCommerce are already installed and configured. You have some products loaded into WooCommerce. VERSIONS Divi 4.9.3WooCommerce 5.1 Another day, another awesome...
Apr 6, 2021 | Tutorials
The checkout process is one of the most important components of any eCommerce transaction. Why? Because we are now on the last step of converting your website visitor into a customer and we are not in the business of letting a sale walk out of the hypothetical...
Apr 2, 2021 | Code Snippets, Tutorials
One question we often get is how does one do some fancy things with Add-to-Cart buttons. Or, more specifically, how do I make the button just an icon that is displayed next to the quantity field on the shop pages of my Divi WooCommerce site. Well, we are back again...
Mar 29, 2021 | Tutorials
One of the most critical steps in any eCommerce transaction is creating as little friction as possible during the checkout process. Creating a custom Divi WooCommerce Checkout Page doesn’t just fortify your credibility with your visitors, it helps convert those...
Mar 16, 2021 | Tutorials
COMPLEXITY Easy TIME 5 Minutes ASSUMPTIONS Basic knowledge of WordPress and WooCommerce. WooCommerce is already installed and configured. VERSIONS Divi 4.9.2 WooCommerce 5.1.0 WordPress 5.7 There certainly is no shortage of online tutorials on how to do some...
Mar 2, 2021 | Tutorials
COMPLEXITY Easy TIME 20 Minutes ASSUMPTIONS Basic knowledge on Divi and WooCommerce. Divi and WooCommerce is already installed and configured. You have some products with assigned categories in WooCommerce. VERSIONS Divi 4.9 WooCommerce 5.0 One of the most...
Mar 1, 2021 | Code Snippets, Tutorials
Today we have a quick Snippet for you that will allow you to have your cart totals update automatically as you change the quantity field without having to click the update button on the cart page. Simply add these to Divi > Theme Options > Integrations tab,...
Jan 4, 2021 | Code Snippets, Tutorials
By default, WooCommerce hides the product images on the cart page when viewing from a mobile device. This can be quite annoying as images really help sell your products. Add this CSS to Divi > Theme Options > Custom CSS to fix Before...
Jul 23, 2020 | Code Snippets, Tutorials
How to dynamically change a select option in a dropdown using jQuery Here is a nifty trick – if you have a select dropdown but want to have something a bit nicer in appearance and change the value of this drop down dynamically. Not sure what I am talking about?...
Jun 23, 2020 | Tutorials
How to add the page name and url to the confirmation email that gets sent out using the Divi Contact module. Have you ever wanted to know what page the contact module is submitted from? Maybe you have a website with dynamic content such as real estate and you want to...
Jun 5, 2020 | Tutorials
In this tutorial, we will show you how to create a floating cart icon with Divi and then take it a little further and use Divi BodyCommerce to customise the cart icon and integrate the slide in mini cart. See below a video of what you will create at the end of this 1....
May 11, 2020 | Code Snippets, Tutorials
Have you ever wanted a section to be sticky when scrolling to it and be fixed? For years we have been using jQuery to target a specific section and then add a class name. Once this class name has been added to add some custom CSS to make it fixed and set the position....
Apr 3, 2020 | Tutorials
Do you want to create a desktop layout where you have two simultaneous divi menus running at the same time? In this tutorial we show you how simple it is to do this with Divi Mobile. We have the Divi centred menu and use Divi Mobile to create a slide-in menu from the...
Mar 19, 2020 | Tutorials
We love WooCommerce and Divi and all the amazing things we can do. Both are highly customisable and have a massive helpful community – it just makes sense! One of the main issues with the WooCommerce checkout page. It is clunky, too much information and we think...
Jan 22, 2020 | Blog, Tutorials
Introduction Today we will be doing a tutorial on how to create a to do checklist on your website using HTML, CSS and jQuery. We were asked via email and on Facebook to create a tutorial of how we created our checklist here. So here we go, below is what we are going...
Jan 6, 2020 | Code Snippets, Tutorials
Need to change the text of a string on your WooCommerce shop such as “Billing Details” or “Product” to be something else. Here is a snippet that will help. We have given a few examples so simply replace/remove as you need. Add this text to your...
Dec 30, 2019 | Code Snippets, Tutorials
Ever wanted to add some CSS to WordPress admin to customise the appearance? Maybe you want to style the admin to look like your agency or if you are like me, love a certain colour and want to see this more often. Simply add this php code to your functions.php file in...
Dec 9, 2019 | Tutorials
Here are some cool features you may have missed Divi BodyCommerce has grown so fast and with all the cool features and settings you all have asked for, we thought you may have missed some so wanted a place where we can showcase them off for you. Below is a list of...
Sep 20, 2019 | Freebies, Tutorials
Today we are going to show you how a step by step guide on how to change your Divi logo on scroll, when your fixed header kicks in the logo will change to another. This method works on all browsers but requires more manual work. There are many ways to do this, for...
Sep 6, 2019 | Tutorials
Summary In summary, this blog post will look at where to position your mobile menu, what to have and how it can work for better UX. As our phones are getting bigger, do we need to adjust our designs? Is the standard burger icon on the top right-hand corner the best...
Jul 15, 2019 | Tutorials
Today we start a new series called “How to…?” with Dave from Divi Engine. The first installment is how to clear your cache for your Divi website. Watch the video below and some further reading under that if you require more information. What is...
Jul 12, 2019 | Tutorials
Today we have created a clean, modern and easy to create product page template. The template is there for you to download and use but if you would like to learn how to build it, we have created a video showing you how it was made. This is the first video in a series...
Jun 13, 2019 | Blog, Tutorials
Introduction We have had a few requests on how to create a mega menu like the ones on the new Elegant Themes website. It is quite simple really when you are using Divi Mega Menu, so here is a tutorial on how to do it. You can see a live example here This is what we...
Jan 4, 2019 | Tutorials
We have had a few requests on how to move the WooCommerce cart icon from the secondary menu to the primary menu – so here it is 😀 By default Divi will add the cart icon to the primary menu, if you have one of the elements in the secondary menu, it will move the...
Dec 17, 2018 | Tutorials
We are working on making all our modules compatible with the Visual Builder and the new Divi Builder experience. We want this to be a smooth process with minimal errors, this is why we are doing this in stages. Please see below the modules we have added compatibility...
Nov 13, 2018 | Blog, Tutorials
We have had a few customers wanting to show the Mega Menus on desktop only. By default, Divi Mega Menu shows it on desktop and mobile. This tutorial will show you how to hide it on mobile. Step 1: Create your Divi Mega Menu in the Divi Engine settings as usual. Here...
Sep 18, 2018 | Freebies, Tutorials
Today we will be showing you how we created the login/register page on our frontend demo website. We will also include the layout JSON files for you to download into your website. Below is what we want to achieve. You can view an example of this here. What we have...
Jul 4, 2018 | Blog, Tutorials
I am writing this post because I had some frustrations getting my head all around this, followed so many tutorials online that didn’t work but after much trial and error I have a way that works for me and hope it will help you, learn how to setup event tracking for...
Sep 22, 2017 | Tutorials
What is AJAX? Ajax is a client-side script that communicates to and from a server/database without the need for the page to reload. Ajax is fun and a great asset to a developer because it allows us to:Update a web page without reloading the pageSend data to the server...
May 31, 2017 | Tutorials
What are Content delivery networks (CDN) A CDN places cached files of your site in different locations around the world (their data centres) so that the person using your website can get the closest copy and therefore download it faster. By having your files located...
Mar 24, 2017 | Tutorials
Eliminate render blocking CSS Have you ever heard this term? What is render blocking CSS? Render means to become or visible, so render blocking CSS are CSS files that stop the page from becoming visible or loading. Everyone of your CSS files delay the page from...
Mar 14, 2017 | Tutorials
Images are one of the biggest factors in speeding up your site. I have come across some lovely looking sites that take ages to load because of the actual size of the images that the browser needs to download. As a rule of thumb, you don’t want them to be larger...
Mar 10, 2017 | Tutorials
We are going to talk about how a Divi website is loaded, however this the same for any website really. It is important to understand this process in order to know how to speed up your website. How is a website is displayed? A request is made when the URL is entered or...
Mar 5, 2017 | Tutorials
We love Divi. Having used Divi for around 3 years, creating website for some high profit clients – we have identified the short straws, one being the number of files Divi loads, it feels a bit bloated and the page speed is not fantastic. However there are ways to make...
