Elegant Themes WoocommerceStylish Topics Woocommerce
We will also show you how to setup it and guide you through the release of your first products with the Divi Shop engine. The WooCommerce is a high customisable e-commerce plug-in that operates 42% of all on-line shops. In addition, the base plug-in is free of charge and therefore a useful choice for anyone who wants to establish an on-line shop.
You can also integrate it into many WordPress themes smoothly, even Divi (of course). WooCommerce is very popular with over 20 million users. But there are other choices when it comes to e-commerce plug-ins, which include e-commerce product catalog and e-commerce shopping cart. However, given the combined features and costs of WooCommerce, it is still the first option for many on-line vendors.
With this in mind, we have made sure that Divi is fully WooCommerce compliant, right out of the box. What's more, Divi is fully WooCommerce compliant. Using the Shop tool in combination with WooCommerce you can get impressive results. In addition, by selecting the right enhancements, you can build an astonishing, yet truly original shop that could be difficult to accomplish with other solution.
Although WooCommerce comes with a variety of default settings, the set-up is actually very simple thanks to the "Onboarding Assistant". As soon as you have the plug-in up and running, you will be taken to the set-up assistant. When you miss it (or are not yet finished running it), you can call it up later by clicking Help in the top right part of the display and then going to Setup Assistant > Setup Assistant: Select it: then select it: click Help:
As soon as you are in the assistant, click Let's Go! Page Setup is for information and informs you that several important store pages are generated automatically: Next, you need to determine whether to ship your physically packaged goods and charge VAT: Once all your preferences have been set, you will see the page labeled Ready! where you know that you are set to begin building your first product:
Even though the operation of the Assistant is fast and easy, you can change the preferences instead of it by hand by choosing WooCommerce > Preferences in your dashboard. Anyway, at this point you are prepared to develop your first products - let us find out how it works. WooCommerce can be used in several ways within Divi.
You can use it e.g. without access to the Divi Builder or by using shortcuts in a text engine. We do however suggest to use it with the shop modul on which we will concentrate here. It synchronizes with your products category, so you can order, organise and customise your showcase with ease.
There also comes with a variety of customization choices so that you can build visual appealing store pages to draw traffic. Let's start by attaching a specific item. As soon as you have finished the set-up assistant, you will be asked to build your first products - just click on the buttons labeled "Create your first products!
You can, however, bypass it and build your own items later by going to your WordPress Dashboard and going to Tools > Adobe Acrobat > Adobe Acrobat > Adobe Acrobat > Add Item. One way or another, you're using a new empty page to generate your listing. Type your name in the caption field and its name in the body area: the caption will appear:
When you go to the section entitled Products Data, you will see several tab pages, among them General (where you type your price), Stock and Shipment. Immediately below you will find the section Brief descriptions of the products. It works similar to an extract from a normal WordPress mail and is displayed next to the item on the list pages.
Click Set Picture in the Products section and select the picture you want to use for your products. All other pictures can be added to the section entitled Gallery: Lastly, you must allocate a catagory to your products in the section entitled Products Categories (also on the right side of the editor).
It is an important stage because it informs the shop engine which items to display: Click Publish and you've made your first creation! The next thing to do is to create your own page where you can present your wares. Since you insert your items via a shop plugin, you need a page to which you can attach them.
WooCommerce would have generated a empty page called Store if you had run through the set-up assistant. To start building your layouts, if you don't yet have a store page (or want to build a new one), go to Pages > New in your WordPress Dashboard, and then click the Use The Divi Builders button:
It' all up to you how you create your page - for example, you can customize the look and feel of your website or use any look and feel you've already stored. Naturally, nothing prevents you from designing a totally different look for your store pages - perhaps with a totally different look to present your wares.
New to Divi Builder, you can take a look at our documentary to get to work. The Divi also comes with two ready-made store designs, one of which could be exactly what you are looking for. Browse down from here to the two store laysouts and select what you want: When you select a preset lay-out, the Store Engine is already included for you.
You should, however, include the modules yourself for customer-specific themes. The next step is to include our own website with our own brand. If you want to create an individual store page design, click Insert modules wherever you want your item to appear: Browse down and choose Shop: The General Settings screen appears, where you can adjust the modul layout.
First, you can choose what kind of items you want to view, complete with your latest, best-selling, or just a specific category: After selecting a specific item you can specify how many items you want to view before reviewing which items to add and how many column views to display:
Lastly, there is a handicrafts order by section that allows you to select how your product will be ordered - for example by valuation, date or prize. Last but not least, you should design your own modules accordingly. As soon as your layouts are ordered, you can start your own styles. Here you get extensive choices on how to design your shop to look exactly the way you want it to.
And for those of you who want to get your hand smudged with coding, you can further customize the modular element using the Custom CSS panel. Anyway, if you're looking for inspired ideas, you can see our amazing Divi e-commerce site listing along with our store style guide, which provides practical hints on how to achieve some amazingtyles.
In order to present your company's range of goods, you need a fast and easy to use software package that provides amazing and convenient results. The use of WooCommerce in conjunction with the Divi's Shop modules allows you to present your goods nicely without saving time. Adds a produkt. Make a new page. Include your shop modul.
Design your own modul. If you have a question about using WooCommerce with Divi? Miniature of the item by Zakharchenko Anna / shutterstock.com.