Download our City layout pack.

To get it all up and running for this layout, you will need to:

Then you just have to follow these numbered steps from the Installation Instructions manual: 

For this Layout you Will Need These Plugins:

If you don’t have them, you can click on the buttons to get them 

Download our Divi Engine Layouts Manual :

We have created this manual so you can easily understand how to install this layout. Just remember to follow the step previously mentioned.

Video Tutorial

Download our Toy Store layout pack.

Then you just have to follow these numbered steps from the Installation Instructions manual: 

For this Layout you Will Need These Plugins:

If you don’t have them, you can click on the buttons to get them 

Download our Divi Engine Layouts Manual :

We have created this manual so you can easily understand how to install this layout. Just remember to follow the step previously mentioned.

Video Tutorial

Download our Book Club layout pack.

To get it all up and running for this layout, you will need to:

Then you just have to follow these numbered steps from the Installation Instructions manual: 

For this Layout you Will Need These Plugins:

If you don’t have them, you can click on the buttons to get them 

Download our Divi Engine Layouts Manual :

We have created this manual so you can easily understand how to install this layout. Just remember to follow the step previously mentioned.

Video Tutorial

THIRD SANTA GIFT 🎅 🎁 Download our Candy Shop 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.

To get it all up and running for this layout just follow these numbered steps from the Installation Instructions manual: 

For this Layout you Will Need BodyCommerce Plugin:

If you don’t have it, you can click on the button to get it:

Download our Divi Engine Layouts Manual :

We have created this manual so you can easily understand how to install this layout. Just remember to follow the step previously mentioned.

Video Tutorial

SECOND SANTA GIFT 🎅 🎁 Download our Photography 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 and WordPress.

To get it all up and running for this layout, you will need to:

Then you just have to follow these numbered steps from the Installation Instructions manual: 

For this Layout you Will Need Divi Machine Plugin:

If you don’t have it, you can click on the button to get it 

Download our Divi Engine Layouts Manual :

We have created this manual so you can easily understand how to install this layout. Just remember to follow the step previously mentioned.

Video Tutorial

FIRST SANTA GIFT 🎅 🎁  Download our Christmas Home Page Layout

Love WooCommerce and Divi BodyCommerce? We have created a Beautiful Christmas Home Page Layout that you can use for your online stores.

To get it all up and running for this layout, you will need to:

For this Layout you Will Need BodyCommerce Plugin:

If you don’t have it, you can click on the button to get it:

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.

To get it all up and running for this layout, you will need to:

Download our Classifieds 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 and WordPress.

To get it all up and running for this layout, you will need to:

Then you just have to follow these numbered steps from the Installation Instructions manual: 

For this Layout you Will Need These Plugins:

If you don’t have them, you can click on the buttons to get them 

Download our Divi Engine Layouts Manual :

We have created this manual so you can easily understand how to install this layout. Just remember to follow the step previously mentioned.

Video Tutorial

Download our Apparel 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 and WordPress.

To get it all up and running for this layout, you will need to:

Then you just have to follow these numbered steps from the Installation Instructions manual: 

For this Layout you Will Need These Plugins:

If you don’t have them, you can click on the buttons to get them 

Download our Divi Engine Layouts Manual :

We have created this manual so you can easily understand how to install this layout. Just remember to follow the step previously mentioned.

Video Tutorial

Download our Video Games Reviews 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 and WordPress.

To get it all up and running for this layout, you will need to:

Then you just have to follow these numbered steps from the Installation Instructions manual: 

For this Layout you Will Need These Plugins:

If you don’t have them, you can click on the buttons to get them 

Download our Divi Engine Layouts Manual :

We have created this manual so you can easily understand how to install this layout. Just remember to follow the step previously mentioned.

Video Tutorial

Download our Wine Store 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 Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

Download our Burger Shop 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 and WordPress.

There are two files to import, the first is the Divi Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

Download our Mega Menu Business 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 and WordPress.

There are two files to import, the first is the Divi Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

Download our Mega Menu Marketing Services 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 and WordPress.

There are two files to import, the first is the Divi Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

Download our Mega Menu Pet Shop 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 Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

Download these FREE Divi WooCommerce Cart & Checkout Page theme builder layouts.

It is Divi FREEBIE FRIDAY and for this edition, we have a couple of Theme Builder layouts that utilize the new Divi Woo Modules that let you build custom Cart and Checkout pages! Best of all, it is easy to customize to fit your brand or site and can be used with any Divi website.

Preview:

Cart Page

Checkout Page

Using the Cart and Checkout Pages:

Step 1) Import the layout pack into the Divi Theme Builder

To use either of these Theme Builder Layouts, all you need to do is import them from there.

Head to Divi > Theme Builder > Then click the Import Button (⇵) in the top-right.

Select the JSON and Import.

Step 2) Customize the Layout.

You can style any element of the layout just as you would by using the Divi Module Settings..

Download our CSS Button Module layout pack for Divi.

It is FREEBIE FRIDAY and for this edition, we have 6 Divi Button Modules with cool CSS Hover Effects effects that look fantastic. Best of all, they are easy to customize to fit your brand or site and can be used with any Divi install.

Preview:

Using the Custom Button Modules:

