How To Supercharge Your Divi Ecommerce Web pages

by | Dec 8, 2024 | Etcetera | 0 comments

Having a look to create upper eCommerce stores with Divi and WooCommerce? The Cyber Monday Ecommerce Package is your secret to meaking visually sudden, high-performing online stores. This selection of Divi extensions, child topic issues, and templates is designed to simplify your workflows, reinforce web page conversions, and raise purchaser purchasing groceries experiences—all while delivering exceptional value.

This package deal deal will also be moderately the kingmaker. By means of mastering the equipment within, you’ll be capable to command higher fees, win additional bids, and offer clients customizations and function that set their stores apart.

What’s Included inside the Cyber Monday Ecommerce Package deal

Divi Marketplace Bundles are curated collections of most sensible fee extensions, child topic issues, and layouts from the Divi Marketplace. The ones bundles are crafted to maintain explicit challenging eventualities in internet web page establishing by the use of combining functionality-rich plugins, design assets, and prebuilt child topic issues into one whole package deal deal.

This year’s eCommerce package deal isn’t any exception—it has an ideal lineup of most sensible fee extensions at an ideal value.

The individual items in this package deal deal most often common $582.99, on the other hand with the Cyber Monday discount, you’ll be capable to take hold of it occupied with merely $174.90. That’s a big $408.09 in monetary financial savings (a 70% discount). With such a small upfront investment, you’ll be capable to merely recoup the cost by the use of making improvements to your own eCommerce web page or offering your clients additional most sensible fee WooCommerce internet web page builds.

Get the eCommerce Package

Products in This Package deal

So what are we taking a look at?

Product What You Get Commonplace Price Package deal Price (70% OFF)
1 Divi My Account Web page Customize purchaser dashboards with role-specific endpoints and kinds $59 ✔️
2 Woo Amplify Assemble dynamic product grids, carousels, and filters $69 ✔️
3 DiviWooPro Boost your product layouts with most sensible fee Divi WooCommerce templates $9 ✔️
4 WooCommerce Grid Ready-to-use grid layouts for astonishing product pages $9 ✔️
5 DiviCommerce – 250 Divi Templates Plenty of 250 Divi eCommerce templates $15.99 ✔️
6 Woo Very important Strengthen your WooCommerce store with wishlists, comparisons, and additional $79 ✔️
7 Woo Layouts A versatile structure pack for WooCommerce products $9 ✔️
8 Divi Hotspots Plus Add interactive tooltips to images for upper engagement $15 ✔️
9 Perfect Retailer A most sensible fee Divi child theme for WooCommerce $29 ✔️
10 DiviSwift Ajax WooCommerce Mini Cart Create seamless checkout experiences with AJAX-powered mini carts $19 ✔️
11 Divi WooCommerce Prolonged Optimize product grids, carousels, and galleries $99 ✔️
12 Titan A versatile and stylish Divi child theme for WooCommerce $25 ✔️
13 Molti Ecommerce A feature-rich eCommerce Woo + Divi child theme $35 ✔️
14 DiviCommerce An intuitive and sleek eCommerce child theme for Divi + Woo $25 ✔️
15 Divi Menu Cart Strengthen cart visibility with a customizable menu selection $12 ✔️
16 Disguise & Display PRO Toggle visibility of sections based on client roles or actions $39 ✔️
🎁 Cyber Monday Ecommerce Package Plenty of extensions, layouts, and child topic issues for WooCommerce $582.99 $174.90

16 great products for the price of 2! Save $408.09 with this package deal deal and assemble dreamy Divi eCom internet sites like on no account quicker than.

Get the eCommerce Package

The Products We’ll Use To Revamp an Ecommerce Web page

I’m going to use merely 4 of the 16 products to turn the way you’ll be capable to quickly develop into your store with the ones equipment and extensions. Proper right here’s what we’re operating with:

Woo Magnify

WooExpand

