how to build an ecommerce website step by step Tutorial, this Blog post will guide you on how toto create an ecommerce website. this tutorial are for those that want to have an online store and bring their businesses live in the digital world. Have this tutorial you will be able to set your own online store fast and easy for free.
Hi welcome to this Tutorial post. i will be recommending and also teaching you on how to create an ecommerce website. Please read to the end.
THEME NAME THAT WILL BE USED?
BEFORE YOU GET ANY THEME WHAT YOU MUST KNOW?
You should know that some premium free theme has Virus in them that can break your website, so it is not advisable to download Premium for free so i recommend this website if you can’t afford the price on themeforest the website has virus free theme and plugin 100% safe.
1. Getting Started
In this first section of how to create an ecommerce website using WOODMART theme, we will go through the essential steps required to start building your website with the WOODMART theme to have a wonder Ecommerce website for your online business. We will explain how to install the theme, import the included demo content, as well as how to update the theme. At the end of this Tutorial you will you will be able to build an ecommerce website you can check site demo here. Lets get started now.
Requirements & WordPress set up
You need to have a WordPress installation on your web-site to use our theme.
Note: if you want to install dummy content from Woodmart theme, we highly recommend installing it on a fresh WordPress without any data.
General steps to install WordPress CMS to your site
- Download the latest WordPress version from https://wordpress.org/download/
- Upload zip file to your web-site root folder and unzip
- Create database (using your hosting panel)
- Set up wordpress. Detailed instructions
Here the list of useful links to install WordPress CMS
There are two ways to upload any theme into WordPress site: Admin panel and FTP. The most recommended way is uploading via Admin panel, however, sometimes there may be size limitation for files uploaded that is why this manual provides both ways:
Upload Theme through WordPress Admin panel
Way 1: install the theme through the WordPress Dashboard:
Locate woodmart.zip file and sign into your WordPress Dashboard (e.g., ). Go to Appearance > Themes > Add New > Upload, and select the file, click “Install Now“. Once the theme is uploaded you will need to activate it in Appearance > Themes.
- Sign in to your admin panel in yourdomain.com/wp-admin
- Navigate to Appearance > Themes > Add New -> Upload theme
- Choose woodmart.zip file
- Wait while the theme is uploading, install and activate it.
Make sure ZIP file contains folders and files of the theme, not the inner additional ZIP.
Upload Theme with FTP
Way 2: upload through the FTP
You need to upload the theme zip file to your-site.com/wp-content/themes folder and unzip it. You can use
your web-hosting control panel (cPanel, ISPManager etc.) or you can connect to your server through the FTP client like FileZilla
and upload already unzipped WoodMart folder:
- Connect to your hosting (server) via FTP client
- Upload your theme folder to your-site.com/wp-content/themes folder
- Login to your WordPress Dashboard and go to Appearance > Themes and activate Theme.
- Open your site and check if everything is okay
Before start working with the theme, it is necessary to install required and recommended plugins that come with our theme package.
You can automatically install all plugins in Appearance -> Install Plugins. Alternatively, you can install plugins in the Plugins tab:
- Go to Appearance -> Install Plugins
- Check all plugins you want (required plugins are important for theme to work)
- Choose install and click “Apply”
- Wait until all plugins will be installed, activate.
As soon as WoodMart theme has been installed and activated together with all the related plugins, the Dashobord gets Theme Settings and WoodMart tab ensuring the possibility to customize the view of a web-site.
The next step after all the plugins have been installed is to enable the building plugin that would be used on site: WP Bakery page builder or Elementor plugin in the Theme Settings – > General.
Important! WoodMart works with either WP Bakery builder or Elementor builder at once, but not with both at the same time. It is not possible to convert an existing site that is built on WP bakery page builder into Elementor. In order to have a site basing on the Elementor builder, it is necessary to replicate the site from scratch on a new WordPress installation with the Elementor plugin.
If you skip previous section you need to install WooCommerce plugin
to set up your shop.
- Download the plugin to your computer.
- Unzip the file.
- Using an FTP client, or your hosting control panel, upload the unzipped plugin folder to your WordPress installation’s wp-content/plugins directory.
- Activate the plugin from the Plugins menu within the WordPress admin.
- Follow plugin’s set up steps and install shop pages
- Go to Products in admin panel and create your first products
Import Demo Content
As soon as the theme has been installed with the required plugins, the Dashboard gets Theme Settings and Woodmart tabs. The Theme Settings Tab provides all the options to configure the site as per the business needs.
WoodMart tab contains:
Base Import – opportunity to upload the full demo as it is;
Additional pages – opportunity to upload certain pages design from demos;
Header builder – special building tool allowing to create and configure the Header with various set of elements;
Theme license – the tab for license activation;
CSS generator – CSS optimization tool;
In order to upload the full demo, navigate to Base Import and upload Basic or full import. This is a compulsory step for demo uploading. You will find the right block with “Activate Base Version” Pressing the button will upload Base version.
After installation of the Base Version, the left block with Demo versions drop-down becomes available. Choose the Demo from the drop-down and press button “Set up version”
The theme can be activated twice with one and the same license key in order to ensure the possibility to develop a site on a staging platform and then transfer for the final domain. However it the theme is supposed to be used on different domains, it is necessary to acquire licenses for each domain separately.
Theme Settings Panel
WoodMart is a fully customizable WooCoommerce theme with drag & drop builder in Header and Footer as well as the extended options for different shop page templates, product page layouts, and a great deal of other comprehensive web-building tools.
As soon as WoodMart theme has been installed and activated together with all the related plugins, the Dashboard gets Theme Settings and WoodMart tab ensuring the possibility to customize the view of a web-site.