FREE Product Loop Layout Pack for Divi BodyCommerce

FREE Product Loop Layout Pack for Divi BodyCommerce

Download our product loop layout pack. Love WooCommerce and Divi BodyCommerce? We have created our first loop layout pack for you to use to create beautiful online stores. Download Layout Pack To get it all up and running for this layout, you will need to: ...
Meet The Team – David

Meet The Team – David

Illustration by Jim Blug | @jimblug David Customer Support & Research Analyst   You have probably seen his name around but today we want to introduce David to you. We love your brain and the way it works, constantly ticking and analyzing how we can make...
Changing Content as you Scroll Through Tabs with Divi

Changing Content as you Scroll Through Tabs with Divi

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...

WooCommerce 5.5.1 issue with Divi Search

We have had some reports of Divi Search not working well with WooCommerce and BodyCommerce – it displays a white page. Upon investigation, we discovered that it is actually an issue with the Divi Theme and not something related to our plugins. We did not want to...
Easter egg hunt sale 2021

Easter egg hunt sale 2021

Save BIG with our 2021 Easter Hunt! Join the adventure for up to 30% OFF! This is one of our biggest annual sales and you are just in time to save some BIG. This is no ordinary hunt, so be sure to follow the rules below! The hunt ends on April 9th, 2021.  ...
5 Key Points To Help Improve Your E-Commerce Conversion Rate.

5 Key Points To Help Improve Your E-Commerce Conversion Rate.

If you’re looking for a simple and effective way to increase your conversion rate, it may be simpler than you think. Instead of spending hours on your website trying to figure it out all by yourself, or trying to use a type of marketing to change things,...
Meet The Team – Peter

Meet The Team – Peter

Illustration by Jim Blug | @jimblug Peter Co-Founder   Today we want you to meet Peter, you probably have heard his voice in videos – but here is a little more about him.   Tell us about yourself and how you got here. I was born in South Africa and...
Meet The Team – Fernando

Meet The Team – Fernando

Illustration by Jim Blug | @jimblug Welcome, Fernando Marketing & Sales   We love your brain and all the clever ideas you have. Such a great asset to the team on how we can keep producing great content for our customers!   Tell us about yourself and how...
FREE Recipe Layout Pack for Divi Machine

FREE Recipe Layout Pack for Divi Machine

Download our Recipe layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, Machine and ACF. There are a few files to import. Divi Library, Theme Builder, ACF...

Sozo Giving 1 and a half Years

We have been supporting the Sozo Foundation now for 1 and a half years – what an impact you guys are all making – thank you! In this time we have given: 2332 hours of tutoring for school children 485 sessions of a 10-week skills course for a school child...
Meet The Team – Jeff

Meet The Team – Jeff

Illustration by Jim Blug | @jimblug Welcome, Jeff Senior Web Developer   The name’s Bond, Jeff Bond… Our secret agent when it comes to complex coding and bug fixing. Welcome Jeff, we are so excited to have you as part of the team to push the...
FREE Coffee Shop Layout Pack

FREE Coffee Shop Layout Pack

Download our Coffee layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, BodyCommerce and WooCommerce. There are two files to import, the first is the Divi...
Meet The Team – Kris

Meet The Team – Kris

Illustration by Jim Blug | @jimblug Welcome, Kris Head of Client Services   Today we are excited to introduce you to Kris. Enthusiastic, hard-working, friendly and always happy to listen even when you are having a bad day, he is such a great asset to the team....
FREE Documentation layout pack for Divi Machine

FREE Documentation layout pack for Divi Machine

Download our Documentation layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, Machine and ACF. There are a few files to import. Divi Library, Theme Builder,...

Change a select option using jQuery in Divi

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?...
FREE Car Listing layout pack for Divi Machine

FREE Car Listing layout pack for Divi Machine

Download our Car Listing layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, Machine and ACF. There are a few files to import. Divi Library, Theme Builder, ACF...
FREE Estate Agents layout pack for Divi Machine

FREE Estate Agents layout pack for Divi Machine

Download our Estate Agents layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, Machine and ACF. There are a few files to import. Divi Library, Theme Builder,...
FREE Team Members layout pack for Divi Machine

FREE Team Members layout pack for Divi Machine