Woo Amplify signifies that you’ll be able to assemble dynamic product grids, carousels, and filters. This difficult extension signifies that you’ll be able to blow their own horns your products fantastically, ensuring a seamless purchasing groceries enjoy.

Divi Hotspots Plus

Divi Hotspots
Divi Hotspots Plus supplies interactive tooltips to images for upper engagement. Perfect for creating visual experiences that educate, inform, or direct your visitors. Great for visually highlighting product benefits.

DiviSwift Ajax WooCommerce Mini Cart

Divi Ajax Mini Cart
DiviSwift Ajax WooCommerce Mini Cart creates seamless checkout experiences with AJAX-powered mini carts. This tool simplifies cart keep an eye on, retaining clients engaged and improving conversion fees. It in point of fact works great and makes purchasing groceries your web page frictionless.

See also  5 Easy Steps to Struggle Junk mail Mails

Divi My Account Internet web page

Divi My Account Page Plugin
Divi My Account Web page helps you assemble one of the crucial essential consequential pages of any eCommerce web page. With it, you’ll be capable to customize account dashboards to reflect your emblem and interact possibilities like on no account quicker than. What would possibly simply another way be a humdrum and unpleasant view is quickly turned into something that works for your emblem.

Step-by-Step: Construction an Ecommerce Store With the Package deal

Proper right here’s how easy it’s to extract value from the ones plugins. I’ll upload them, quickly use them, and show the difference they make.

Step 1: Arrange The Extensions

Once bought, move for your Membership profile beneath the Market tab to acquire your newly won gems.

Acquire the .zips for each product you want to try first. For this walkthrough, I’ll best use the 4 mentioned above

Log in for your WordPress dashboard, then navigate to Plugins > Add New. Click on at the “Upload Plugin” button, then drag and drop or make a selection one of the crucial essential .zip knowledge.

Install Divi Bundle Extensions

Click on on “Arrange Now,” after putting in place the plugin, click on on “Activate.” Repeat the ones steps for the rest .zip knowledge until all desired plugins are activated.

Step 2: Design Sophisticated Product Magnificence Pages with Woo Magnify

Woo Magnify brings such a lot to the table, along side 11 new modules to Divi’s visual builder. The ones additional modules can help you assemble Single Product pages, Product Magnificence Pages, Menus, and ad hoc Product Carousels.

WooExpand Divi Modules

Navigate to the internet web page where you want to blow their own horns your products in a carousel and open the Divi Builder. Then, insert the “Woo Product Carousel” module from Woo Magnify into your internet web page.

Step 1 - Woo Expand - Add Product Carousel to Page

Add which product details you want to turn (using Add New Part) and then configure the carousel’s query loop beneath the module settings to turn.

Step 2 - Woo Expand - Add Product Carousel to Page

Our example beneath uses featured pictures, titles, and add-to-cart buttons. Once you have what you like, customize the module and child module phase settings to tailor your spacing and effects, add lazy loading, and change the presentation of your pictures/text.

Step 3 - Woo Expand - Add Product Carousel to Page

Preview the internet web page to ensure your product grid or carousel is visually attention-grabbing and helpful, then publish. Proper right here’s what our carousel ended up taking a look like with a few minutes of work.

Woo Magnify brings additional oomph to creating online stores with Divi + WooCommerce. You’ll enjoy having it along with the other items in this eCommerce package deal deal.

Step 3: Add Interactive Product Pictures with Divi Hotspots Plus

A picture is endlessly value 1000 words, on the other hand you get to suggest to a number of the ones words with this extension. Open the internet web page where you want so that you could upload interactive hotspots inside the Divi Builder. Insert the “Hotspots” module and upload the image you want to showoff.

Step 1 - DP Hotspots - Add Image with Hotspots to Page

Within the module, you’ll add explicit particular person items so that you could upload each hotspot where you want tooltips to appear. Each and every products has settings to move the hotspot and to configure its styling.