Step 1) Import the layout pack into the Divi Library

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see that the layout consists of two 3 Column Rows with a Button and Code Module in each column.

Step 2) Copy the Button style you want to use

This is super easy. Open the layout in the Divi Library. This will launch the Divi Builder and you will see our 3 Columns with a Button Style in each. If you want to use Button Style 1, copy the Button and the CSS Code Module and go paste it on the page where you want to use it. If you find that you’ll use a button in more than one location it is better to only copy the button module, then add the corresponding CSS to Divi > Theme Options > Custom CSS.

Step 3) Customize the Button Colors

You can customize the style of the buttons by editing the CSS code.

Step 4) Customize the Button Text and Link

You can edit this just as you would any other button module in the module settings.

Download our WooCommerce Sample Products Import File for Divi.

It is FREEBIE FRIDAY and for this edition, we have a FREE WooCommerce Sample Products CSV Import File that has been hand-crafted just for you! This set of Sample Products is perfect when following any of our tutorials. It will also be perfect for a WooCommerce Store without the final products so that you can test layouts and build the necessary Divi pages.

Definitely check out our post on Downloading and Importing WooCommerce Sample Data to see how you can easily import the products into your WooCommerce store 😁

Preview:

Importing the WooCommerce Sample Products:

You can easily import our WooCommerce Sample Products through either the WooCommerce Products page or with the WordPress importer.

If you are unsure of how to do that, check out our post on Downloading and Importing WooCommerce Sample Data for a step-by-step guide and video.

Download our Image Modules with Fancy Borders for Divi.

It is Divi FREEBIE FRIDAY and for this edition, we have Two Divi Image Modules with some Fancy Borders that has been hand-crafted just for you! Best of all, it is easy to customize to fit your brand or site and can be used with any Divi website.

Preview:

Double Top/Bottom

Using the Image Modules with Fancy Borders:

Step 1) Import the layout pack into the Divi Library

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see that Image Modules with Fancy Borders Layout has been added to your library as a Row.

Step 2) Add the Image Modules with Fancy Borders to a page.

Just edit the page where you want to add the Image Modules with Fancy Borders the add a row. Click on “Add from Library” then select the imported layout. If you want to use both, great, you are done. If you only want to use one, just drag the corresponding image module with its code module where you want it on the page.

Step 3) Customize the Fancy Borders.

You can easily customize this Image Module just as you would any other. When you have the layout imported you will see a few marked rows and modules that let you know what they are for. You will also see 2 code modules, one for each border style, this is where you will change the border color and width. Inside each module, you will see two lines that are marked that tell you where to change the color and width.

Copy & Paste todays Freebie Code Snippet for your Divi site.

It is FREEBIE FRIDAY and for this edition, we have 4 Styles for Your Divi Menu CTA Buttons that were lovingly crafted just for you!

These snippets work fantastic with this week’s tutorial on How to Add a CTA Button to the Divi Menu, so pick the button style you like, and get cracking!

Preview:

CTA Style 2

CTA Style 4

Using the Divi Menu CTA Button Styles:

Step 1) Decide Which Button Style you Like

Just scroll up to see all the styles again.

Step 2) Copy the Corresponding Style Code Below

With your style selected, scroll down to the style number and copy the CSS code and go paste it into the Custom CSS in Divi > Theme Options > Custom CSS

Step 3) Add the CSS Class to Your Divi Menu

Take note of the CSS Class for your button styles then head to Appearance > Menus and add the class to your button menu link.

For step-by-step instructions on how to do all this, check out our post on How to Add a CTA Button to the Divi Menu.

CSS Code for the Divi Menu CTA Button Styles:

Style 1: Full to Hollow Color Transition

Style 2: Skew to Straight

Style 3: Icon Button

Style 4: Gradient Flip

Download our Marketing Agency 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 settings and Machine Settings

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

Download our Hovered Character to Capitalized Module Layout pack for Divi.

It is FREEBIE FRIDAY and for this edition, we have a FREE Hovered Character to Capitalized Module that has been hand-crafted just for you! This is a cool effect we saw requested in the Divi Community, so we thought we would make a downloadable version of it right here.

Definitely check out our post on How to Capitalize a Character when Hovered in Divi to see how it works and how you would customize it 😁

Preview:

Using the Hovered Character to Capitalized Module:

 Step 1) Import the layout pack into the Divi Library

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see the Hovered Character to Capitalized Module has been added to your library.

Step 2) Add the Module to a Page.

Go to the page where you would like to use the Hovered Character to Capitalized Module and import it from the Divi Library as a module.

Step 3) Customize the Module

You can easily customize the module if you are familiar with CSS. All you need to do is open the Code Module that has been imported and edit away. We commented on the CSS pretty well, so even novices will not have too much trouble.

For a little more information, check out our post on How to Capitalize a Character when Hovered in Divi.

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, the request. Ok, so the member wanted to know How to Capitalize a Character when Hovered in Divi. Pretty cool, right? Check out the example below.

Example:

Creating the Text Effect

Step 1

Add a Code Module where you want the text displayed.

Step 2

Copy and Paste the code below as is.

Customize the Effect