Download our Team Members layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, Machine and ACF. There are a few files to import. Divi Library, Theme Builder,...
Add submitted page to email in Divi contact module

Add submitted page to email in Divi contact module

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...
How to create a floating cart icon with Divi

How to create a floating cart icon with Divi

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....
How to make a divi sticky section on scroll

How to make a divi sticky section on scroll

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....
FREE Backpack shop layout pack for Divi and BodyCommerce

FREE Backpack shop layout pack for Divi and BodyCommerce

Download our Backpack layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, BodyCommerce and WooCommerce. There are two files to import, the first is the Divi...

SNIPPET: Make Divi Search Products Only

If you want Divi to search ONLY products, you are in the right place. We know how frustrating it is that Divi does not search the products but searches everything. This is not great for your customers UX so the snippet below will solve this for you. Add this code to...
COVID-19 Giving Update

COVID-19 Giving Update

Just a little update from us about Covid-19 As many of you know that we give a gift on your behalf to The Sozo Foundation to help fund the brilliant work that they are doing there for the students. As the coronavirus epidemic sprung up, we wanted to make sure our...
FREE Restaurant shop layout pack for Divi and BodyCommerce

FREE Restaurant shop layout pack for Divi and BodyCommerce

Download our Restaurant layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, BodyCommerce and WooCommerce. There are two files to import, the first is the Divi...

Snippet: Show SKU in cart and checkout

If you want to display your SKU on the cart and checkout pages, simply add this code to your child theme in the functions.php file. It hooks into the action “woocommerce_cart_item_name” which is perfect. We hope this helps you in some...
How to create two simultaneous menus with Divi Mobile

How to create two simultaneous menus with Divi Mobile

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...
Giving Annual Report 19/20

Giving Annual Report 19/20

It has now been one year since we started giving a gift on your behalf for every purchase to the Sozo Foundation in South Africa – what a year it has been. We feel so fortunate that we can even do this and all the thanks go to all our customers – so thank...
How to add a Shopify Style Checkout in WooCommerce and Divi

How to add a Shopify Style Checkout in WooCommerce and Divi

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...

How to make your Divi site SEO Friendly

Search engines are such complex “creatures”, their algorithms are constantly changing. The main reason why they change is to reflect what the users actually care about. I think the main points they ask are: Did the user find what they were looking for? Did...
Divi Engine & VAT

Divi Engine & VAT

Some of you might have noticed that we are adding VAT to our products at checkout now. As of the 1st March 2020, Divi Engine have become VAT registered. We thought it would be a good idea to write a post about this and explain the good and the bad points to this. The...

SNIPPET: Make WooCommerce Checkout Fields Not Required

Do you want to make some checkout fields not required such as phone number or the first name? Use this snippet below to do this. In the above we are making the billing first name, last name, phone number, email and country as not required. To add more you need to just...

SNIPPET: Add Class To Body

Have you needed to have a class added to your body for a particular job. Maybe you just need one added or maybe you need one added based on the user role – have you ever wanted to know how to add the user role as a class name to the body? Below are two snippets...
5 Steps To Having A Great WordPress Website At Launch

5 Steps To Having A Great WordPress Website At Launch

Many aspiring entrepreneurs choose to take the route of getting their websites live as soon as possible. This does have some benefits, admittedly: it allows the domains to start building up trust with search crawlers, and starts building up brand recognition. And...
How to create a To Do Checklist using jQuery and CSS

How to create a To Do Checklist using jQuery and CSS

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...
What Businesses Get Wrong About Mobile UX Design

What Businesses Get Wrong About Mobile UX Design

VR and UX: are these topics on similar footing? In the eyes of many professionals (even those in digital fields), they’re quite comparable, which is to say exotic initialisms that have some relevance in business but don’t warrant major investment. This is far from the...

SNIPPET: Change WooCommerce Text

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...
FREE Furniture shop layout pack for Divi and BodyCommerce

FREE Furniture shop layout pack for Divi and BodyCommerce

It is here! Our first BodyCommerce layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, BodyCommerce and WooCommerce. There are two files to import, the first...

Divi Engine 2019 year review.

As we come to the end of the decade, 2019 has truly been a year to remember for us at Divi Engine.  We truly appreciate all of you and so thankful for all our new customers. We thought it would be good to look back at the major things that happened over the year. ...