Step 2 - DP Hotspots - Add Image with Hotspots to Page

Add additional hotspots until you’ve conveyed what you needed to for your image.

Step 3 - DP Hotspots - Add Image with Hotspots to Page

Preview the internet web page to ensure hotspots appear as intended, interact appropriately when hovered or clicked, and publish. Proper right here’s how ours seems to be like on the frontend, and we best spent a few minutes creating it.

Step 4: Support Cart Capacity With DiviSwift AJAX Mini Cart

What I in point of fact like about DiviSwifts’ AJAX mini cart efficiency is that it requires very little artwork. It simply supplies efficiency to the Divi menu module’s cart icon. First, navigate to Glance > Customize > Divi Ajax Sidebar Cart (I know a novel identify) inside the WordPress dashboard.

Step 1 - Ajax Sidebar Mini Cart - Transform cart to ajax cart

Underneath are a few dozen simple alternatives to customize the cart icon’s glance, products and/or dollar amount totals, and mini cart sorts. Check out the menu cart by the use of together with items for your WooCommerce cart and ensuring the updates appear dynamically.

Step 2 - Ajax Sidebar Mini Cart - Transform cart to ajax cart

Proper right here’s how our mini cart seems to be like on our web page with about 1 minute of work. That’s a huge difference in such little time.

Instead of opening the My Cart internet web page, the cart displays on the side of the internet web page. This is a so much smoother interaction possibilities may have along side your store.

Step 5: Create Custom designed Dashboards With Divi My Account Internet web page

This a fairly ingenious extension, in order that you’ll maximum without a doubt spend some time figuring out tips about the way to use it easiest conceivable, on the other hand I’ve the basics for you.

See also  I Requested ChatGPT to Write 3 Other Advertising and marketing Activity Utility Emails — Here is What I Were given

WooCommerce comes with its private simple My Account infrastructure, which is able to get the job finished on the other hand leaves so much to be desired in the case of customization. Divi My Account Internet web page brings additional infrastructure needed to make those customizations into your broader WooCommerce setup. WooCommerce comes with the ones preconfigured endpoints:

  • /my-account/
  • /my-account/orders/
  • /my-account/addresses/
  • /my-account/dashboard/
  • /my-account/downloads/
  • /my-account/account-details/
  • /my-account/payment-methods/

Alternatively, should you occur to wanted so that you could upload your own endpoints or reconfigure present ones, you’d be relegated to using PHP hooks, Woo shortcodes, or Blocks with a Block Theme. Now, the first thing to understand is that Divi MyAccounts Internet web page works with Divi’s Theme Builder to create a customizable “My Account” internet web page.

Divi Theme Builder Create-Edit My Accounts Page

The usage of the Online Store Starter Web page, that’s the default WooCommerces Orders internet web page.

Standard Orders Page

Usual WooCommerce Orders internet web page (/my-account/orders/) with some Divi Theme Customizer sorts applied

Move to Divi’s MyAccount Internet web page inside the Admin Dashboard sidebar. Underneath the “Endpoints” tab, you’ll see all the default endpoints (the entire thing inside the tick list above apart from for /my-account/). The ones show up as sidebar links on the left of our My Account internet web page, they normally get to the bottom of which content material subject matter is loaded on the similar internet web page when a specific endpoint is clicked.

Divi MyAccount Page Settings Endpoints