Customizing this is clean and simple if you know even just a little bit of CSS. Just check out the comments in the code to see where you make changes.

To easily change the alignment of the text, you can just modify that in the Design Tab of the code module.

If you are a CSS wizard, you can do other fun things like add animations, but we will leave that for another tutorial.

The text goes…good job!

Conclusion

I don’t think that was even 5 seconds let alone minutes! We hope you found this quick tutorial on How to Capitalize a Character when Hovered in Divi as awesome as we did making it.

Definitely let us know what you thought in the comments!

Download our Filterable Portfolios Layout pack for Divi.

It is FREEBIE FRIDAY and for this edition, we have 2 FREE Dynamic Filterable Portfolio Layouts that have been hand-crafted just for you! What do we mean by dynamic, we mean that you can use any module to select what your portfolio is filtered by. 

You can use a Blurb or a Text Module as we did in these layouts, or you can use any other module like a Button or Image if that makes more sense.

Best of all, they are easy to customize to fit your brand or site and can be used with any Divi.

Preview:

We’ve got 2 gorgeous FREE Divi Filtered Portfolio Layouts for you this week:

Divi Portfolio Filtered with a Blurb Module

This layout used a Blurb Module to illustrate the versatility using this method. It also contains some custom CSS and jQuery to make the magic happen.

Divi Portfolio Filtered with a Text Module

This layout used a text module for the filters and we removed the Title and Meta Data as well as the spacing to create a more visual portfolio style.

Using the Dynamic Filtered Portfolio Layouts:

Step 1) Import the layout pack into the Divi Library

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see that 2 Dynamic Filtered Portfolio Layouts have been added to your library.

Step 2) Add the Layout Section to a Page.

Go to the page where you would like to use the Portfolio Layout and import it from the Divi Library as a Section.

Step 3) Customize the Layout

You can easily customize either of these Portfolio Layouts just by editing the imported layout right on the page where you imported it, just use the regular Divi settings.

You also need to make sure that your category slugs match the ones here in the Code Module at the bottom of the page. Here it is filter-item-1, filter-item-2 , and filter-item-3.

You can also edit the color of the line of your active filter here.

Download our Clothing Store 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 Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

Download our Dynamic Pricing Layout for Divi.

It is FREEBIE FRIDAY and for this edition, we have Pricing Table Module with Dynamic Pricing that has been hand-crafted just for you! Best of all, it is easy to customize to fit your brand or site and can be used with any Divi website.

Preview:

Using the Dynamic Pricing Table Layout:

Step 1) Import the layout pack into the Divi Library

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see that Divi Engine Dynamic Pricing Table Layout has been added to your library as a Section.

Step 2) Add the Dynamic Pricing Table to a page.

Just edit the page where you want to add the Dynamic Pricing Table the add a section. Click on “Add from Library” then select the imported layout.

Step 3) Customize the Pricing Table.

You can easily customize this Pricing Table just as you would any other. When you have the layout imported you will see a few marked rows and modules that let you know what they are for. You will also see 2 pricing table modules, the first one is for the month pricing, and the second is for the annual pricing. Just remember, one annual pricing table is hidden in the visual builder, so click on the module view to edit its values. Have fun!

Download our Book Store 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 Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

Download our Product Loop Layout pack for Divi BodyCommerce.

It is FREEBIE FRIDAY and for this edition, we have 2 FREE Minimalist Divi BodyCommerce Product Loop Layouts that have been hand-crafted just for you! Best of all, they are easy to customize to fit your brand or site and can be used with any Divi + BodyCommerce install.

Preview:

We’ve got 2 gorgeous FREE Divi BodyCommerce Product Loop Layouts for you this week:

Product Loop Version 1: Card/Masonry

This loop will transform the product image on hover and look great as a grid or masonry layout.

Product Loop Version 2: List

This layout has the same transform happening on the product image and will work fantastic for a list layout.

Using the Custom Divi Header Layouts:

Step 1) Import the layout pack into the Divi Library

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see that 2 BodyCommerce Product Loop Layouts have been added to your library.

Step 2) Select the Product Loop Layout you’d like to use in the BodyCommerce Product.

Just edit the Layout where your Product Loop is, Edit the Product Loop Module, and select the Imported Product Loop Layout you’d like to use in the Custom Loop section.

Step 3) Customize the Loops

You can easily customize either of these Product Loops just by editing the imported layout right in the Divi Library. Have fun!

So you may have noticed that we’re midway through our SUMMER SALE (you should totally check it out) which implements some fun features like tiered discounts as well as a raffle where we are giving away some awesome prizes. Running a Sale with Divi and WooCommerce did not come without its hiccups, however, even after careful planning, so we thought we’d share our journey so you can get insight into how something like this comes together.

The good, the bad, and the ugly, unfiltered.

Why Running a Sale with Divi and WooCommerce makes sense.

Running a Sale or Promotion on your Divi WooCommerce site is a great way to engage prospective buyers during slower months. Many successful companies do this because it not only boosts the bottom line, it also increases customer satisfaction and brand awareness. Not only this, it gives you the opportunity to stand out among your competitors and even possibly grow non-sales metrics like subscribers or word-of-mouth marketing.