SNIPPET: Add CSS to admin

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...
Settings you may have missed in Divi BodyCommerce

Settings you may have missed in Divi BodyCommerce

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...
5 Tips for Securing Your WooCommerce Store

5 Tips for Securing Your WooCommerce Store

When you just run a blog, and only update it on occasion, then you don’t need to think too much about security. After all, the potential repercussions of an attack are going to be mild (you might lose access, or have an account disabled), and then there’s the...
How to create a To Do Checklist using jQuery and CSS

50+ website launch checks to make in Divi/WordPress

Over the years we have built many websites and have made many mistakes pre or post-launch, for example forgetting to change a URL or testing the contact form. We have built a list to check and thought you would benefit too. Why make the same mistakes as we made, with...

How to change your logo on scroll in the Divi theme

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...
How to have a Better UX For Divi Mobile

How to have a Better UX For Divi Mobile

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...

The Sozo Foundation triennial report April 19 – July 19

As many of you are aware we want our business to be a giving business so part of this is for each sale we give a gift on your behalf to The Sozo Foundation. If you are not aware you can read about it here. We want you to be involved in the process so are going to...
How to clear my cache on WordPress Divi 2021?

How to clear my cache on WordPress Divi 2021?

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...
How to create the new Elegant Theme’s drop down menu

How to create the new Elegant Theme’s drop down menu

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...
How we all helped The Sozo Foundation – April 2019

How we all helped The Sozo Foundation – April 2019

As many of you are aware, last month we started a new initiative where every purchase that is make on our website we give a gift on your behalf to the Sozo Foundation in South Africa (no cost to you) – if you have not read it, here is a link. Well, after the...
Easter egg hunt sale 2019

Easter egg hunt sale 2019

Welcome to the greatest easter egg hunt ever! Well, it is not quite the greatest but still loads of fun. Ok, so we are running an Easter sale with a difference, an Easter egg hunt! Below are the rules.   We have hidden 5 eggs and 1 bonus object around our...
For every purchase, we give a gift to the Sozo Foundation

For every purchase, we give a gift to the Sozo Foundation

This is something we are very excited about! When you make a purchase at Divi Engine, we will give a gift on your behalf to the Sozo Foundation! What is the Sozo Foundation? The Sozo Foundation is a non-profit organisation based in the impoverished Cape Flats...

Divi BodyCommerce Visual Builder Compatible Modules

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...
How to show Divi Mega Menu on desktop only

How to show Divi Mega Menu on desktop only

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...
BodyCommerce Features

BodyCommerce Features

Have you seen these two cool features that BodyCommerce can do for your online store? We thought it would be helpful to visually show some of the features that BodyCommerce can help with. The following are only a small selection – a full list of what it does can...
Woocommerce ajax add to cart tutorial on single/archive pages

Woocommerce ajax add to cart tutorial on single/archive pages

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...
Divi Password Protect Section User Guide

Divi Password Protect Section User Guide

Please note, we have now set up a documentation site for Divi Protect – check it out here to read the full documentation. To password protect a section on your Divi Website, please first download and install Divi Protect. Once installed you will see the new menu...
Speed up your Divi website with Content delivery network

Speed up your Divi website with Content delivery network

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...
How to add a custom image on Facebook share link (Open Graph)

How to add a custom image on Facebook share link (Open Graph)

What is Open Graph? Open Graph was introduced in 2010. It is the link between your website and Facebook – it speaks to Facebook and tells it what to show when you share a link. You have a degree of control over what travels across to Facebook from your website....
How to set up a Divi Child Theme with Dynamic CSS

How to set up a Divi Child Theme with Dynamic CSS

The reason for this post So during my adventures in web design I have come across a few hurdles – one being the CSS delivery. It really frustrates me when I make a CSS change to my file, upload it to the server, clear Cloudflare and what ever caching plugin I am...
How to make a divi sticky section on scroll

How to optimize css delivery in the Divi Theme

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...
How to optimise your images for a Website

How to optimise your images for a Website

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...
How a Divi theme Website is loaded and displayed

How a Divi theme Website is loaded and displayed

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...
How to speed up a Divi website?

How to speed up a Divi website?

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...