It’s easy to get confused regarding the alternatives for each endpoint, on the other hand proper right here’s all of it simply. You should have 7 alternatives for each endpoint. Numbers 5 via 7 are the in reality important ones for locating out how this extension works in conjunction with WooCommerce and Divi:

  1. Permit Endpoint: Toggles on or off your endpoint. If we disable the orders endpoint, then the solution to click on on on “Orders” in /my-account/ is taken away.
  2. Endpoint Label: That’s the identify of your endpoint, on the other hand additional importantly, it moreover acts since the slug. So, an endpoint label of “Custom designed Dashboard” would appear as /my-account/custom-dashboard/ in its URL.
  3. Make a selection Icon: Make a selection an icon to head in conjunction with your endpoint.
  4. Particular person Roles: Determines which clients may have interplay with this endpoint. Recall to mind it as conditional commonplace sense for who can view it, similar to hiding the Orders tab from non-customers.
  5. Forward of Content material subject matter: This option means that you can load a Divi Library Template quicker than the endpoint content material subject matter. That comes in handy for content material subject matter you want displayed with only one endpoint, on the other hand no longer right through each endpoint of the My Account internet web page.
  6. Permit Endpoint Content material subject matter: Toggles the automatic insertion of the default content material subject matter for that endpoint on or off. Should you occur to would slightly, for instance, add the order details to a Divi Library products (so that you’ll be capable to style it additional via a newly added module), you then’ll be capable to remove it proper right here so it doesn’t show up two occasions.
  7. After Content material subject matter: This option means that you can load another Divi Library Template after the endpoint content material subject matter. Another time, helpful for content material subject matter you want to turn with one single endpoint on the other hand no longer right through each endpoint of the My Account internet web page.

Divi MyAccount Page Endpoint Options

In in depth strokes, to customize the My Account internet web page, you’ll wish to artwork in 3 areas: 1) Divi Library Layouts, 2) Divi MyAccount Internet web page settings, and 3) the Theme Builder.

Our simple example seems like this, with a heading added to easily the Orders endpoint. Divi MyAccount Internet web page’s modules moreover make it easy to style the navigation menu, menu items, and endpoint content material subject matter using familiar Divi style settings.

Result of adding Library Template before order endpoint content

You’ll use Divi My Account Internet web page so that you could upload custom tabs for VIP possibilities, blow their own horns promotional banners, or display tailored messages for quite a lot of client roles without writing a line of code. Make a selection what you want to be displayed for each endpoint and customize it by the use of attaching Library Templates above or beneath explicit endpoints.

If all of this seemed just a little of too subtle for your web constructing background, I’d extraordinarily recommend you check out the Molti Ecommerce Kid Theme (moreover included in this package deal deal) as it has a predesigned My Account internet web page that works neatly out of the sector.

Divi Molti Child Theme My Account Page

Get the Ecommerce Package deal Today

You in reality want the equipment and layouts in this package deal deal. Although you wanted best a part of it, the ones coming in at 70% off commonplace value method your saving huge.

Product What You Get Commonplace Price Package deal Price (70% OFF)
1 Divi My Account Web page Customize purchaser dashboards with role-specific endpoints and kinds $59 ✔️
2 Woo Amplify Assemble dynamic product grids, carousels, and filters $69 ✔️
3 DiviWooPro Boost your product layouts with most sensible fee Divi WooCommerce templates $9 ✔️
4 WooCommerce Grid Ready-to-use grid layouts for astonishing product pages $9 ✔️
5 DiviCommerce – 250 Divi Templates Plenty of 250 Divi eCommerce templates $15.99 ✔️
6 Woo Very important Strengthen your WooCommerce store with wishlists, comparisons, and additional $79 ✔️
7 Woo Layouts A versatile structure pack for WooCommerce products $9 ✔️
8 Divi Hotspots Plus Add interactive tooltips to images for upper engagement $15 ✔️
9 Perfect Retailer A most sensible fee Divi child theme for WooCommerce $29 ✔️
10 DiviSwift Ajax WooCommerce Mini Cart Create seamless checkout experiences with AJAX-powered mini carts $19 ✔️
11 Divi WooCommerce Prolonged Optimize product grids, carousels, and galleries $99 ✔️
12 Titan A versatile and stylish Divi child theme for WooCommerce $25 ✔️
13 Molti Ecommerce A feature-rich eCommerce Woo + Divi child theme $35 ✔️
14 DiviCommerce An intuitive and sleek eCommerce child theme for Divi + Woo $25 ✔️
15 Divi Menu Cart Strengthen cart visibility with a customizable menu selection $12 ✔️
16 Disguise & Display PRO Toggle visibility of sections based on client roles or actions $39 ✔️
🎁 Cyber Monday Ecommerce Package Plenty of extensions, layouts, and child topic issues for WooCommerce $582.99 $174.90
See also  The best way to Allow Chrome Extensions in Incognito Mode