If Running Sales or Promotions are not yet part of your marketing strategy for your Divi WooCommerce store, no stress, you are in the right spot. We are going to give you a quick overview of our experience running our SUMMER SALE, as well as arm you with a checklist to follow which will help you plan effectively, and execute flawlessly.

First, let’s break down the phases of a Sale or Promotion.

Our Experience Running a Sale with Divi and WooCommerce.

Ok, so here it is, an unfiltered look into what we experienced during each of the phases outlined above. Some things went great, others threw some nasty curve balls. 

Let’s take a look!

Planning

The whole planning stage started for us at the beginning of June where we decided to do something creative to kick off the summer which will benefit of course us, but also our awesome current and prospective clients. We knew we wanted to include our existing client base in the party, so we started discussing how to do that. We also wanted to reward those new customers who purchased multiple plugins with steeper discounts. Let the research begin.

We split the tasks among 3 employees, one for top-level decision making, one for social media activities, and one for researching the tools we’d use for this sale.

We got together and decided what our goals for this sale will be, which were:

• Grow the Subscriber base for our Annual Membership
• Grow our Socials
• Reach New Customers

With our goals outlined, we started researching which tools to use for this. We knew we wanted a tiered solution for the discounts, and after checking out a few we decided on a plugin.

We also decided to reward anybody that wants to participate, that we would create a raffle, and again after checking out a few options, we landed on Rafflepress to run the raffle.

After deciding the other details like discount amounts, timing, raffle prizes etc, we were ready to move into the building phase.

Building

Now for the fun! We cloned our production site into a staging area and started installing and configuring the plugins we purchased.

First up was the tiered discount plugin (which shall not be named, you’ll see why a little later), so we built out our tiers and conditional logic for the various discount levels. It worked great!

Next up, we configured Rafflepress with various actions like visiting our Youtube channel (where you will find some helpful content) or referring friends to enter the raffle. We set up 9 different ways to get more entries in total. This plugin is pretty awesome and very easy to set up.

On to creating some assets like a promo landing page (diviengine.com/summer21 😉) that is easy to remember and share some sales banners, and a video introducing the wholesale. The landing page was quick as we just used a branded layout and added in things like the video and our Rafflepress shortcode. For the video, we used a template from Envato Elements and edited it in Adobe Premiere. Assets locked in!

We also linked up to our Active Campaign account along with our Google Analytics so we can track progress and build some lists! And what is a sale without some Ad Spend? Our marketing Guru jumped in and set up some sweet Facebook ads targeting WordPress and Divi communities where we felt our target customer lives.

Ok, our big brains think it is all working according to plan, time to test it until it breaks (or hopefully NOT).

Testing

Welcome to maybe the single most important step.

TEST! TEST! TEST!

And when you are done testing, TEST AGAIN!

It is too easy to lose the confidence of your customer if something goes wrong when you’ve got them to the cart. We set up a testing routine which we had various team members follow from all corners of the earth to make sure that things worked.

Some important things we tested were different combinations of products and memberships, making sure they all display correctly. Making sure the discounts are applied correctly. We tested things on multiple devices and browsers. All to make sure that no matter how curious visitors work things, that they worked correctly as we intended.

Part of this testing and Quality Assurance phase is also to double and triple-check your spelling and grammar. For this, we love Grammarly because as much as I have the gift of gab, grammar and spelling were not included in the package.

Everything looked good, we are ready to roll!

Go Live

Ok, time to launch this bad boy. 48 hours before the sale was supposed to kick off, we implemented all the plugins and changes on our production site ready for the show. The night before, about 1 hour before kick-off, we manually started the sale with all the discounts so that we can test our add-to-cart process one more time just to be extra sure our customers will only have a great experience.

Everything looked exactly as it did in testing, so some key team members went to bed after a long day.

Then Boom 💥

How could this be? We tested and tested some more, this should not have happened. Two of our employees were still diligently at work trying to figure out what is happening, but due to not having direct access to the server could not effectively troubleshoot the scenario. Our engineers with access were not able to be reached because it was super late for them already, and all we could do was wait as we started experiencing intermitted outages of our site where our promo was now in full swing.

As a precaution, we are able to hold off on our kickoff emails and social media posts announcing the sale was now life, in an attempt to suppress the traffic, and really just the eyeballs that will see our downed soldier. Nobody slept well that night.

The next morning everybody sprung into actions, and the rogue slacks were seen, it was all hands on deck. Peter, our founder, and certified coding genius sprung into action to investigate the issue. He quickly determined that the plugin we used for the tiered pricing of our SUMMER SALE went rogue and maxed out our server resources (which are generous). He flew in and disabled that plugin, but then we were left with a sale for which we had tons of marketing created, ads ready to roll…it was too late to change it.

Answer? Code a custom solution of course. It was too late in the game to troubleshoot or deal with the plugin support team, so Peter within a matter of 45 minutes coded a custom solution that handled our different discount tiers as well as the separate discounts on our memberships.

Once our jaws were picked up off the ground, we let roll with our marketing and excitedly started watching the traffic pick up.

Disaster averted.

Now that things were live, the marketing team meets weekly to review the results of our efforts and so far so good. Currently, we have around 800 raffle entries and we are seeing good ROI for our ad spend. Now that we are in the middle of the sale, we are focussing our drip campaign and getting our content ready for the close of the sale at the end of the month.

