Guide & tutorial to learn how to build & setup a WordPress eCommerce shop, with all steps for creating a store on your website using WooCommerce.
Creating a store on WordPress / eCommerce
In this tutorial on the Visualmodo knowledge base, we will show how to create a store on WordPress pages with the WooCommerce WordPress e-commerce plugin. In addition, custom it with our Visualmodo themes in a simple way to build a shop page.
Start creating a WordPress store: I assume you have already purchased WooCommerce hosting. We recommend Managed WordPress WooCommerce hosting for eCommerce stores. Then: make sure that you install the WooCommerce WordPress plugin and activate it in your plugin area.
Install WooCommerce Plugin
Our themes make you install it simply with our one-click plugin installation, so as soon as you start the theme, you will see a message at the top of your WordPress dashboard area asking you to click and install all the plugins.
WooCommerce is one of them, but if you want, you can install the WooCommerce plugin in the usual way by going to your plugins area and searching for WooCommerce. It’s a great and free plugin.
Typically WooCommerce installs some pages on your WordPress when you activate it. Still, if you want to change it. You must go to your WordPress pages area, add new ones, and type the page’s name. You don’t need to place any content on it. We will call the page ‘STORE.’ NOTE: WooCommerce installs a ‘shop’ page when you activate it.
You can do this by going to the “Plugins” section in your WordPress dashboard, then clicking “Add New” and searching for “WooCommerce.” Click “Install” and then “Activate.”
Set up WooCommerce: Creating a WordPress Store
After you’ve installed WooCommerce, you need to configure the basic settings. To do this, go to the “WooCommerce” section in your WordPress dashboard and click “Settings.” You can configure settings such as your store’s location, currency, shipping options, and tax rates here.
Adding Products to Your WordPress Shop
To add products to your store, go to the “Products” section in your WordPress dashboard and click “Add New.” You can add product information, such as the title, description, pricing, and images here.
Please see the plugin developers’ documentation for all the steps, watch the video, or follow these guidelines.
NOTE: you can edit the WooCommerce product’s body content area using the Visual Composer page builder. To enable the visual composer page builder (WPBakery) on this product’s editor post type, please take a look here. Or Enable the Elementor Page builder to work on product post types following this video.
Set up Payment Gateways
You need to set up payment gateways to receive payments from your customers. WooCommerce supports a range of payment gateways, such as PayPal, Stripe, and Square.
You can configure payment gateways by going to the “WooCommerce” section in your WordPress dashboard and clicking “Settings” and then “Payments.”
Set up Shipping Methods: Creating a WordPress Store
WooCommerce also supports a range of shipping methods. You can set up shipping options such as flat rate, free shipping, and local pickup by going to the “WooCommerce” section in your WordPress dashboard and clicking “Settings” and then “Shipping.”
Creating a Store on WordPress: Shop Pages
To create a complete online store, you need to add store pages such as the “Shop” page, “Cart” page, and “Checkout” page. WooCommerce automatically creates these pages for you, but you can customize them by going to the “Pages” section in your WordPress dashboard and editing the relevant page.
This is an example of a shop page of our Rare WordPress theme demo. Once you already have a page you want to transform in your store, you must activate the WooCommerce template on your STORE page.
To show products on this page, go to the WooCommerce WordPress tab and settings, click on the products tab, Product Tab Archive / Select ‘Display’ > Shop Page, select your STORE page and save it.
Test Your Store
Before launching your online store, you must test it thoroughly to ensure everything works as expected. Test the checkout process, payment gateways, and shipping options to ensure a smooth user experience.
Customizing Pages
To custom your STORE page, go; to WP DASHBOARD > Visualmodo > Theme Options > WooCommerce < tab area. In this area, you can choose the place of your sidebar, the share options, the header options, backgrounds, texts, and the slider show.
To place widgets on your sidebar area, you need to go to the Appearance, widgets, place some widgets in the WooCommerce Main Page area, and the ‘Woocommerce Products Page,’ you can set the widgets you want. Follow this guide & tutorial to learn how to build & setup a WordPress eCommerce shop, with all steps for creating a store on your website using WooCommerce.
Calling WooCommerce Products on Other Pages
Your store will have some WooCommerce native pages that use the original plugin templates and are not editable pages; however, you can call your shop products on other pages or even design your shop page using the page builder Visual Composer WooCommerce elements, while this usage you will be able to create your layout in the way you want.
For it, go to your Wp Dashboard > Pages > Add New > back-end/front-end editor > add elements > select ‘WooCommerce’ < elements tab and choose the features you want to add to your layout. NOTE: make sure you will do it on a page out-of-the-page that you set to be your products page.
On WooCommerce plugins settings (another page) because the products page isn’t editable once it uses the plugin native template.
Creating a store on WordPress / shop with WordPress WooCommerce plugin with our WordPress themes – By Visualmodo
Create A Custom Direct ‘Add to Cart’ Link For WooCommerce Products? Video Tutorial
This option may be advantageous on your landing pages to directly add products to customer carts and checkout. Keep reading this guide & tutorial to learn how to build & setup a WordPress eCommerce shop, with all steps for creating a store on your website using WooCommerce.
That’s it! You’ve successfully created an online store in WordPress using WooCommerce. Remember to keep your store updated, secure, and optimized for performance to ensure the best possible experience for your customers.
What Should I Do If I Don’t Like WooCommerce?
If you don’t like the WooCommerce WordPress plugin, there is an alternative plugin called SureCart. Check the following video tutorial or guide for its usage here.
I hope this guide & tutorial to learn how to build & setup a WordPress eCommerce shop, with all steps for creating a store on your website using WooCommerce.