Take hold of the package deal deal in recent years, and don’t look once more!

Get the eCommerce Package

You Get A Unfastened Prize and Bonus Perks with Your Gain

Cyber Monday prizes

Whilst you gain a package deal deal right through the Cyber Monday Sale, you’re no longer merely saving money—you’re unlocking implausible perks and rewards. Each and every package deal deal gain qualifies you for a loose prize from our prize pool value over $800,000. The ones prizes include most sensible fee Divi products that can give a boost to your website-building options.

Cyber Monday possibilities moreover gain distinctive get right of entry to to hidden discounts inside the Divi Marketplace, providing you with up to 50% off make a selection products and bundles. Each and every participant will unlock loose Divi Internet web page Packs, designed to help you create stunning, high-performing internet websites with out problem.

There’s no upper time to give a boost to your toolkit and take your web design to the next level.

Get the eCommerce Package

There Are Additional Cyber Monday Gives To Uncover

Revel in our biggest discounts of the year on Divi, Divi AI, Divi Cloud, Divi Teams, Divi VIP, and Divi Marketplace. Make the most of the ones distinctive provides which can be best available for a limited time!

  • 🎉 Get Divi Skilled for 73% OffOur best possible Cyber Monday be offering! With Divi Skilled, enjoy added discounts right through services, plus the whole Divi suite: Divi, Divi Dash, Divi AI, Divi Cloud, Divi VIP, Divi Teams, and a $50 Divi Marketplace credit score ranking. Acquire a lifetime subscription for ongoing website-building get right of entry to, along side long run updates like Divi 5.
  • 🎉 Repackage Your Subscriptions for Up to 73% Off — Provide participants can save huge by the use of repackaging their subscriptions with the new Divi Skilled package deal deal or any custom package deal deal combo. Pay a lot much less, get additional choices, and give a boost to your toolkit.
  • 🎉 Get Divi AI for 68% OffDivi AI is your personal AI assistant for internet web page introduction. It might be able to generate content material subject matter, custom code, imagery, and additional in seconds, integrated directly into Divi for simple internet web page establishing.
  • 🎉 Get Divi Cloud for 44% OffDivi Cloud is like Dropbox for Divi. Save items from your Divi Library and get right of entry to them instantly right through your tasks.
  • 🎉 Get Divi Teams for 44% OffDivi Groups lets in seamless collaboration with teammates and clients, offering shared get right of entry to to Divi with managed roles and permissions.
  • 🎉 Get Divi VIP for 44% OffDivi VIP supplies most sensible fee 24/7 reinforce with 30-minute response cases and 10% off inside the Marketplace, on top of sale prices.
  • 🎉 Divi Memberships are 25% Off — Gain or Renew Divi memberships at a big discount. Improve to Divi Lifetime to safe Divi, Divi Dash, and the upcoming Divi 5 for life. Divi Skilled Lifetime is available for 76% Off which provides you with necessarily essentially the most value at the biggest discount of all of the sale.
  • 🎉 Save 70% on Distinctive Divi Marketplace Bundles — Get implausible value on Divi Market bundles at a fraction of the cost. The ones bundles are perfect for boosting your tasks with most sensible fee equipment!

The put up How To Supercharge Your Divi Ecommerce Web pages gave the impression first on Sublime Issues Weblog.

WordPress Web Design

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!