Post Sale

Now we are not here yet, but we have a debriefing plan set out so that we can assess how we did, and what we will do differently next time. I can already tell you that we will very likely ensure the entire team is on high alert for the first hour or so before we communicate the sale is live.

Of course, we will take a look at our analytics data and ad performance to see what we can do to improve those. For this sale, we only went with Facebook ads, but we are actively working on getting Google Ads into that loop.
A fun thing we noticed with this new iOS policy where users can opt out of ads, is that we don’t get very accurate analytics for our Facebook ads and that our Google Analytics paints a more accurate picture of what our results actually look like.

So, we will continue our weekly meetings and celebrate our success, and always look for ways we can improve the experience for both our team and our customers. When we have success doing this, we have more resources available to keep improving our products and services so that you, our customers, can get the best value for your money.

Conclusion

So there it is our unfiltered experience with pulling this SUMMER SALE together by Running a Sale with Divi and WooCommerce. There were highs, there were lows, but we pulled through and we are not even done yet! I know I said the most important part in this process is testing, but honestly, it really just is having a great team and awesome customers.

We put a checklist together below for you guys so that you can do the things we did right, but also avoid some of the things we did wrong with Running a Sale with Divi and WooCommerce. Check it out, and maybe try using it for your next Divi WooCommerce sale.

Divi WooCommerce Sale Checklist

Download our Divi Header layout pack for Divi.

It is FREEBIE FRIDAY and for this edition, we have 3 FREE Divi Header Layouts that have been hand-crafted just for you! Best of all, they are easy to customize to fit your brand or site and can be used with any Divi install.

Preview:

Header Layout 1

Header Layout 2

Header Layout 3

We’ve got 3 gorgeous FREE Divi Header Layouts for you this week:

Header Layout 1: Different Logo on Scroll

In this header we use some CSS properties in the advanced tab to change our logo on scroll to account for the change in background color when we scroll down.

Divi Header Layout 2: Search front and center

Here we are focusing on accessibility for our store to help convert visitors to customers. We do this with a search bar front and center, even when the user scrolls and a prominent “Shop Now” button. And it just looks pretty darn cool.

Divi Header Layout 3: Gradient Slant with some Animations

This is a simple Divi Header Layout where we use a gradient to create a nice slant that flows into the contact and social info at the top of the header. We also use some slide in animation for the logo and Call-to-Action.

Using the Custom Divi Header Layouts:

Step 1) Import the layout pack into the Divi Library

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see that 3 Divi Engine Summer Promo Headers have been added to your library.

Step 2) Add the Header you like to the Divi Theme Builder

Head over to Divi > Theme Builder > Add Global Header > Add from Library > Your Saved Layouts > Select the Header you want to use.

Step 3) Customize the Header

When you add the Divi Header Layout from the Library, you will be able to edit all the modules to reflect your website and brand just as you would any other Divi Section, Row, or Module. Have fun!

Download our Church 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 settings and Machine Settings

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

Download our Button Module layout pack for Divi.

It is FREEBIE FRIDAY and for this edition, we have some Divi Button Modules with unique Hover Effects effects which we know will help set your site apart. Best of all, they are easy to customize to fit your brand or site and can be used with any Divi install.

Preview:

This Friday we have 3 styles for you:

Style 1: Expand from the center

The first style uses an eye-catching style that expands form the middle leaving 2 corners exposed.

Style 2: Expand from the left

For the second style, the background color pushes in from the left on hover.

Style 3: Expand from the top

For our last style, the background color pushes in from the top on hover.

Using the Custom Text Modules:

Step 1) Import the layout pack into the Divi Library

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see that the layout is a 3 Column Row with a Text Module which makes our button and its Code Module that contains the CSS in each column.

Step 2) Copy the Button style you want to use

This is super easy. Open the layout in the Divi Library. This will launch the Divi Builder and you will see our 3 Columns with a Button Style in each. If you want to use Button Style 1, copy the Text and the CSS Code Module and go paste it on the page where you want to use it.

Step 3) Customize the Button Colors

When you have the Text and the Code Module on the page you want, you can easily customize the colors by opening the Code Module and editing the lines with the comments that mention you can change the color there.

Step 4) Customize the Button Link

All you need to do is open the Text Module and click on the Link section under Content, then change the URL to any page you want to link to.

Download our Divi Neon Text Module layout pack.

It is FREEBIE FRIDAY and for this edition, we have 3 Divi Neon Text Modules that you are going to love. Best of all, they are easy to customize to fit your brand or site and can be used with any Divi install. Just import the layout, and place these awesome Neon Text Modules where you want them.

Preview:

These Neon Text Modules come in 3 Flavors:

Style 1: Static Neon

The first style uses a plain static neon effect, think brand new neon tubes.

Style 2: Flickering Neon

For the second style, we have that nostalgic pizza restaurant neon effect that flickers every few seconds.

Style 3: Pulsating Neon

Lastly, we have a more modern pulsating neon effect that just looks pretty darn cool.

Using the Custom Text Modules:

Step 1) Import the layout pack into the Divi Library

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see that the layout is a 3 Column Row with a Text Module and its Code Module that contains the CSS in each column.

Step 2) Copy the Text style you want to use

This is super easy. Open the layout in the Divi Library. This will launch the Divi Builder and you will see our 3 Columns with a Neon Text Style in each. If you want to use Neon Text Style 1, copy the Text and the CSS Code Module and go paste it on the page where you want to use it.

Step 3) Customize the Neon Color

When you have the Text and the Code Module on the page you want, you can easily customize the image by opening the Code Module and editing the line with the comment that says “Change these colors” and replacing the 5 default colors with the color of your choice.

Download our Image Fill Text Module layout pack for Divi.

It is FREEBIE FRIDAY and for this edition, we have 2 Text Modules that have been filled with an image to create a unique effect that you are going to love. Best of all, they are easy to customize to fit your brand or site and can be used with any Divi install.

Preview:

We are coming at ya with 2 styles:

Style 1: Animated Image

The first style is using a gradient background image we generated using https://meshgradient.com/, definitely check it out!

Style 2: Static Image

For the second style, we tossed the animation and just added a cool code background to set your imagination on fire.

Using the Custom Text Modules:

Step 1) Import the layout pack into the Divi Library

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see that the layout is a 2 Column Row with a Text Module and its Code Module that contains the CSS in each column.

Step 2) Copy the Text style you want to use

This is super easy. Open the layout in the Divi Library. This will launch the Divi Builder and you will see our 2 Columns with a Text Fill Style in each. If you want to use Text Fill Style 1, copy the Text and the CSS Code Module and go paste it on the page where you want to use it.

Step 3) Customize the Image

When you have the Text and the Code Module on the page you want, you can easily customize the image by opening the Code Module and editing the line with the comment that says “Change background image here” and replacing the image URL with the new image URL.

Download our Custom CSS Gradient Backgrounds layout pack for Divi.

It is FREEBIE FRIDAY and for this edition, we have created some stylish Divi CSS Gradient Backgrounds that will make any Section, Row, or Module stand out on your Divi website. Best of all, they are easy to customize to fit your brand or site and can be used with any Divi install.

Preview:

We are coming at ya with 3 Divi CSS Gradient Background styles:

Style 1 : Multi-Colored

Here we have a gradient background with 6 color gradients with different positions that create a very Apple design feel that looks great anywhere.

Style 2 : Subtle Animation

With this style we went crazy and animated the gradient to create this subtle effect of the gradient scrolling across the screen. This would work great for a hero section.

Style 3 : Color Shapes

This style combines both linear and radial gradients to create this unique shaped color effect that almost looks like a piece of pure CSS art.

Using the Custom Divi CSS Gradient Backgrounds:

To apply these unique CSS gradients on your Divi Section, Row, or Module is very easy, just follow one of the methods below. Be sure to save your work after each step!

Method 1

Step 1) Import the layout pack into the Divi Library

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see that the layout is a 3 Column Row with a styled gradient background and its Code Module that contains the CSS for each gradient background.

Step 2) Copy the Code Module for the gradient style you want to use

This is super easy. Open the layout in the Divi Library. This will launch the Divi Builder and you will see our 3 Columns with a Code Module for each gradient style. If you want to use Gradient Style 1, copy the Code Module containing the CSS and go paste it on the page where you want to use it.

Step 3) Add CSS Class for selected Gradient Style

With you Code Module pasted on the page where you want to add the gradient, open the code module and copy the CSS Class used eg. “.gradient-1”. Now just open the settings for the Section, Row, or Module where you would like that gradient to be applied and post it in the CSS class field on the Advanced Tab.

Step 4) Customize the Colors

When you have the CSS Class added and the Code Module on the page you want, you can easily customize the colors by opening the Code Module and following the instructions in the comments. Alternatively, you can generate your own CSS by visiting one of the links in the Preview at the start of this post.

Method 2

Step 1) Copy or Generate your CSS

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see that the layout is a 3 Column Row with a Blurb and its Code Module that contain the CSS in each column.

Step 2) Add the CSS to the Divi Theme Options.

Now that we have our CSS copied, we need to go to the Divi Theme Options and scroll down to the Custom CSS pane at the bottom of the screen. Once there, all you need to do is paste the code and make sure that you did not copy any <style> tags by accident.

Step 3) Add CSS Class for selected Gradient Style

With your gradient CSS pasted on the Divi Theme Options page, edit the page where you want your gradient applied. Now just open the settings for the Section, Row, or Module where you would like that gradient to be applied and paste the CSS class in the CSS class field on the Advanced Tab.

Download our Petshop 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 Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

Enter jQuery. jQuery is a lightweight Javascript library included with every Divi install that helps simplify implementing common Javascript tasks with very little code. This coupled with some of the other Javascript libraries included with Divi, really opens the door to a ton of creative posibilities.

Don’t worry if this sounds complicated, in this post we are going to walk you through an overview of a piece of jQuery code, and then show you two examples of how you can start writing your own creative jQuery functions that are ready to wow your clients.

So, let’s start by taking a look at a few ways we can include jQuery code into our Divi website.

How to add some jQuery code to Divi

There are technically 3 ways to add jQuery code to Divi, but we will only be covering the 2 most common methods here but will mention the 3rd. The method you choose will depend on where you would like the code to run.

Divi Integration Tab

This is where you would add your jQuery code if you want it on every page throughout your website. An example of this might be if you wrote a function that changed the background color of your site header as the user scrolls through a page.

To find the Integration Tab you browse to your Divi Options page, then click on the Integration Tab. The code will be placed between open and closing <script> tags inside the <head> of your site.

Divi Code Module

The code module is great when you are adding some jQuery that will only impact a single page on your site. The example we will cover is having fixed blurbs appear and disappear on screen as we scroll up and down a page. You can add the code module to any row on the page your want the jQuery to be executed on. Similar to the integration tab, this code needs to be placed between open and closing <script> tags inside the code module.

Quick overview of a jQuery function

Let’s take a look at some jQuery code that will add a class to an element once the user has started scrolling.

These are always required to “open” and “close” any Javascript or jQuery code that you enter into either the Integration Tab or Code Module. It just tells the browser that you are about to write some code. The “type=“text/javascript” is just us telling the browser that this is Javascript code. This is required.

This basically means that our code will only run once the page Document Object Model (DOM) is ready for JavaScript code to execute. This is required.

Now we are getting to some actual custom code. This is where we create our function, the piece of code that will execute to do something cool on our site. We named our function check_from_top_de, because we are going to see how far the user has scrolled then do something, but you can name this whatever you want.

We have created a variable called scroll which gets assigned the distance that we have scrolled from the top of the page. This value gets returned in pixels which we can then use to apply some logic to add our class to our target selector.

If the user has scrolled down the page 300 pixels or more

So first we point out (or select) which element we want the class to be added to, then we tell it the class name that we are adding. You would replace those with your own selectors and classes, but you get the idea.

If the user has not scrolled down 300 pixels or more, we want to do something else.

We are going to remove the class we added if the user scrolls back up on the page.

This runs our awesome function that we just coded as soon as the browser is ready to run code. Remember, we gave our function the name check_from_top_de, so enter your function name if you used a different one.

If the user is busy scrolling, we also want to check how far they have scrolled, so we need to run our function as the user scrolls.

Our function will be run if the user is detected scrolling on the page.

Practical applications of adding jQuery to your Divi site

Up next is two examples with code of using what we just learned to add some jQuery to your Divi site.

Changing the site header color on scroll

In this example, we wrote a function that changes the background color of our site header as the user scrolls through a page.

Preview:

Take a look at the code below, then we will briefly cover what you need to do to add this to your site.

You can do so many other things by simply adding CSS classes to elements. This should really get the gears turning. With just one line of CSS we can even change the logo on scroll.

Add the following line of code below the CSS you just saved into the CSS box in your Divi Theme Options.

Making fixed blurb modules appear and disappear on scroll

For the second example we made some cool blurbs that fade in as you scroll over three fullwidth header modules, then fade out again as you scroll up.

Preview:

Take a look at the code below, then we will briefly cover what you need to do to add this to your site.

1. 1. Add 4 modules/rows/section on the page that will trigger our waypoint code
   2. Add #start-top to the first element, and #module-one, #module-two, #module-three to the subsequent elements
   3. Create a 3-column row at the bottom of your page and add a blurb to each row
   4. Set the “position” setting for this row to “fixed” and “z-index” to “9”
   5. For the blurbs, give the first blurb assign #one, second #two, third #three and add “display: none;” to the “main element” box in the custom CSS

Conclusion

Adding jQuery to your Divi site is a powerful tool that now firmly sits on your belt. We only scratched the surface on what is possible when using jQuery and Divi together, but hopefully, this was helpful in showing what is possible. Keep an eye out, because we intend to release some more posts about adding features and effects to your Divi sites with the power of jQuery.

Download our Pulsating Blurbs layout pack for Divi.

It is FREEBIE FRIDAY and for this edition, we have handcrafted some super stylish Custom Divi Blurb modules with an animated pulse effect that you are going to love. Best of all, they are easy to customize to fit your brand or site and can be used with any Divi install.

Preview:

We are coming at ya with 3 styles:

Style 1

Here we have a blurb with a simple pulse effect around the Divi Blurb Module icon. You can change the icon settings to anything you want and the pulse effect will adjust to the settings in the Divi Blurb.

Style 2

This blurb is a little different with a double pulse effect that has two different colors, one for each pulse around the image for the blurb. You can swap the image for anyone you want and the pulse will adjust to the settings in the Divi Blurb.

Style 3

Just to switch things up quite literally, we have an inverted pulse around the icon for the blurb. You can change the icon settings to anything you want and the pulse will adjust to the settings in the Divi blurb.

Using the Custom Divi Blurbs:

Step 1) Import the layout pack into the Divi Library

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see that the layout is a 3 Column Row with a Blurb and its Code Module that contain the CSS in each column.

Step 2) Copy the Blurb style you want to use

This is super easy. Open the layout in the Divi Library. This will launch the Divi Builder and you will see our 3 Columns with a Blurb Style in each. If you want to use Blurb Style 1, copy the Blurb and the CSS Code Module and go paste it on the page where you want to use it.

Step 3) Customize the Colors

When you have the Blurb and the Code Module on the page you want, you can easily customize the colors by opening the Code Module and editing the colors on the lines with the comment mentioning the color.

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.
 

Clicked on the egg above? Good, save this code somewhere for later. Now go ahead and explore the website – try to find the other 5 eggs

We do hope you enjoy this and good luck! 

Download our Cosmetics Shop 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 Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

Download our Events 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 settings and Machine Settings

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

Download our Kitchenware Shop 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 Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

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 settings and Machine Settings

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

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 Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

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, ACF settings and Machine Settings

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

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 settings and Machine Settings

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

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, ACF settings and Machine Settings

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

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, ACF settings and Machine Settings

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

Download our Tech layout pack.

We are really excited about this one. This tech layout pack also has free header and footer designs.

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 Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

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 Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

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 Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

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 is the Divi Library JSON file and the second is our settings file.

Download the zip file below and extract it. Make sure you read the README_FIRST.txt file included as this gives you some key instructions on what to do.

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 this checklist, you will make sure you check all areas for a successful website launch.

Feel free to copy the list for yourself or use this page to check them through.

Have we missed any? Please comment below and we can add this so benefit everyone else who reads this.

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 example, using CSS, but this does not work on all browsers so what do you do? Carry on reading to find out a bulletproof method.

You can watch the video below or carry on reading.

1) Create a child theme

The first thing to do is to create a child theme so we can make some changes to our header.php file. You can download our child theme that has all the modifications at the end of this post or you can create one yourself using our guide here.

The main thing you need to do here is to copy the header.php file from the Divi theme and paste it in your child theme. Once you have done this your theme structure should look like:

divi-child-theme
– functions.php
– header.php
– style.css

2) Modify your header.php file

Now you have this, find in your header.php file the class name “logo_container” – this is where you logo is housed. Copy the image tag and add a class to the both to differentiate between the logos. I added “main-logo” and “fixed-logo” so I can use some CSS to hide. Furthermore I changed the id of my fixed logo to be “fixed-logo” as it is best practise to not have multiple ID’s with the same names. Below is how the code will look when you are done.

As you can see I duplicated the image tag, added classes and changed one of the ID’s. I also changed the second image src to be another logo I have uploaded to my media library. You can do the same – simply change the code “/wp-content/uploads/2019/09/email-logo.png” with the URL of your image.

3) Add some CSS to hide/show the logos

So we now have two logo’s on our site next to each other. We need to hide the fixed logo initially and then when you scroll, hide the main one and show the fixed. Luckily Divi add the class name “et-fixed-header” to the header when you scroll down. We can use this to hide/show the logos. The code below will do this for us. As you can see I am using display: none and display: inline-block which will hide and show the logos respectively.

One thing to mention is because we changed our fixed logo to not have an id of “logo” but have “fixed-logo” – the CSS that Divi adds to the logo wont be there on the fixed one. So we manually added this.

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 website.
• Each egg equals 5% discount.
• The bonus object equals 10% discount.
• Go look around our website to find the eggs/bonus.
• Once you find an egg or bonus object, click on it to reveal the coupon code.
• You only need to click on it to automatically copy the coupon code to your clipboard. Below is an example and your first egg to get you on your way.

Clicked on the egg above? Good, save this code somewhere for later. Now go ahead and explore the website – try to find the other 4 eggs, don’t forget about the special bonus object – where could this be? I little clue: stay humble, lead others by putting yourself at the bottom – be willing to serve others.

We do hope you enjoy this and good luck 😀

Step 1: Create the login layout

The first thing we want to do is to create the Login layout. We add an image module with our store logo, two text modules below that have the title of the text “ALREADY REGISTERED?” and “NEW TO OUR SHOP?” and link the new to our shop text to the register page (/register, we still need to create this page but can add it now). At the bottom, we have the “DB Log Login Form” module which outputs the login form. Below is how it looks.

Styling

1. We have added a custom width of 650px on each of the rows.
2. Added some custom CSS to the “NEW TO OUR SHOP?” module in the main element in the advanced tab as per below (code 1)
3. Added some custom CSS to the “ALREADY REGISTERED?” module in the main element in the advanced tab as per below (code 2)

Step 2: Create the register layout

The next thing to do is to create the register layout. The register layout is going to be on a page so you can create this layout on the page itself or if you have downloaded the JSON files, load the layout. Create a new page and name it “Register”, on this page load the layout or create it. We use the same setup as above but switch the two text modules around and change the Login module to the “DB Log Register Form” module that we have created. See below.

Styling

1. We have added a custom width of 650px on each of the rows.
2. Added some custom CSS to the “NEW TO OUR SHOP?” module in the main element in the advanced tab as per below (code 2)
3. Added some custom CSS to the “ALREADY REGISTERED?” module in the main element in the advanced tab as per below (code 1)

Step 3: Finishing it off

Now we have the two layouts – we need to set the login page in the BodyCommerce settings. Go to Divi Engine > BodyCommerce and go to the Login Page tab. On there set the Login layout you just created.

Any questions – please ask 😀 We hope this helps you and gives you ideas for your own store!

Would you like to try BodyCommerce for Free?