Make an eCommerce website (2021 Bootox )

by | Last updated Jul 20, 2021

This is the ultimate guide on how to make an e-commerce website in WordPress using free resources. The theme and plugins we are going to be using in this tutorial are for everybody.

The ultra-rich can make any ultimate website they want! How can under tight-budget people like you and me compete with these titans?

We don’t only want to create something similar, but better in every way! Is it even possible with free resources?

Bootox     v 1.0

Before we get started, I want you to know that this is only Bootox version 1.0. Bootox being the name of the website we are going to create.

We are going to be updating this website loads of times! If you do not want to miss out, make sure you have subscribed to the youtube channel.

Adiquer Channel : Kudzai Matukeni

Done? Let’s get into it!

Step 1: Get Hosting

What is the best cheap hosting for wordpress?

Hosting is the company that is going to take care of your website security, online time, speed, and they will offer you 24/7 support in case you have any problem.

We are affiliates – We hope you love our guides, just so you know, we may get a share of sales or other compensation from the links on this website. This will be at no extra cost to you. Thank you if you use our links, we really appreciate and need your support to keep this site up.

Fastcomet is the best budget hosting. You will not get more features than these for the price. Make sure to check it out!

Micro Steps Data

  • Starter Steps
  1. go to adiquer.com
  2. click get started in the plan
  3. put in domain
  4. fil in account details
  5. change data center
  6. put in payment details 
  7. tick the check items
  8. click complete order

2 – Adiquer Account

How to get wordpress tutorial resources?

Without these, you cannot design the website. We need to make sure that we are all using the same images, templates, and other resources.

This is why I built a dashboard to make sure that we all use the same resources.

All you have to do is to log into your Adiquer account and you will have all the resources required to make an eCommerce website.

Micro Steps Data

  • Starter Steps
  1. Go to adiquer.com
  2. fill in the email and password 
  3. click register
  4. Click around the tabs to get used to the dashboard

3 – Website Transfer

How to transfer your website name to Fastcomet Hosting?

Maybe you already have an eCommerce website and you want to transfer it to better hosting? That is not a problem at all!

In this step on how to make an eCommerce website, you will need to ask the Fastcomet support for help.

In the support area, you can submit a ticket with all the details of your previous hosting account. After that, they will take care of the rest.

Micro Steps Data

  • Starter Steps
  1. Go to my.fastcomet.com
  2. Fill in the password and email.
  3. Click login
  4. click the lifeboat icon that says support
  5. click submit ticket 
  6. Choose website transfer
  7. put in hosting account login page
  8. put in the email used 
  9. put in password used
  10. name the website to be transferred 
  11. copy and paste the script on the Adiquer blog post
  12. Click Submit

4 – Install SSL Certiicate

How to install an SSL certificate in C-Panel?

Security is one of the most important features of hosting. If not the most important feature.

We however need to p[ut enough effort on our end. We can do this by installing an SSL certificate.

Websites that do not have SSL certificates usually end up losing customer credit card data to hackers.

This will lead to serious consequences and even some jail time in most countries. Be sure to follow these steps to install an SSL certificate.

Micro Steps Data

  • Starter Steps
  1. Go back to Fastcomet home
  2. scroll to active products
  3. enable SSL
  4. put in the master password
  5. under action click issue

5 – Create domain email

How to create a business email for a WordPress eCommerce website?

Gmail email, No! That will not get you the first impressions you need! If you are serious about having a good first impression, you need a business email.

This is something like yourname@yourwevsite.com instead of yourname@gmail.com.

Believe me, this could be the deciding factor on whether you are ejected or accepted by a partner.

Micro Steps Data

  • Starter Steps
  1. Go back to Fatscomet dashboard
  2. scroll to active products
  3. click the cp icon
  4. put in the master password
  5. scroll to email accounts
  6. click email accounts
  7. Click create
  8. put in username
  9. generate password
  10. Click create
  11. click check email
  12. Click open

6 – Install WordPress

How to install wordpress to make an eCommerce website?

WordPress is a content management system.

This means it helps you manage content on your website without the need for any technical skills.

Installing wordpress is very easy with these steps.

Micro Steps Data

  • Starter Steps
  1. Go to hosting account
  2. Scroll to active products
  3. Click install application
  4. Fill in the master password
  5. Click wordpress icon
  6. Click install
  7. Change protocol to https.www
  8. Empty directory field
  9. Scroll to Admin account section
  10. Fill in the username
  11. Put in password
  12. Put in the email 
  13. Scroll down and click install
  14. Wait for the process to finish
  15. Open the 2 links in new tabs
  16. Delete extra tabs in your browser

7 – Log in to WordPress

How to log in to wordpress?

This is a simple procedure you can do on your website or even other people’s websites. WordPress has made it very easy to have access to the backend from the frontend.

This is why you need to make sure that your website username and password can never be leaked!

Micro Steps Data

  • Starter Steps
  1. Logout of wordpress account
  2. Delete all tabs
  3. Reopen Browser and go to your website.com
  4. Add /wp-admin/ at the end of URL
  5. put in email and password
  6. Click login
  7. Open frontend in new tab

8 – Basic Settings

What are the best basic wordpress settings after installing wordpress?

Congratulations! By this time you already have a website. It doesn’t however look anywhere close to what we want.

This is why we are going to start by handling the basic settings to make sure that we ake an eCommerce website that is ready to receive customers in no time.

Be sure to follow every step without skipping as it might affect your result drastically.

Micro Steps Data

  • Starter Steps
  1. Go to settings > General
  2. Change site title to the name of your website
  3. Change the tagline to a short sentence explaining your core business
  4. Click update
  5. Go to settings > permalinks
  6. Change permalinks to postname
  7. Click update

9 – Install Theme

How to install the best free eCommerce theme in wordpress?

Your WordPress theme is going to affect the overall design of the eCommerce website.

The theme we are going to be using in this tutorial is called blocksy.

This is the most feature-packed theme used to make an eCommerce website!

I believe that it is better than a lot of paid themes on the market. With this theme, you cannot go wrong.

Micro Steps Data

  • Starter Steps
  1. Go to WordPress Dashboard
  2. Hover over appearance and click themes
  3. Click add new 
  4. Search blocky
  5. Install and activate

10 – User Persona

How to make an eCommerce website user persona?

The user persona or buyer persona is a digital representation of the ideal user you would like to visit your website.

This is by far the most important part of the web design process.

If this step is done wrong, every step that follows is a complete waste of time, energy, and resources.

This is why you need to complete the user persona in your Adiquer account.

Micro Steps Data

  • Starter Steps
  1. Go to adiquer.com
  2. Log in to account
  3. Go to the persona tab
  4. Click download persona

11 – Wireframing

How to make an eCommerce website wireframe?

Now that you have a user persona, it’s time we develop a sitemap and a wireframe.

A sitemap is simply a drawing showing how the user is going to navigate the website.

A wireframe is going to be a drawing showing how the pages are going to be structured.

Both of these do not need any special software as they can be done using pen and paper.

Micro Steps Data

  • Starter Steps
  1. Go to adiquer.com
  2. Login to account
  3. Navigate to the wireframing tab
  4. Click download

12 – Colors

How to choose the colors to make an eCommerce website?

We need a color palette to make the website.

These colors are going to be the same colors used for branding on other social networks.

Coolors is the best place to get these colors.

Micro Steps Data

  • Starter Steps
  1. Go coolors.co
  2. Click start generator
  3. Delete all color and leave 3
  4. Click the space bar to choose the main color
  5. Lock the main color
  6. Copy main color hex
  7. Paste main color hex onto the other 3
  8. Choose a shade of the main color on column 2 
  9. Choose another shade of the main color on column 3
  10. Lock all three colors
  11. Click the plus icon to add three more colors
  12. Click the space bar until you have a color that looks good with the other three
  13. Lock that color.
  14. Repeat steps 12 and 33 until you have three total accent colors.
  15. Click the export button.
  16. Select Image
  17. Put in title
  18. Click export
  19. Go to Adiquer dashboard
  20. Go to the profile tab upload your color image

13 – Chrome extensions

What are the best Chrome Extensions for web design?

We need to design our websites as fast as possible. This is why we are going to need the help of chrome extensions.

These will help us in making decisions for the colors and fonts we use on our websites.

Micro Steps Data

  • Starter Steps
  1. Go to chrome.google.com/webstore
  2. Search Colorzilla
  3. Click on the Colorzilla extension
  4. Click add to chrome
  5. Click the chrome Webstore logo
  6. Search Whatfont
  7. Click the Whatfont extension
  8. Click add to chrome

14 – Logo

How to make an eCommerce website logo?

The Logo is a huge part of branding and design.

It is also the first thing the user will notice when visiting a website.

This is why we need to use the best Logo maker to craft a masterpiece.

Micro Steps Data

  • Starter Steps
  1. Go to logomakr
  2. Close the tutorial 
  3. Search the logo icon
  4. Drag it to the left
  5. Click the t icon 
  6.  Type in the text
  7. Choose the font of the text
  8. Enlarge the text by dragging the corners
  9. Reposition the text to align with the icon
  10. Go to Adiquer account color tab
  11. Use Colorzilla to copy the main color
  12. Select icon in a Logo maker
  13. Paste in the main color in the color wheel
  14. Select the text
  15. Paste the main color in the color wheel
  16. Click the crop icon at the bottom
  17. Adjust cropping area
  18. Click save logo
  19. Click no thanks download a low resolution

15 – Images

Where to download eCommerce website images?

In the Adiquer account, you will find a lot of resources. We however need to take it to step by step.

The first step is to just download the images.

These are the images we are going to be using for products and all the other designs on the website.

Micro Steps Data

  • Starter Steps
  1. Go to Adiquer Dashboard
  2. Navigate to the files tab
  3. Download Images
  4. Extract files here

16 – Plugins

What are eCommerce website wordpress plugins?

The website doe not have enough features to run as a store.

We are going to need to install apps on the website that are going to give it additional functionality.

These apps are called plugins. There are a lot of them for every feature you could ever imagine.

Follow these steps to install plugins

Micro Steps Data

  • Starter Steps
  1. Go wordpress dashboard
  2. Navigate to plugins
  3. Click delete on the existing plugins
  4. Click add new

17 – Really Simple SSL

How to make sure the SSL is working for an eCommerce website?

The first step is to install an SSL certificate. We have already covered that.

The second step is to make sure that we install a plugin that makes sure that every link on our website is secure, this app is called really simple SSL.

Micro Steps Data

  • Starter Steps
  1. WordPress Dashboard
  2. Navigate to plugins
  3. Click add new 
  4. Search really simple SSL
  5. Click install and activate
  6. Go to settings > SSL 
  7. Click activate
  8. Remove notification

18 – Install Woocommerce

How to install Woocommerce in WordPress?

Woocommerce is the most popular wordpress plugin. As if that is not enough, it’s also free.

This is the best plugin for the job! This is the plugin that is going to bring all the required e-commerce features to your website.

Micro Steps Data

  • Starter Steps
  1. Go to WordPress dashboard
  2. Go to plugins 
  3. Click add new 
  4. Search Woocommerce
  5. Click install and activate
  6. Click skip store setup
  7. Click no thanks 
  8. Click the x icon

19 – Woocommerce Settings

What are the best basic Woocommerce settings?

We do not want to make an eCommerce website that does not even have a physical location.

This means we are going to need t fill in our address, the countries we sell to, and the currency we are going to be using.

This should be an easy one.

Micro Steps Data

  • Starter Steps
  1. WordPress Dashboard
  2. Go to Woocommerce > settings > General
  3. Fill in the address of your store
  4. Click sell to specific locations
  5. Select selling locations
  6. Enable taxes
  7. Change the currency
  8. Save changes 
  9. Click the products tab
  10. Check redirect to cart after successful add to cart
  11. Save changes

20 – Tax and Shipping

Shipping settings for a wordpress eCommerce website?

These are the basic settings you will need to run a shipping website in WordPress.

If you are just getting started you will need to ut in a shipping price and tax prices.

Micro Steps Data

  • Starter Steps
  1. WordPress Dashboard
  2. Woocommrec > Settings 
  3. Tax tab, Create VAT Class
  4. Go to vat rates
  5. click insert row
  6. Fill in the country code, rate, and name
  7. Click save changes 
  8. Go to shipping 
  9. Click create shipping classes
  10. Create 3 shipping classes, 1) Light, 2) bulky and 3) fragile
  11. Go to shipping zones
  12. Create us shipping zone name
  13. Select united states as shipping zone name 
  14. Click add shipping method Choose a flat area 
  15. Click edit
  16. Fill in shipping class cost
  17. save Changes

21 – Payment Gateways

How to set up payment gateways for a wordpress eCommerce website?

You will need to use your business email to communicate with the payment providers.

If you want to make an eCommerce website, there is no skipping this step.

This is a very important step as you might not be able to receive payments on your website without it.

Micro Steps Data

Paypal

  1. Dashboard > Plugins > Add new
  2. Search Paypal
  3. Install and activate Woocommerce PayPal gateway
  4. Navigate to Woocommerce> Settings > Payments
  5. Click manage on PayPal
  6. Go to paypal.com
  7. Click signup 
  8. choose business account
  9. Fill in email
  10. Fill in password
  11. Fill in business details
  12. Log in to the PayPal Dashboard
  13. Click Account Settings
  14. Click Account Access
  15. API Access (Click Update)
  16. NVP / SOAP (click manage)
  17. Copy Username, password and signature
  18. Paste details onto respective PayPal gateway fields
  19. save changes

2 – Checkout

  1. Dashboard > Plugins > Add New
  2. Search 2Checkout
  3. Install and activate 2Checkout Plugin
  4. Woocommerce > Settings > Payments
  5. Go to 2checkout.com
  6. Click signup
  7. Click 2sell
  8. Fill in details 
  9. Click get started 
  10. Click physical products 
  11. Click Create Account
  12. Click Integration
  13. Go to Webhooks and API
  14. Copy API ( Merchant and secret key )
  15. Copy Secret World
  16. Paste details in respective 2Checkout input fields
  17. Click Save changes

Stripe

  1. Dashboard > Plugins > Add new 
  2. Search stripe 
  3. Install and activate woo-commerce stripe
  4. Woocommerce > Settings > Payments
  5. Activate Stripe
  6. Go to strpe.com
  7. Click start now 
  8. Fill in the details
  9. Create account
  10. Go to Developers > API Keys
  11. Paste the details in respective stripe input fields 
  12. Save changes

22 – Create Categories

How to create Woocommerce product categories in wordpress?

Categories will make sure that your website is always organized at all times.

You can also upload images for every category but I did not find that very useful. The heading will do just fine.

Micro Steps Data

    1. WordPress dashboard
    2. Products > Categories
    3. Fill in category name
    4. Click add a new category
    5. Crete the following categories:
      1. Men’s Hoodies
      2. Women’s Hoodies
      3. Kids Hoodies 
      4. Animated Hoodies
      5. Affiliate Products 
      6. Gloves

    23 – Simple Product

    How to make an eCommerce website a simple product?

    Simple products are usually products that o not have any size or color variations.

    These products are the most common and the easiest to make.

    Micro Steps Data

      1. Upload Product Images
      2. Products
      3. Add new 
      4. Fill in the title 
      5. Put in description
      6. Choose sale and Regular Price
      7. Fill in inventory
      8. Fill in the dimensions and shipping
      9. Set product image
      10. Select product category
      11. Click Publish

      24 – Create variable product

      How to make an eCommerce website variable product?

      Variable products are more complex than simple products. They have variations such as color and size.

      These products require the installation o a plugin called variation swatches.

      Micro Steps Data

        1. Upload the variable product images 
        2. Plugins > add new > Search variable swatches
        3. Install and activate the plugin
        4. Go to products > Attributes 
        5. Type in Size 
        6. Click add attribute
        7. Click configure terms
        8. Add new names such as S, M, L
        9. Go back to attributes 
        10. Add new: Color 
        11. Click add attribute 
        12. Click configure terms
        13. Add color names
        14. Open product image in new tab
        15. Use Colorzilla to inspect and copy color
        16. Paste color code in attribute input
        17. Do this for every variation
        18. Go to products > Add New 
        19. Fill in the name
        20. Fill in the description 
        21. Choose the product as variable
        22. Go to the Attributes tab
        23. Choose size and color attributes ( Tick use for variations)
        24. Go to the variations tab
        25. Click ad variations
        26. Click add variations from all attributes
        27. Open variation
        28. Add variation image
        29. add variation prices
        30. add product short description
        31. Select product default image 
        32. select category
        33. Click publish

        25 – Downloadable Product

        How to create a downloadable product in wordpress?

        Ebooks templates and so much more. These are all downloadable products.

        These products are the easiest to make as all you need is a file and a link.

        You will however need to have uploaded the file in the media section.

        Micro Steps Data

          1. WordPress Dashboard
          2. Products > Add New
          3. Put in the title 
          4. OPut in description 
          5. Click downloadable product
          6. Put in regular price and sale price
          7. Click in add file 
          8. Fill in name 
          9. Click choose file 
          10. Select File
          11. Click insert file URL
          12. Put in a short description
          13. Put in product image
          14. Product Category
          15. Click Publish

          26 – Grouped Product

          How to create a grouped product in wordpress?

          Grouped products give the user an option to choose a bunch of products and add them to the cart at the same time.

          This is more like variable products but much easier for those customers who want to buy in bulk.

          Micro Steps Data

            1. WordPress dashboard 
            2. Products > All Products 
            3. Import > Import Gloves
            4. Products > Add new 
            5. Fill in title 
            6. Fill in description 
            7. Select grouped product
            8. Select Linked products
            9. Put in short Description
            10. Select Default Image
            11. Select Category
            12. Publish

            27 – Affiliate Products

            How to make affiliate products in wordpress?

            Affiliate products are the best when you want to earn a commission of a product without the responsibility of handling the shipping and customer support.

            Micro Steps Data

              1. Products 
              2. Fill in product name
              3. Fill in description
              4. Change to an affiliate product
              5. Add affiliate Url
              6. Put In Prices
              7. Fill in the long description
              8. Add product image
              9. Add category
              10. Publish

              28 – Virtual Products

              How make an eCommerce website virtual product?

              Virtual products are not like downloadable products.

              They are usually services such as phone calls. These products only need a price tag.

              Micro Steps Data

                1. WordPress Dashboard 
                2. Products > Add new 
                3. Fill in Title 
                4. Add short Description
                5. Select Virtual 
                6. Put in the sale and regular price 
                7. Put in the product images
                8. Select Category
                9. Publish

                29 – Auction Product

                How to create an eCommerce website Auction Product?

                The price of the products is equivalent to the highest bidder.

                To make these types of products you need to have installed an extra plugin called Ultimate Auction.

                Micro Steps Data

                  1. WordPress Dashboard
                  2. Plugins > Add new
                  3. Search Ultimate Auction 
                  4. Install and activate
                  5. Hide Notice
                  6. Add Product Name
                  7. Add short Description
                  8. Select Auction Product
                  9. Fill in the auction details
                  10. Put in the short description
                  11. Choose product Image 
                  12. Select Category
                  13. Click publish

                  30 – Create Pages

                  How to make eCommerce website pages in wordpress?

                  The list of pages you need to make is already on your website wireframe.

                  These pages are the most essential when it comes to creating an eCommerce website.

                  You can always add more according to customer needs pages as time goes by.

                  Micro Steps Data

                    1. Go to pages 
                    2. Click add new 
                    3. Put in page title
                    4. Click Publish
                    5. Repeat this process for the following pages

                    31 – Create Menus

                    How to create eCommerce website menus in wordpress?

                    The menu is going to be the center of website navigation.

                    We must put the most important pages on the website header menu.

                    We also need to put the remaining men in the footer for easy navigation.

                    Micro Steps Data

                      1. Go to Appearance > Menus 
                      2. Fill in the Main Menu
                      3. Click create Menu
                      4. Select the following pages from the left sidebar
                      5. Click add to the menu
                      6. Reorder pages to this order
                      7. Select Header Menu 1
                      8. Click Save Menu
                      9. Create the Footer Menu
                      10. Click Footer Menu on the Menu Settings
                      11. Click save Menu
                      12. Create the company menu
                      13. Do not click anything on the menu settings
                      14. Click save Menu
                      15. Create the shop and Account Menu The same way

                      32 – Theme Customize

                      How to change eCommerce website defaults in wordpress?

                      We need to change our default font and colors. We can do this by going to the customize section.

                      This section is where you will find the majority of all default design settings you need to make on your website theme.

                      Micro Steps Data

                        1. WordPress Dashboard
                        2. Appearance > Customize
                        3. Change Site Background to white
                        4. Typography
                        5. Change the font to Roboto
                        6. Click the back arrow 
                        7. Navigate to colors
                        8. Change all the green with accent 3
                        9. Change base font color to main – dark blue
                        10. Change border to #f1f1f1
                        11. Click Publish

                        33 – Header Design

                        How to make an eCommerce website header?

                        The header is going to contain the logo, menu, cart, and the search icon for your website.

                        The following are the steps on how to customize it.

                        Micro Steps Data: Top Bar

                          1. WordPress Dashboard
                          2. Appearance > Customize
                          3. Header

                          Main Row

                            1. Drag HTML module to the left
                            2. Drag the socials modules to the right 
                              1. Change row minimum height to 40px
                              2. Go to the design tab
                              3. Change background to blue dark ( Colorzilla )

                              HTML  Module

                                1. Change text to login / My Account
                                  1. Change color to white for text and link

                                  Social Icons  Module

                                    1. Add Pinterest
                                    2. Add Links
                                      1. Change color to white and Yellow on hover
                                        1. Click Publish

                                        Micro Steps Data: Main Row

                                          1. WordPress Dashboard
                                          2. Appearance > Customize
                                          3. Go to Header

                                          Main Row

                                            1. Drag menu to center 
                                            2. Drag cart icon to the left side of the search icon
                                              1. Click the gear icon on the main row
                                              2. Reduce the minimum height to 100 px
                                              3. Go to the style tab
                                              4. Add bottom Border: full Width

                                              HTML  Module

                                                1. Change text to login / My Account
                                                  1. Change color to white for text and link

                                                  Logo Module

                                                    1. Select the logo module 
                                                    2. Upload Logo
                                                    3. Deactivate the site title 

                                                    Menu Module

                                                      1. Click on the menu module 
                                                      2. Change the menu size to 16px 
                                                      3. Change uppercase to capitalize 

                                                      Cart Module

                                                        1. Click the cart module 
                                                        2. Change icon size to 30px 
                                                          1. Go to the design tab
                                                          2. Change cart total font to 25px 
                                                          3. Click the search icon
                                                          4. Change size to 30px
                                                            1. Click Publish

                                                            34 – Footer Design

                                                            How to make an eCommerce website footer in wordpress?

                                                            The footer of the website will contain the branding of the website, the social icons, and the menu.

                                                            These elements will improve the user experience on the website.

                                                            Micro Steps Data: Top Row

                                                              1. Appearance > Customize
                                                              2. Footer

                                                              Top Row

                                                                1. Click the top Row gear icon 
                                                                2. Change column to 1
                                                                  1. Go to the design tab
                                                                  2. Click row background 
                                                                  3. Drag the transparency bar to maximum
                                                                  4. Click the downward arrow from RGBA to Hex
                                                                  5. Go to Adiquer Account Colors tab
                                                                  6. Use Colorzilla to copy the main Color
                                                                  7. Paste the main color in the Background color input field
                                                                  8. Click the back arrow
                                                                    1. Drag and drop the socials Module

                                                                    Socials Module

                                                                      1. Go to the design tab
                                                                      2. Change initial Color To White
                                                                        1. Go To General Tab
                                                                        2. Change icon size to 30px
                                                                        3. Add Pinterest Icon
                                                                        4. Change horizontal Alignment to center
                                                                          1. Click Publish 

                                                                          Micro Steps Data: Main Row

                                                                            1. Go To Middle Row

                                                                            Main Row

                                                                              1. Drag a widget into every column
                                                                                1. Click the gear icon on the middle row
                                                                                2. Change the columns to 4

                                                                                Widget Area 1

                                                                                  1. Double click on widget area 1
                                                                                  2. Click add Widget
                                                                                  3. Search and add a navigation menu 
                                                                                  4. Select the Shop Meu
                                                                                  5. Change title to shop 

                                                                                  Widget Area 2

                                                                                    1. Double Click on widget area 2
                                                                                    2. Click add Widget
                                                                                    3. Search for the navigation menu Widget
                                                                                    4. Select the My Account Menu
                                                                                    5. Change title to My Account

                                                                                    Widget Area 3

                                                                                      1. Click on widget area 3
                                                                                      2. Click add widget 
                                                                                      3. Search and add a Navigation menu
                                                                                      4. Select Company Menu
                                                                                      5. Change Title Company

                                                                                      Widget Area 4

                                                                                        1. Click on widget area 4
                                                                                        2. click add widget
                                                                                        3. Search Text and add module
                                                                                        4. Click add media and upload the white logo
                                                                                        5. Add email and phone text

                                                                                        Main Row

                                                                                          1. Click the gear icon on the middle row
                                                                                          2. Go to the design tab
                                                                                          3. Click the row background color Circle
                                                                                          4. Drag the transparency bar to full 
                                                                                          5. Click the downward arrow to change for rgba to hex 
                                                                                          6. Go to Adiquer dashboard color tab
                                                                                          7. Use colorzilla to copy the main color – dark blue
                                                                                          8. Paste the color code into the input field
                                                                                          9. Change the row top divider to solid
                                                                                          10. Change title widgets font color to white
                                                                                          11. Change the widget’s font to 20px 
                                                                                          12. Change widgets font color to white
                                                                                            1. Click Publish

                                                                                            Micro Steps Data: Bottom Row

                                                                                              1. Go to bottom Row

                                                                                              Main Row

                                                                                                1. Double click on the footer bottom row gear icon
                                                                                                2. Change columns to 2
                                                                                                  1. Drag the footer menu module to the 2nd column
                                                                                                    1. Go to the design tab
                                                                                                    2. Drag to fill transparency bar
                                                                                                    3. Click down arrow to change from rgba to hex
                                                                                                    4. Change background color to #050f25

                                                                                                    Copyright Module

                                                                                                      1. Click the copyright module
                                                                                                      2. Delete the powered by text
                                                                                                      3. Change the horizontal alignment to left
                                                                                                      4. Make everything Bold
                                                                                                        1. Click the design tab
                                                                                                        2. Change initial to white
                                                                                                        3. Change link to a white

                                                                                                        Footer Menu Module

                                                                                                          1. Click on the footer menu module
                                                                                                          2. Change horizontal Alignment to end
                                                                                                            1. Go to the design tab
                                                                                                            2. Change font initial to white
                                                                                                              1. Click Publish

                                                                                                              35 – Elementor Install

                                                                                                              How to install the Elementor Page Builder?

                                                                                                              Page builders make it easier to make websites without the use of code.

                                                                                                              Elementor is the best page builder to build feature-packed, fast-loading websites for free!

                                                                                                              Micro Steps Data

                                                                                                                1. WordPress Dasboard
                                                                                                                2. Plugins > Add New > Serach Elemnentor
                                                                                                                3. Install and Activate

                                                                                                                36 – Reading settings

                                                                                                                How to choose the best reading settings in wordpress?

                                                                                                                The best reading settings in wordpress are to make sure that the website displays the gt blog page and Home page.

                                                                                                                Without these settings, your homepage will have the home lug on it.

                                                                                                                Micro Steps Data

                                                                                                                  1. Dashboard
                                                                                                                  2. Settings > Reading
                                                                                                                  3. Change your home-page displays to a static page
                                                                                                                  4. Change homepage to home
                                                                                                                  5. Change the posts page to the blog
                                                                                                                  6. Click Save Changes

                                                                                                                  37 – Email Form

                                                                                                                  How to collect emails on an eCommerce website?

                                                                                                                  Collecting emails is second to only getting a sale. The best websites are those that collect emails and make sales.

                                                                                                                  In the long run, these are the most profitable.

                                                                                                                  Micro Steps Data
                                                                                                                    1. Double click on the header
                                                                                                                    2. Click the delete icon
                                                                                                                    3. Double click on the background image
                                                                                                                    4. Go to input, background, click down arrow
                                                                                                                    5. Click the x delete icon
                                                                                                                    6. Navigate to solid color
                                                                                                                    7. Click the chessboard icon to make the background colorless
                                                                                                                    8. Select and delete the first name field
                                                                                                                    9. Select and delete the surname fields
                                                                                                                    10. Drag and drop the name field
                                                                                                                    11. Adjust form borders to remove excess vertical space
                                                                                                                    12. Double click the name field
                                                                                                                    13. Change border style to borderless
                                                                                                                    14. Change border radius to 70px all round
                                                                                                                    15. Drag the sides of the input fields to fill the container horizontally
                                                                                                                    16. Double click on the button
                                                                                                                    17. Change color to accent 3
                                                                                                                    18. Change hover color to accent 2
                                                                                                                    19. Double click on the button text
                                                                                                                    20. Change text to sign me up
                                                                                                                    21. Change the font to Roboto

                                                                                                                      22) Copy the JavaScript code
                                                                                                                      23) Paste the code in the html code
                                                                                                                      24) Click publish in elementor

                                                                                                                      38 – Elementor Colors

                                                                                                                      How to register a color palette in Elementor?

                                                                                                                      The colors we registered on our website are not registered in Elementor.

                                                                                                                      The following steps will solve that issue.

                                                                                                                      Micro Steps Data

                                                                                                                        1. Elementor Page
                                                                                                                        2. Click Hamburger icon
                                                                                                                        3. Click Site settings 
                                                                                                                        4. Click Global Colors
                                                                                                                        5. Add 8Colors
                                                                                                                        6. Change names 
                                                                                                                        7. Go to Adiquer Dashboard
                                                                                                                        8. Copy color using Colorzilla
                                                                                                                        9. Paste the colors onto Elementor global colors
                                                                                                                        10. Do this step for every color

                                                                                                                        39 – Icons Row

                                                                                                                         What are the best cPanel settings for this wordpress Tutorial?

                                                                                                                        We need to let our users know about certain crucial information on our website.

                                                                                                                        This information can be represented using icons to make it easier to understand.

                                                                                                                        Micro Steps Data

                                                                                                                          1. Click the plus icon 
                                                                                                                          2. Add One column Mian Row 
                                                                                                                          3. Click Edit Section 

                                                                                                                          Main Row

                                                                                                                            1. Go to the style tab 
                                                                                                                            2. Change background to classic, Color to accent 3
                                                                                                                              1. Go to the advanced tab 
                                                                                                                              2. Delink padding 
                                                                                                                              3. Add padding of 20px top and bottom 
                                                                                                                                1. Click the Rubiks icon 
                                                                                                                                2. Search Icon List 
                                                                                                                                3. Add Module 

                                                                                                                                Icon List Module

                                                                                                                                  1. Change layout to inline 
                                                                                                                                  2. Click duplicate on list 3 
                                                                                                                                  3. Click list item 1
                                                                                                                                  4. Change color to free shipping 
                                                                                                                                  5. Click on the icon 
                                                                                                                                  6. Search the truck and upload the icon 
                                                                                                                                  7. icon 2, Text: Live support Icon: Comment
                                                                                                                                  8. icon, Text: 30 Day Guarantee Icon: Handshake
                                                                                                                                  9. List Item 4, Text: Secure payments Icon: Lock
                                                                                                                                    1. Go to the style tab 
                                                                                                                                    2. Change space between 50
                                                                                                                                    3. Align center 
                                                                                                                                    4. Activate divider 
                                                                                                                                    5. Weight 3px 
                                                                                                                                    6. Color Whie 
                                                                                                                                    7. Go to Icon 
                                                                                                                                    8. Color White 
                                                                                                                                    9. Size 30px
                                                                                                                                    10. Go to text Color: white 
                                                                                                                                    11. Typography 25px
                                                                                                                                      1. Click the edit section on the main row
                                                                                                                                      2. Change background to dark blue
                                                                                                                                      3. Click Update

                                                                                                                                      40 – Create Templates

                                                                                                                                      How to create Elementor templates in WordPress?

                                                                                                                                      Templates make it easier to create websites. The best templates are however the ones your make yourself.

                                                                                                                                      These are going to make your website look uniform.

                                                                                                                                      Micro Steps Data

                                                                                                                                        1. Elementor Home Page
                                                                                                                                        2. Add Mian Row
                                                                                                                                        3. Click edit section

                                                                                                                                        Main Row

                                                                                                                                          1. Go to the advanced tab 
                                                                                                                                          2. Delink Padding 
                                                                                                                                          3. Change top and bottom padding 150px 
                                                                                                                                            1. Click the Rubiks cube 
                                                                                                                                            2. Add the inner section module

                                                                                                                                            Inner Section Row

                                                                                                                                              1. Duplicate column 1
                                                                                                                                              2. Make column 1 20%
                                                                                                                                              3. Make column 2 60%

                                                                                                                                              Inner Section Column 2

                                                                                                                                                1. Click Rubiks icon 
                                                                                                                                                2. Search Dual Heading 
                                                                                                                                                3. Click Update
                                                                                                                                                  1. Plugins > Add New > Essential Addons for Elementor 
                                                                                                                                                  2. Refresh Elementor Homepage 

                                                                                                                                                  Inner Section Column 2

                                                                                                                                                    1. Search Dual Heading 
                                                                                                                                                    2. Drag ad drop into column 2

                                                                                                                                                    Dual Heading Module

                                                                                                                                                      1. Deactivate icon 
                                                                                                                                                      2. Activate the separator 
                                                                                                                                                      3. Delete sub Text 
                                                                                                                                                        1. Go to the style tab
                                                                                                                                                        2. Go to Color and Typography
                                                                                                                                                        3. Change the main color to dark blue
                                                                                                                                                        4. Change the solid color to accent color 3
                                                                                                                                                          1. Click the Rubiks icon 
                                                                                                                                                          2. Add the inner section module
                                                                                                                                                          3. Click update 
                                                                                                                                                          4. Right Click on the section 6 dots
                                                                                                                                                          5. Select Save Template 
                                                                                                                                                          6. Type In Heading section 
                                                                                                                                                          7. Save Template

                                                                                                                                                          41 – Categories

                                                                                                                                                          How to make a featured categories section in wordpress?

                                                                                                                                                          This section is meant to inform the user of what kind of categories we have on our website.

                                                                                                                                                          It is very important to use pictures of actual people to humanize the website.

                                                                                                                                                          Micro Steps Data

                                                                                                                                                            1. WordPress Dashboard
                                                                                                                                                            2. Media > Add new
                                                                                                                                                            3. Upload images in category Folder
                                                                                                                                                            4. Go Elementor Page 

                                                                                                                                                            Dual Heading Module

                                                                                                                                                              1. Click on dual Heading 
                                                                                                                                                              2. Change first Part to Featured
                                                                                                                                                              3. Change last Part to Categories 

                                                                                                                                                              Inner Section Row

                                                                                                                                                                1. Duplicate column 1 twice

                                                                                                                                                                Inner Section Column 1

                                                                                                                                                                  1. Drag image module into column 1
                                                                                                                                                                  2. Drag button module Intro Column 1
                                                                                                                                                                    1. Click to edit column 1
                                                                                                                                                                    2. Go to the style tab
                                                                                                                                                                    3. Change background to classic and color to #f1f1f1 
                                                                                                                                                                      1. Go to the Advanced tab 
                                                                                                                                                                      2. Change the padding to 15px all round

                                                                                                                                                                      Image Module

                                                                                                                                                                        1. Click on the image module 
                                                                                                                                                                        2. Upload Image 

                                                                                                                                                                        Button Module

                                                                                                                                                                          1. Click button module 
                                                                                                                                                                          2. Change content to women 
                                                                                                                                                                          3. Change alignment to center
                                                                                                                                                                            1. Go to the style tab 
                                                                                                                                                                            2. Change background color to accent 3
                                                                                                                                                                            3. Click on the Hover tab 
                                                                                                                                                                            4. Change the color to accent 2
                                                                                                                                                                              1. Delete column 2 and 3 
                                                                                                                                                                              2. Duplicate column 1, 2 times
                                                                                                                                                                              3. Change the images in column 2 and 3 
                                                                                                                                                                              4. Click the button in column 1
                                                                                                                                                                              5. Go to the wordpress dashboard tab 
                                                                                                                                                                              6. Go to products > Categories 
                                                                                                                                                                              7. Hover overview and copy link 
                                                                                                                                                                              8. Paste link in the button module
                                                                                                                                                                              9. Do this for the remaining modules
                                                                                                                                                                              10. Change text in buttons Column 2: Kids Column 3: Men’s

                                                                                                                                                                              42 – Counter

                                                                                                                                                                              How to make a counter section in wordpress?

                                                                                                                                                                              Can the website be trusted? Usually, reviews are the best to add trust to the website.

                                                                                                                                                                              However, a basic counter showing our number will add to that trust.

                                                                                                                                                                              Micro Steps Data

                                                                                                                                                                                1. Add new main Row 
                                                                                                                                                                                2. Click edit row 

                                                                                                                                                                                Main Row

                                                                                                                                                                                  1. Go to the style tab 
                                                                                                                                                                                  2. Change the background to Classic, Color to Light Blue
                                                                                                                                                                                    1. Go to the Advanced tab 
                                                                                                                                                                                    2. Delink Padding
                                                                                                                                                                                    3. Change top and bottom padding to 50px 
                                                                                                                                                                                      1. Click the Rubiks icon 
                                                                                                                                                                                      2. Add inner section module 
                                                                                                                                                                                      3. Duplicate column 1
                                                                                                                                                                                      4. Click Update 
                                                                                                                                                                                        1. Go to WordPress Dashboard Tab
                                                                                                                                                                                        2. Plugins > Add New >Premium Addons for Elementor 
                                                                                                                                                                                        3. Go back to Elementor Tab and refresh the page
                                                                                                                                                                                        4. Search Counter module
                                                                                                                                                                                        5. Add Premium Counter to column 1 of the inner section

                                                                                                                                                                                        Premium Counter Module

                                                                                                                                                                                          1. Change the text to customers
                                                                                                                                                                                          2. Change the number to 256 
                                                                                                                                                                                          3. Go To Display options
                                                                                                                                                                                          4. Change from icon to Lottie 
                                                                                                                                                                                          5. Go to Lottie files.com
                                                                                                                                                                                          6. Open an account search trophy 
                                                                                                                                                                                          7. Click trophy by Ravi Sharma
                                                                                                                                                                                          8. Click to copy animation URL 
                                                                                                                                                                                          9. Paste in the Lottie input field 
                                                                                                                                                                                            1. Go to the style tab 
                                                                                                                                                                                            2. Change size to 150px 
                                                                                                                                                                                            3. Change title color to accent 1, Weight to 400
                                                                                                                                                                                            4. Go to value Tab 
                                                                                                                                                                                            5. Change the size to 60px and weight to 900
                                                                                                                                                                                            6. Change the font to Montserrat
                                                                                                                                                                                              1. Go to the advanced tab 
                                                                                                                                                                                              2. Change background to classic, color: white 
                                                                                                                                                                                              3. Change border radius to 20px 
                                                                                                                                                                                              4. Activate box-shadow 
                                                                                                                                                                                              5. Change margin to 20px all round 
                                                                                                                                                                                              6. Chang padding to 10px all round 

                                                                                                                                                                                              Inner Section Row

                                                                                                                                                                                                1. Delete columns 2 and 3
                                                                                                                                                                                                2. Dupicate column 1, 3 times

                                                                                                                                                                                                2nd Premium Counter Module

                                                                                                                                                                                                  1. Click on the counter in column 2 
                                                                                                                                                                                                  2. Change title to Products 
                                                                                                                                                                                                  3. Change the Number to 371 
                                                                                                                                                                                                  4. Go to the lottiefiles.com
                                                                                                                                                                                                  5.  Search products 
                                                                                                                                                                                                  6. click the one by Abdul Latif 
                                                                                                                                                                                                  7. Copy Lottie animation URL
                                                                                                                                                                                                  8. Paste in the Lottie input field

                                                                                                                                                                                                  3rd Premium Module Module

                                                                                                                                                                                                    1. Click the module in column 3
                                                                                                                                                                                                    2. Change title to reviews 
                                                                                                                                                                                                    3. Change the number to 309
                                                                                                                                                                                                    4. Go to Lottie file, search rating e-commerce
                                                                                                                                                                                                    5. Click the icon by Suat Aluaby
                                                                                                                                                                                                    6. Copy Lotti animation URL 
                                                                                                                                                                                                    7. paste it into the field
                                                                                                                                                                                                      1. Click Update

                                                                                                                                                                                                      43 – Tabbed Product Grid

                                                                                                                                                                                                      How make an eCommerce website product Grid?

                                                                                                                                                                                                      Using the same concept of the slider.

                                                                                                                                                                                                      We want to put multiple products in front of the user without making the website look dirty.

                                                                                                                                                                                                      These product tabs and product grids will do the job.

                                                                                                                                                                                                      Micro Steps Data: EA Tabs

                                                                                                                                                                                                        1. Click add template
                                                                                                                                                                                                        2. My templates 
                                                                                                                                                                                                        3. Heading section 
                                                                                                                                                                                                        4. No Import settings 

                                                                                                                                                                                                        Dual Heading Module

                                                                                                                                                                                                          1. Click on the heading module 
                                                                                                                                                                                                          2. Change first part to Featured 
                                                                                                                                                                                                          3. Last part to Products 

                                                                                                                                                                                                          Inner Section Column 1

                                                                                                                                                                                                            1. Click on Rubik cube 
                                                                                                                                                                                                            2. Search tabs 
                                                                                                                                                                                                            3. Drag and drop ea tabs 

                                                                                                                                                                                                            EA Tabs Module

                                                                                                                                                                                                              1. Go to content 
                                                                                                                                                                                                              2. Tab 1: New Arrival Icon: Hourglass 
                                                                                                                                                                                                              3. Tab 2: On Sale, Icon: Gem
                                                                                                                                                                                                              4. Tab 3: Best Selling, Icon: Trophy
                                                                                                                                                                                                                1. Go to the style tab 
                                                                                                                                                                                                                2. Go to background color Normal: #f1f1f1 Hover: Accent 1, Active: Accent 3
                                                                                                                                                                                                                3. Change carpet to accent 3
                                                                                                                                                                                                                  1. Click Update

                                                                                                                                                                                                                  Micro Steps Data: EA Product Grid

                                                                                                                                                                                                                    1. Go to wordpress Dashboard
                                                                                                                                                                                                                    2. Plugins > Add New >Anywhere Elementor 
                                                                                                                                                                                                                    3. Click Anywhere Elementor 
                                                                                                                                                                                                                    4. Add new template 
                                                                                                                                                                                                                    5. Title: New arrivals
                                                                                                                                                                                                                    6. Click Edit With Elementor
                                                                                                                                                                                                                    7. Add new main row, single column

                                                                                                                                                                                                                    EA Product Grid Module: New Arrivals

                                                                                                                                                                                                                      1. Add the product grid module by ea
                                                                                                                                                                                                                      2. Change layout to grid
                                                                                                                                                                                                                      3. Change style to preset 5
                                                                                                                                                                                                                      4. Go to product settings 
                                                                                                                                                                                                                      5. Change product count to 8
                                                                                                                                                                                                                      6. Select Categories men hoodies, women hoodies 
                                                                                                                                                                                                                        1. Go to the style tab 
                                                                                                                                                                                                                        2. Click Button 
                                                                                                                                                                                                                        3. Change background color to accent 3
                                                                                                                                                                                                                        4. Go to the hover tab 
                                                                                                                                                                                                                        5. Change background color to accent 2
                                                                                                                                                                                                                          1. Click Update 
                                                                                                                                                                                                                          2. Click the hamburger icon and exit to the dashboard 
                                                                                                                                                                                                                          3. Click Update 
                                                                                                                                                                                                                          4. Click all ea templates 
                                                                                                                                                                                                                          5. Click ea duplicator 2 times on the template
                                                                                                                                                                                                                          6. Change the name to on sale and publish 
                                                                                                                                                                                                                          7. Click Edit with Elementor 

                                                                                                                                                                                                                          EA Product Grid Moule: On Sale

                                                                                                                                                                                                                            1. Click on the product grid module 
                                                                                                                                                                                                                            2. Go to filters by 
                                                                                                                                                                                                                            3. Change it to On sale 
                                                                                                                                                                                                                            4. Delete selected categories 
                                                                                                                                                                                                                              1. Click Update 
                                                                                                                                                                                                                              2. Click the burger icon and exit to the dashboard
                                                                                                                                                                                                                              3. Click update again
                                                                                                                                                                                                                              4. Click all ea templates 
                                                                                                                                                                                                                              5. Edit Draft 
                                                                                                                                                                                                                              6. Change title to Best Selling 
                                                                                                                                                                                                                              7. Click Update 
                                                                                                                                                                                                                              8. Click Edit with Elementor

                                                                                                                                                                                                                              EA Product Grid Moule: Best Selling

                                                                                                                                                                                                                                1. Click Product grid module 
                                                                                                                                                                                                                                2. Change filter by to best selling
                                                                                                                                                                                                                                3. Delete selected categories
                                                                                                                                                                                                                                  1. Click Update
                                                                                                                                                                                                                                  2. Exit Dashboard
                                                                                                                                                                                                                                  3. Click All Ea templates 
                                                                                                                                                                                                                                  4. Copy the shortcode on New Arrivals 
                                                                                                                                                                                                                                  5. Go to the Elementor Page 
                                                                                                                                                                                                                                  6. Paste the code in the New Arrival Tab Content area
                                                                                                                                                                                                                                  7. Do this for the remaining 2 tabs 
                                                                                                                                                                                                                                  8. Click Update

                                                                                                                                                                                                                                  44 – Free Ebook Section

                                                                                                                                                                                                                                  How create a downloadable product section using Elementor?

                                                                                                                                                                                                                                  Now that we have a downloadable product. We need to be able to advertise it on our home page.

                                                                                                                                                                                                                                  This is why this section is very important.

                                                                                                                                                                                                                                  Micro Steps Data

                                                                                                                                                                                                                                    1. Add one Main row 

                                                                                                                                                                                                                                    Main Row

                                                                                                                                                                                                                                      1. Go to style 
                                                                                                                                                                                                                                      2. Change Background Color to main light blue 
                                                                                                                                                                                                                                        1. Change padding to 100px top and bottom 
                                                                                                                                                                                                                                          1. Add inner section module

                                                                                                                                                                                                                                          Inner Section Row

                                                                                                                                                                                                                                            1. Column  1: 10%
                                                                                                                                                                                                                                            2. Column  2: 50%
                                                                                                                                                                                                                                            3. Column  3: 30%
                                                                                                                                                                                                                                            4. Column  4: 10%

                                                                                                                                                                                                                                            Inner Section Column 2

                                                                                                                                                                                                                                              1. Add image to the module to column 2 

                                                                                                                                                                                                                                              Inner Section Column 3

                                                                                                                                                                                                                                                1. Add heading module 
                                                                                                                                                                                                                                                2. Add text editor module  
                                                                                                                                                                                                                                                3. Add dual heading module
                                                                                                                                                                                                                                                4. Add the button module

                                                                                                                                                                                                                                                Image Module

                                                                                                                                                                                                                                                  1. Upload image from ebook image

                                                                                                                                                                                                                                                  Heading Module

                                                                                                                                                                                                                                                    1. Change content to free ebook 
                                                                                                                                                                                                                                                      1. Change color to main dark blue 
                                                                                                                                                                                                                                                      2. Change font size to 60px 
                                                                                                                                                                                                                                                        1. Go to the Advanced tab 
                                                                                                                                                                                                                                                        2. Change padding to 40px top and bottom 

                                                                                                                                                                                                                                                        Text Editor Module

                                                                                                                                                                                                                                                          1. Change content to a description
                                                                                                                                                                                                                                                            1. Go to the style tab 
                                                                                                                                                                                                                                                            2. Align center
                                                                                                                                                                                                                                                              1. Go to pileup Strikethrough text generator 
                                                                                                                                                                                                                                                              2. Put in the initial price 
                                                                                                                                                                                                                                                              3. Copy to clipboard 

                                                                                                                                                                                                                                                              Dual Heading Module

                                                                                                                                                                                                                                                                1. Paste as the first heading 
                                                                                                                                                                                                                                                                2. Write $0.00 in the second heading 
                                                                                                                                                                                                                                                                  1. Go to the style tab 
                                                                                                                                                                                                                                                                  2. Change the first heading to #77a7a 
                                                                                                                                                                                                                                                                  3. Go to the second heading 
                                                                                                                                                                                                                                                                  4. Change color to accent 3
                                                                                                                                                                                                                                                                  5. Change left margin to 30px left 

                                                                                                                                                                                                                                                                  Button Module

                                                                                                                                                                                                                                                                    1. Change the content to download 
                                                                                                                                                                                                                                                                    2. Dashboard > Products > All Products 
                                                                                                                                                                                                                                                                    3. Scroll to fashion ebook 
                                                                                                                                                                                                                                                                    4. Hover over view and copy link 
                                                                                                                                                                                                                                                                    5. Paste link in the button input field 
                                                                                                                                                                                                                                                                      1. Go to the style tab 
                                                                                                                                                                                                                                                                      2. Change typography to 22px text size
                                                                                                                                                                                                                                                                      3. Change color to accent 3
                                                                                                                                                                                                                                                                      4. Go to the hover tab 
                                                                                                                                                                                                                                                                      5. Change color to accent 2

                                                                                                                                                                                                                                                                       

                                                                                                                                                                                                                                                                        1. Click update

                                                                                                                                                                                                                                                                        45 – Auction Products

                                                                                                                                                                                                                                                                        How to make an E-commerce website auction section?

                                                                                                                                                                                                                                                                        We need to advertise our auction products on the home page.

                                                                                                                                                                                                                                                                        This also includes using a countdown timer to make the user aware of the auction.

                                                                                                                                                                                                                                                                        Micro Steps Data

                                                                                                                                                                                                                                                                          1. Add one column main row 

                                                                                                                                                                                                                                                                          Main Row

                                                                                                                                                                                                                                                                            1. Click Edit Main row 
                                                                                                                                                                                                                                                                            2. Go to the advanced tab 
                                                                                                                                                                                                                                                                            3. Change padding to 100px top and bottom 
                                                                                                                                                                                                                                                                              1. Add inner section module

                                                                                                                                                                                                                                                                              Inner Section Row

                                                                                                                                                                                                                                                                                1. Duplicate column 1
                                                                                                                                                                                                                                                                                2. Change width column 1:40%
                                                                                                                                                                                                                                                                                3. column 2:10%
                                                                                                                                                                                                                                                                                4. column 3:50%

                                                                                                                                                                                                                                                                                Inner Section Column 3

                                                                                                                                                                                                                                                                                  1. Click Rubix icon 
                                                                                                                                                                                                                                                                                  2. Add image module to column 3 

                                                                                                                                                                                                                                                                                  Image Module

                                                                                                                                                                                                                                                                                    1. Upload image 

                                                                                                                                                                                                                                                                                    Inner Section Column 1

                                                                                                                                                                                                                                                                                      1. Add the heading module 
                                                                                                                                                                                                                                                                                      2. Add the countdown module 

                                                                                                                                                                                                                                                                                      Heading Module

                                                                                                                                                                                                                                                                                        1. Change alignment to center 
                                                                                                                                                                                                                                                                                          1. Go to the style tab
                                                                                                                                                                                                                                                                                          2. Change color to main dark blue 
                                                                                                                                                                                                                                                                                          3. change the font size to 60px

                                                                                                                                                                                                                                                                                          Countdown Module

                                                                                                                                                                                                                                                                                            1. Go to the style tab 
                                                                                                                                                                                                                                                                                            2. Change background t classic, Color: Accent 1
                                                                                                                                                                                                                                                                                            3. Change space between to 10px
                                                                                                                                                                                                                                                                                            4. Change border radius to 10px all round 
                                                                                                                                                                                                                                                                                            5. Go to color and typography 
                                                                                                                                                                                                                                                                                            6. Digits typography to 25px ,weight 600
                                                                                                                                                                                                                                                                                              1. Go to advanced 
                                                                                                                                                                                                                                                                                              2. Change the margin to 50px top and bottom 

                                                                                                                                                                                                                                                                                              Button Module

                                                                                                                                                                                                                                                                                                1. Duplicate button in the book section 
                                                                                                                                                                                                                                                                                                2. Add to column 1
                                                                                                                                                                                                                                                                                                3. Replace text with Bid Now!
                                                                                                                                                                                                                                                                                                  1. Go to advanced
                                                                                                                                                                                                                                                                                                  2. Change the margin to 40px top and bottom 
                                                                                                                                                                                                                                                                                                  3. Add spacer module on top of heading 
                                                                                                                                                                                                                                                                                                  4. Change space to 150px 
                                                                                                                                                                                                                                                                                                    1. Click Update 

                                                                                                                                                                                                                                                                                                    46 – Virtual Products

                                                                                                                                                                                                                                                                                                    How to create a book a call section in wordpress?

                                                                                                                                                                                                                                                                                                    Our Customers and users can easily contact us to book a call through this section.

                                                                                                                                                                                                                                                                                                    This was made using the basic feature of Elementor.

                                                                                                                                                                                                                                                                                                    Micro Steps Data

                                                                                                                                                                                                                                                                                                      1. Add single column main row

                                                                                                                                                                                                                                                                                                      Main Row

                                                                                                                                                                                                                                                                                                        1. Go to the style tab 
                                                                                                                                                                                                                                                                                                        2. Change the background to classic, color #f1f1f1 
                                                                                                                                                                                                                                                                                                          1. Go to the advanced tab 
                                                                                                                                                                                                                                                                                                          2. Change top and bottom padding to 50px 
                                                                                                                                                                                                                                                                                                            1. Add the inner section module

                                                                                                                                                                                                                                                                                                            Inner Section Row

                                                                                                                                                                                                                                                                                                              1. Duplicate column 1, 2 times 
                                                                                                                                                                                                                                                                                                              2. Change column  1: 10%
                                                                                                                                                                                                                                                                                                              3. Change column  2: 40%
                                                                                                                                                                                                                                                                                                              4. Change column  3: 40%
                                                                                                                                                                                                                                                                                                              5. Change column  4: 10%

                                                                                                                                                                                                                                                                                                              Inner Section Column 3

                                                                                                                                                                                                                                                                                                                1. Click the Rubix icon
                                                                                                                                                                                                                                                                                                                2. Add an image module

                                                                                                                                                                                                                                                                                                                Image Module

                                                                                                                                                                                                                                                                                                                  1. Upload and insert the image 

                                                                                                                                                                                                                                                                                                                  Inner Section Column 2

                                                                                                                                                                                                                                                                                                                    1. Add heading module
                                                                                                                                                                                                                                                                                                                    2. Add text editor module 

                                                                                                                                                                                                                                                                                                                    Heading Module

                                                                                                                                                                                                                                                                                                                      1. Change the text to Book a call 
                                                                                                                                                                                                                                                                                                                        1. Change the color to main dark
                                                                                                                                                                                                                                                                                                                        2. change the font size to 45px 
                                                                                                                                                                                                                                                                                                                          1. Go to advanced module 
                                                                                                                                                                                                                                                                                                                          2. Change the bottom and Top padding to 20px

                                                                                                                                                                                                                                                                                                                          Text Editor Module

                                                                                                                                                                                                                                                                                                                            1. Go to style and align center

                                                                                                                                                                                                                                                                                                                            Button Module

                                                                                                                                                                                                                                                                                                                              1. Duplicate button in the auction products section 
                                                                                                                                                                                                                                                                                                                              2. Change text to Book Now!
                                                                                                                                                                                                                                                                                                                              3. Products > All Products > Book A Call
                                                                                                                                                                                                                                                                                                                              4. Copy Link Address
                                                                                                                                                                                                                                                                                                                              5. Paste the link into Button Input

                                                                                                                                                                                                                                                                                                                              Space Module

                                                                                                                                                                                                                                                                                                                                1. Add space module above the heading
                                                                                                                                                                                                                                                                                                                                2. Change space to 150px
                                                                                                                                                                                                                                                                                                                                  1. Click Publish

                                                                                                                                                                                                                                                                                                                                  47 – Product Gallery

                                                                                                                                                                                                                                                                                                                                  How to make a product gallery section?

                                                                                                                                                                                                                                                                                                                                  We need to showcase our products in real-life situations.

                                                                                                                                                                                                                                                                                                                                  We need the customer to feel as if they are already wearing it. This is possible through this section.

                                                                                                                                                                                                                                                                                                                                  Micro Steps Data

                                                                                                                                                                                                                                                                                                                                    1. Add one column main row 

                                                                                                                                                                                                                                                                                                                                    Main Row

                                                                                                                                                                                                                                                                                                                                      1. Go to advanced Tab 
                                                                                                                                                                                                                                                                                                                                      2. Change padding to 150px top and bottom 
                                                                                                                                                                                                                                                                                                                                        1. Click the Rubiks cube 
                                                                                                                                                                                                                                                                                                                                        2. Add the Filterable Gallery Module

                                                                                                                                                                                                                                                                                                                                        Filterable Gallery Module

                                                                                                                                                                                                                                                                                                                                          1. Change the number of images to 8
                                                                                                                                                                                                                                                                                                                                          2. Change columns to 4
                                                                                                                                                                                                                                                                                                                                          3. Deactivate filter controls 
                                                                                                                                                                                                                                                                                                                                          4. Delete all gallery items except 1
                                                                                                                                                                                                                                                                                                                                          5. Delete item name 
                                                                                                                                                                                                                                                                                                                                          6. Delete item content 
                                                                                                                                                                                                                                                                                                                                          7. DEactivate lightbox
                                                                                                                                                                                                                                                                                                                                          8. Deactivate 
                                                                                                                                                                                                                                                                                                                                          9.  link button 
                                                                                                                                                                                                                                                                                                                                          10. Duplicate item 1, 7 times 
                                                                                                                                                                                                                                                                                                                                          11. Add images to each item 
                                                                                                                                                                                                                                                                                                                                            1. Go to the style tab 
                                                                                                                                                                                                                                                                                                                                            2. Go to item style 
                                                                                                                                                                                                                                                                                                                                            3. Change padding to 0px all round
                                                                                                                                                                                                                                                                                                                                            4. Change the margin to 5px all round 
                                                                                                                                                                                                                                                                                                                                              1. Click Publish

                                                                                                                                                                                                                                                                                                                                              48 – Testimonial Section

                                                                                                                                                                                                                                                                                                                                              How to make a testimonial section in wordpress?

                                                                                                                                                                                                                                                                                                                                              This section is meant to bring social proof to the website.

                                                                                                                                                                                                                                                                                                                                              This involves getting a testimonial from a customer to make your website visitors feel comfortable.

                                                                                                                                                                                                                                                                                                                                              Micro Steps Data

                                                                                                                                                                                                                                                                                                                                                1. Upload testimonial image
                                                                                                                                                                                                                                                                                                                                                2. Add Header Section Template

                                                                                                                                                                                                                                                                                                                                                Main Row

                                                                                                                                                                                                                                                                                                                                                  1. Click on the main section edit 
                                                                                                                                                                                                                                                                                                                                                  2. Change background color to background blue

                                                                                                                                                                                                                                                                                                                                                  Dual Heading Module

                                                                                                                                                                                                                                                                                                                                                    1. Click on the dual heading
                                                                                                                                                                                                                                                                                                                                                    2. Change first part to Customer 
                                                                                                                                                                                                                                                                                                                                                    3. Change last part to testimonial

                                                                                                                                                                                                                                                                                                                                                    Inner Section Column 1

                                                                                                                                                                                                                                                                                                                                                      1. Add the testimonial module to the inner section

                                                                                                                                                                                                                                                                                                                                                      Testimonial Module

                                                                                                                                                                                                                                                                                                                                                        1. Upload testimonial image 
                                                                                                                                                                                                                                                                                                                                                          1. Click Publish

                                                                                                                                                                                                                                                                                                                                                          49 – Blog Post Section

                                                                                                                                                                                                                                                                                                                                                          How to create blog posts in wordpress using Elementor?

                                                                                                                                                                                                                                                                                                                                                          Blog posts are like pages but their design in general. The best blog posts will have a length of at least 2500 words.

                                                                                                                                                                                                                                                                                                                                                          To create blog posts that are going to generate traffic, you need to use SEO plugins such as rank math.

                                                                                                                                                                                                                                                                                                                                                          Micro Steps Data

                                                                                                                                                                                                                                                                                                                                                            1. Upload Blog Images
                                                                                                                                                                                                                                                                                                                                                            2. Add Template: Header Section 

                                                                                                                                                                                                                                                                                                                                                            Dual Heading Module

                                                                                                                                                                                                                                                                                                                                                              1. Click on Dual Heading 
                                                                                                                                                                                                                                                                                                                                                              2. Change First part to Blog
                                                                                                                                                                                                                                                                                                                                                              3. Last Part to Blog Posts
                                                                                                                                                                                                                                                                                                                                                                1. Go to wordpress dashboard > posts
                                                                                                                                                                                                                                                                                                                                                                2. Trash Hello WORLD
                                                                                                                                                                                                                                                                                                                                                                3. Click add new 
                                                                                                                                                                                                                                                                                                                                                                4. Add title 
                                                                                                                                                                                                                                                                                                                                                                5. add content 
                                                                                                                                                                                                                                                                                                                                                                6. Choose featured image 
                                                                                                                                                                                                                                                                                                                                                                7. Click Publish 
                                                                                                                                                                                                                                                                                                                                                                8. Do this for 2 more posts 
                                                                                                                                                                                                                                                                                                                                                                9. Go back to Elementor 

                                                                                                                                                                                                                                                                                                                                                                Inner Section Column 1

                                                                                                                                                                                                                                                                                                                                                                  1. Add the blog post grid Module 

                                                                                                                                                                                                                                                                                                                                                                  Element Module

                                                                                                                                                                                                                                                                                                                                                                    1. Posts Grid Module
                                                                                                                                                                                                                                                                                                                                                                      1. Click Update

                                                                                                                                                                                                                                                                                                                                                                      50 – Email Form

                                                                                                                                                                                                                                                                                                                                                                      How to create a footer email form?

                                                                                                                                                                                                                                                                                                                                                                      This email form is not going to be attached to the footer.

                                                                                                                                                                                                                                                                                                                                                                      We can only do that using the paid version of Elementor. In this section, you will only need the form code.

                                                                                                                                                                                                                                                                                                                                                                      Micro Steps Data

                                                                                                                                                                                                                                                                                                                                                                        1. Add one column main row

                                                                                                                                                                                                                                                                                                                                                                        Main Row

                                                                                                                                                                                                                                                                                                                                                                          1. Go to the style tab 
                                                                                                                                                                                                                                                                                                                                                                          2. Change background color to accent 1
                                                                                                                                                                                                                                                                                                                                                                            1. Change padding, top, and bottom to 50px
                                                                                                                                                                                                                                                                                                                                                                              1. Add the heading module 
                                                                                                                                                                                                                                                                                                                                                                              2. Add the HTML module 

                                                                                                                                                                                                                                                                                                                                                                              Heading Module

                                                                                                                                                                                                                                                                                                                                                                                1. Change title 
                                                                                                                                                                                                                                                                                                                                                                                2. Change alignment to center 
                                                                                                                                                                                                                                                                                                                                                                                  1. Go to style 
                                                                                                                                                                                                                                                                                                                                                                                  2. Color white, size: 45px 

                                                                                                                                                                                                                                                                                                                                                                                  HTML Module

                                                                                                                                                                                                                                                                                                                                                                                    1. adiquer.com/gr
                                                                                                                                                                                                                                                                                                                                                                                    2. Click login
                                                                                                                                                                                                                                                                                                                                                                                    3. Click menu
                                                                                                                                                                                                                                                                                                                                                                                    4. Click forms
                                                                                                                                                                                                                                                                                                                                                                                    5. Click copy 
                                                                                                                                                                                                                                                                                                                                                                                    6. Paste in html code module
                                                                                                                                                                                                                                                                                                                                                                                      1. Click update

                                                                                                                                                                                                                                                                                                                                                                                      51 – Shop Page

                                                                                                                                                                                                                                                                                                                                                                                      How to edit the Woocommerce shop page?

                                                                                                                                                                                                                                                                                                                                                                                      We also need to customize the shop page to make the user experience better.

                                                                                                                                                                                                                                                                                                                                                                                      This involves reducing the number of products on the page and increasing the number of filters on the page.

                                                                                                                                                                                                                                                                                                                                                                                      Micro Steps Data

                                                                                                                                                                                                                                                                                                                                                                                        1. Open shop products in new 
                                                                                                                                                                                                                                                                                                                                                                                        2. Navigate to Dashboard > appearance > Customize > Product Archives 
                                                                                                                                                                                                                                                                                                                                                                                        3. Choose type 2
                                                                                                                                                                                                                                                                                                                                                                                        4. Reducebcolumns to 3 
                                                                                                                                                                                                                                                                                                                                                                                        5. Reduce rows to 2
                                                                                                                                                                                                                                                                                                                                                                                        6. Activate sidebar
                                                                                                                                                                                                                                                                                                                                                                                        7. Click on the sidebar arrow
                                                                                                                                                                                                                                                                                                                                                                                        8. Click left sidebar
                                                                                                                                                                                                                                                                                                                                                                                        9. Click Publish 
                                                                                                                                                                                                                                                                                                                                                                                        10. Navigate to appearance > Widgets 
                                                                                                                                                                                                                                                                                                                                                                                        11. Add filter products by 
                                                                                                                                                                                                                                                                                                                                                                                        • price 
                                                                                                                                                                                                                                                                                                                                                                                        • rating 
                                                                                                                                                                                                                                                                                                                                                                                        • attribute: size
                                                                                                                                                                                                                                                                                                                                                                                        • Attribute: Color
                                                                                                                                                                                                                                                                                                                                                                                        • active products
                                                                                                                                                                                                                                                                                                                                                                                        • Product categories

                                                                                                                                                                                                                                                                                                                                                                                        52 – Product Page

                                                                                                                                                                                                                                                                                                                                                                                        How to edit the woo-commerce product page?

                                                                                                                                                                                                                                                                                                                                                                                        The product page is where all of the customer’s decisions are going to take place.

                                                                                                                                                                                                                                                                                                                                                                                        Everything from the images, the options, the description, and the reviews must be convincing.

                                                                                                                                                                                                                                                                                                                                                                                        Micro Steps Data

                                                                                                                                                                                                                                                                                                                                                                                          1. Open variable product page
                                                                                                                                                                                                                                                                                                                                                                                          2. Navigate to Appearance > Customize > Single product
                                                                                                                                                                                                                                                                                                                                                                                          3. Change content area to boxed 
                                                                                                                                                                                                                                                                                                                                                                                          4. Click gallery options 
                                                                                                                                                                                                                                                                                                                                                                                          5. Change to 1:1
                                                                                                                                                                                                                                                                                                                                                                                          6. Navigate to Woocommerce > Settings > Payments > Stripe > Manage > Payment Request Button (Deactivate ) 
                                                                                                                                                                                                                                                                                                                                                                                          7. Save changes 
                                                                                                                                                                                                                                                                                                                                                                                          8. Navigate to the auction product
                                                                                                                                                                                                                                                                                                                                                                                          9. Navigate to the auction product in the customize area
                                                                                                                                                                                                                                                                                                                                                                                          10. Navigate to the Additional CSS
                                                                                                                                                                                                                                                                                                                                                                                          11. Go to the blog post and copy CSS
                                                                                                                                                                                                                                                                                                                                                                                          12. Paste in the Additional CSS area
                                                                                                                                                                                                                                                                                                                                                                                          13. Publish

                                                                                                                                                                                                                                                                                                                                                                                          53 – Photo Product Reviews

                                                                                                                                                                                                                                                                                                                                                                                          How to add photo reviews to woocommerce?

                                                                                                                                                                                                                                                                                                                                                                                          This feature s not found in the Woocommerce plugin. This is an essential add-on that can be provided by another plugin.

                                                                                                                                                                                                                                                                                                                                                                                          Micro Steps Data

                                                                                                                                                                                                                                                                                                                                                                                            1. Dashboard > Plugins > Add New 
                                                                                                                                                                                                                                                                                                                                                                                            2. Install and Activate: Photo Reviews for WooCommerce 
                                                                                                                                                                                                                                                                                                                                                                                            3. Open THE RED HOODIE PRODUCT PAGE 
                                                                                                                                                                                                                                                                                                                                                                                            4. Duplicate the tab 3 times 
                                                                                                                                                                                                                                                                                                                                                                                            5. Upload an image for each tab
                                                                                                                                                                                                                                                                                                                                                                                            6. Add a 5-star review for each tab
                                                                                                                                                                                                                                                                                                                                                                                            7. Add a new review content for each tab
                                                                                                                                                                                                                                                                                                                                                                                            8. Click submit on each tab 
                                                                                                                                                                                                                                                                                                                                                                                            9. Click the 2 extra tabs 
                                                                                                                                                                                                                                                                                                                                                                                            10. Go to blog posts ad copy CSS
                                                                                                                                                                                                                                                                                                                                                                                            11. Paste code in the customize area
                                                                                                                                                                                                                                                                                                                                                                                            12. Click publish 
                                                                                                                                                                                                                                                                                                                                                                                            13. Refresh Product Page

                                                                                                                                                                                                                                                                                                                                                                                            54 – Checkout Customization 1

                                                                                                                                                                                                                                                                                                                                                                                            How to customize the Woocommerce checkout page?

                                                                                                                                                                                                                                                                                                                                                                                            Secure! This is the most important thing. This does not mean the design should be trash though.

                                                                                                                                                                                                                                                                                                                                                                                            The checkout page must be clear of all distractions

                                                                                                                                                                                                                                                                                                                                                                                            Micro Steps Data: Cart

                                                                                                                                                                                                                                                                                                                                                                                              1. Dashboard > Pages > Cart > Edit > Elementor Full width > Publis > Edit with Elementor
                                                                                                                                                                                                                                                                                                                                                                                              2. add Heading section templates 
                                                                                                                                                                                                                                                                                                                                                                                              3. Edit Main section 

                                                                                                                                                                                                                                                                                                                                                                                              Main Row

                                                                                                                                                                                                                                                                                                                                                                                                1. Go to the style tab 
                                                                                                                                                                                                                                                                                                                                                                                                2. Background: Classic ,
                                                                                                                                                                                                                                                                                                                                                                                                3. Color:Background Blue
                                                                                                                                                                                                                                                                                                                                                                                                  1. Go to advanced 
                                                                                                                                                                                                                                                                                                                                                                                                  2. Change padding to 100px top and bottom

                                                                                                                                                                                                                                                                                                                                                                                                  Dual Heading Module

                                                                                                                                                                                                                                                                                                                                                                                                    1. Click on dual heading Module 
                                                                                                                                                                                                                                                                                                                                                                                                    2. Change first past to My
                                                                                                                                                                                                                                                                                                                                                                                                    3. Change last part to Cart

                                                                                                                                                                                                                                                                                                                                                                                                    Inner Section Row

                                                                                                                                                                                                                                                                                                                                                                                                      1. Drag cart module into the inner section 
                                                                                                                                                                                                                                                                                                                                                                                                        1. Go to Style Tab
                                                                                                                                                                                                                                                                                                                                                                                                        2. Change background color, Classic to white 
                                                                                                                                                                                                                                                                                                                                                                                                        3. Change border radius to 10px all round 
                                                                                                                                                                                                                                                                                                                                                                                                        4. Activate Box shadow
                                                                                                                                                                                                                                                                                                                                                                                                          1. Go to the advanced tab 
                                                                                                                                                                                                                                                                                                                                                                                                          2. Change the padding to 5opx all round 
                                                                                                                                                                                                                                                                                                                                                                                                            1. Click Publish

                                                                                                                                                                                                                                                                                                                                                                                                            Micro Steps Data: Checkout

                                                                                                                                                                                                                                                                                                                                                                                                              1. Go to dashboard > Plugins > Add new > Cartflows
                                                                                                                                                                                                                                                                                                                                                                                                              2. Cartflows > Flows 
                                                                                                                                                                                                                                                                                                                                                                                                              3. Click on add new 
                                                                                                                                                                                                                                                                                                                                                                                                              4. Choose template evergreen product 03 
                                                                                                                                                                                                                                                                                                                                                                                                              5. Click import Flow
                                                                                                                                                                                                                                                                                                                                                                                                              6. Name flow, Global Checkout 
                                                                                                                                                                                                                                                                                                                                                                                                              7. Go to settings
                                                                                                                                                                                                                                                                                                                                                                                                              8. Select Global Checkout
                                                                                                                                                                                                                                                                                                                                                                                                              9. Go to the checkout page in the new tab 
                                                                                                                                                                                                                                                                                                                                                                                                              10. Navigate to flows > Global Checkout > checkout page > edit > Edit with Elementor ( New Tab )
                                                                                                                                                                                                                                                                                                                                                                                                              11. Drag the top section to the bottom 
                                                                                                                                                                                                                                                                                                                                                                                                              12. Insert heading section template. 
                                                                                                                                                                                                                                                                                                                                                                                                              13. Drag to the top
                                                                                                                                                                                                                                                                                                                                                                                                              14. Delete the inner section module
                                                                                                                                                                                                                                                                                                                                                                                                              15. Click on the main section module 

                                                                                                                                                                                                                                                                                                                                                                                                              Main Row

                                                                                                                                                                                                                                                                                                                                                                                                                1. Change background: Classic
                                                                                                                                                                                                                                                                                                                                                                                                                2. Color: Background Blue
                                                                                                                                                                                                                                                                                                                                                                                                                  1. Go to advanced 
                                                                                                                                                                                                                                                                                                                                                                                                                  2. Change padding to 70px top and bottom 

                                                                                                                                                                                                                                                                                                                                                                                                                  Dual Heading Module

                                                                                                                                                                                                                                                                                                                                                                                                                    1. Click on the dual heading 
                                                                                                                                                                                                                                                                                                                                                                                                                    2. Change first pat to Secure 
                                                                                                                                                                                                                                                                                                                                                                                                                    3. Last part: Checkout
                                                                                                                                                                                                                                                                                                                                                                                                                    4. Activate Show Icon ‘
                                                                                                                                                                                                                                                                                                                                                                                                                    5. Content style: Icon on top 
                                                                                                                                                                                                                                                                                                                                                                                                                    6. Choose the lock icon 
                                                                                                                                                                                                                                                                                                                                                                                                                      1. Go to the style tab 
                                                                                                                                                                                                                                                                                                                                                                                                                      2. Change icon color to accent 3

                                                                                                                                                                                                                                                                                                                                                                                                                      Dual Heading Module

                                                                                                                                                                                                                                                                                                                                                                                                                        1. Click checkout main module 
                                                                                                                                                                                                                                                                                                                                                                                                                        2. Go to style 
                                                                                                                                                                                                                                                                                                                                                                                                                        3. Change primary color to accent 3
                                                                                                                                                                                                                                                                                                                                                                                                                        4. Change typography font family to Roboto
                                                                                                                                                                                                                                                                                                                                                                                                                          1. Go to the last main row
                                                                                                                                                                                                                                                                                                                                                                                                                          2. add inner section module 
                                                                                                                                                                                                                                                                                                                                                                                                                          3. Duplicate column 1 
                                                                                                                                                                                                                                                                                                                                                                                                                          4. Change column width column 1: 20% 2:60%
                                                                                                                                                                                                                                                                                                                                                                                                                          5. Drag the image box into column 2
                                                                                                                                                                                                                                                                                                                                                                                                                          6. Go to style
                                                                                                                                                                                                                                                                                                                                                                                                                          7. Align center
                                                                                                                                                                                                                                                                                                                                                                                                                          8. Edit Main section background classic, color: Background blue
                                                                                                                                                                                                                                                                                                                                                                                                                          9. Update

                                                                                                                                                                                                                                                                                                                                                                                                                          Micro Steps Data: Form Fields

                                                                                                                                                                                                                                                                                                                                                                                                                            1. Dasboard > Plugins > Add New > Search ( ThemeHigh ) Checkout Field Editor
                                                                                                                                                                                                                                                                                                                                                                                                                            2. Click settings 
                                                                                                                                                                                                                                                                                                                                                                                                                            3. drag billing email to the top 
                                                                                                                                                                                                                                                                                                                                                                                                                            4. drag phone to the top 
                                                                                                                                                                                                                                                                                                                                                                                                                            5. save changes 

                                                                                                                                                                                                                                                                                                                                                                                                                            55 – Thank You Page

                                                                                                                                                                                                                                                                                                                                                                                                                            How to edit the woocommerce thank you page?

                                                                                                                                                                                                                                                                                                                                                                                                                            After the user makes the purchase. It doesn’t end there!

                                                                                                                                                                                                                                                                                                                                                                                                                            We still need them to follow us on our social media channels. This is the center of the thank you page design.

                                                                                                                                                                                                                                                                                                                                                                                                                            Micro Steps Data

                                                                                                                                                                                                                                                                                                                                                                                                                              1. Cartflows > Flows > Global Checkout 
                                                                                                                                                                                                                                                                                                                                                                                                                              2. Edit on thank you page 
                                                                                                                                                                                                                                                                                                                                                                                                                              3. Edit with Elementor, Open in new tab 

                                                                                                                                                                                                                                                                                                                                                                                                                              Icon Box Module

                                                                                                                                                                                                                                                                                                                                                                                                                                1. Click on the icon Box module 
                                                                                                                                                                                                                                                                                                                                                                                                                                2. Change title to Thank you for your purchase
                                                                                                                                                                                                                                                                                                                                                                                                                                3. Change the content
                                                                                                                                                                                                                                                                                                                                                                                                                                  1. Go To style 
                                                                                                                                                                                                                                                                                                                                                                                                                                  2. Background Classic,
                                                                                                                                                                                                                                                                                                                                                                                                                                  3. Color: Main dark blue
                                                                                                                                                                                                                                                                                                                                                                                                                                    1. Click Icons
                                                                                                                                                                                                                                                                                                                                                                                                                                    2. Add Pinterest icon
                                                                                                                                                                                                                                                                                                                                                                                                                                    3. Insert links for all icons 
                                                                                                                                                                                                                                                                                                                                                                                                                                    4. Click Publish

                                                                                                                                                                                                                                                                                                                                                                                                                                    56 – Abandoned Cart

                                                                                                                                                                                                                                                                                                                                                                                                                                    How to design the cart page in wordpress?

                                                                                                                                                                                                                                                                                                                                                                                                                                    The cart page is basic. We however need it to look like the checkout page.

                                                                                                                                                                                                                                                                                                                                                                                                                                    This is because we do not have the header and the footer on the checkout page, But we still need the user to know that they are on the same website.

                                                                                                                                                                                                                                                                                                                                                                                                                                    Micro Steps Data

                                                                                                                                                                                                                                                                                                                                                                                                                                      1. Dashboard > Plugins > Add new > Woocommerce Cart Abandonment Recovery
                                                                                                                                                                                                                                                                                                                                                                                                                                      2. Woocommerce > Cart Abandonment
                                                                                                                                                                                                                                                                                                                                                                                                                                      3. Follow up emails 
                                                                                                                                                                                                                                                                                                                                                                                                                                      4. Customize emails to match the website
                                                                                                                                                                                                                                                                                                                                                                                                                                      5. Activate all

                                                                                                                                                                                                                                                                                                                                                                                                                                      57 – eCommerce Dashboard

                                                                                                                                                                                                                                                                                                                                                                                                                                      How o customize the Woocommerce dashboard?

                                                                                                                                                                                                                                                                                                                                                                                                                                      The Woocommerce dashboard is where the customer will be able to see all their purchase data.

                                                                                                                                                                                                                                                                                                                                                                                                                                      It can easily be customized by using the Woocommere dashboard shortcode.

                                                                                                                                                                                                                                                                                                                                                                                                                                      Micro Steps Data

                                                                                                                                                                                                                                                                                                                                                                                                                                        1. Dashboard > Pages > My Account > Edit
                                                                                                                                                                                                                                                                                                                                                                                                                                        2. Change template to Elementor full width
                                                                                                                                                                                                                                                                                                                                                                                                                                        3. Click Update 
                                                                                                                                                                                                                                                                                                                                                                                                                                        4. Click Edit with Elementor 
                                                                                                                                                                                                                                                                                                                                                                                                                                        5. Add heading section template

                                                                                                                                                                                                                                                                                                                                                                                                                                        Main Row

                                                                                                                                                                                                                                                                                                                                                                                                                                          1. Go to style
                                                                                                                                                                                                                                                                                                                                                                                                                                          2. Background: Classic, color: Background blue

                                                                                                                                                                                                                                                                                                                                                                                                                                          Dual Heading Module

                                                                                                                                                                                                                                                                                                                                                                                                                                            1. Click Heading Module
                                                                                                                                                                                                                                                                                                                                                                                                                                            2. Change first part My
                                                                                                                                                                                                                                                                                                                                                                                                                                            3. Change last part Account

                                                                                                                                                                                                                                                                                                                                                                                                                                            Inner Section Row

                                                                                                                                                                                                                                                                                                                                                                                                                                              1. Drag dashboard module into the inner section
                                                                                                                                                                                                                                                                                                                                                                                                                                                1. Go to style on the inner section
                                                                                                                                                                                                                                                                                                                                                                                                                                                2. Change background to white 
                                                                                                                                                                                                                                                                                                                                                                                                                                                3. change border-radius to 10px all round
                                                                                                                                                                                                                                                                                                                                                                                                                                                4. Activate Box-shadow
                                                                                                                                                                                                                                                                                                                                                                                                                                                  1. Go to advanced 
                                                                                                                                                                                                                                                                                                                                                                                                                                                  2. Change padding to 50px all round 
                                                                                                                                                                                                                                                                                                                                                                                                                                                    1. Click Update

                                                                                                                                                                                                                                                                                                                                                                                                                                                    58 – Tracking Page

                                                                                                                                                                                                                                                                                                                                                                                                                                                    How to make an eCommerce website tracking page?

                                                                                                                                                                                                                                                                                                                                                                                                                                                    The tracking page can easily be made by using a shortcode developed by Woocommerce themselves.

                                                                                                                                                                                                                                                                                                                                                                                                                                                    All the customer has to do is to put in the tracking number and email.

                                                                                                                                                                                                                                                                                                                                                                                                                                                    Micro Steps Data

                                                                                                                                                                                                                                                                                                                                                                                                                                                      1. Dashboard
                                                                                                                                                                                                                                                                                                                                                                                                                                                      2. Click Pages
                                                                                                                                                                                                                                                                                                                                                                                                                                                      3. Click Tracking
                                                                                                                                                                                                                                                                                                                                                                                                                                                      4. Click Elementor full width template
                                                                                                                                                                                                                                                                                                                                                                                                                                                      5. Click Publish
                                                                                                                                                                                                                                                                                                                                                                                                                                                      6. Click Edit With Elementor 
                                                                                                                                                                                                                                                                                                                                                                                                                                                      7. Add heading section template 
                                                                                                                                                                                                                                                                                                                                                                                                                                                      8. Click edit on the main row

                                                                                                                                                                                                                                                                                                                                                                                                                                                      Main Row

                                                                                                                                                                                                                                                                                                                                                                                                                                                        1. Go to the style tab 
                                                                                                                                                                                                                                                                                                                                                                                                                                                        2. Change background to classic,
                                                                                                                                                                                                                                                                                                                                                                                                                                                        3. Color: Background blue 

                                                                                                                                                                                                                                                                                                                                                                                                                                                        Dual Heading Module

                                                                                                                                                                                                                                                                                                                                                                                                                                                          1. Click on the dual heading  
                                                                                                                                                                                                                                                                                                                                                                                                                                                          2. Activate icon 
                                                                                                                                                                                                                                                                                                                                                                                                                                                          3. Choose truck icon 
                                                                                                                                                                                                                                                                                                                                                                                                                                                          4. duplicate inner section column twice 

                                                                                                                                                                                                                                                                                                                                                                                                                                                          Inner Section Row

                                                                                                                                                                                                                                                                                                                                                                                                                                                            1. Change column width, column 1: 20%
                                                                                                                                                                                                                                                                                                                                                                                                                                                            2. Change column width, column  2: 60%

                                                                                                                                                                                                                                                                                                                                                                                                                                                            Inner Section Column 1

                                                                                                                                                                                                                                                                                                                                                                                                                                                              1. Click on column 2
                                                                                                                                                                                                                                                                                                                                                                                                                                                              2. Add shortcode module in column 2
                                                                                                                                                                                                                                                                                                                                                                                                                                                                1. Go to style 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                2. Change background classic, color: White
                                                                                                                                                                                                                                                                                                                                                                                                                                                                3. Border radius 10px 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                4. Activate box shadow 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                  1. Go to advanced
                                                                                                                                                                                                                                                                                                                                                                                                                                                                  2. Padding 50px all round 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    1. Go to docs.woocommrce.co/document/woocommerce-shortcodes
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    2. Expand Page Shortcodes
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    3. Click on order Tracking Form 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    4. Copy Shortcode

                                                                                                                                                                                                                                                                                                                                                                                                                                                                    Shortcodes Module

                                                                                                                                                                                                                                                                                                                                                                                                                                                                      1. Paste code in the shortcodes module
                                                                                                                                                                                                                                                                                                                                                                                                                                                                        1. Update

                                                                                                                                                                                                                                                                                                                                                                                                                                                                        59 – About Us & FAQ

                                                                                                                                                                                                                                                                                                                                                                                                                                                                        How to use templates to create About Us and FAQ Pages?

                                                                                                                                                                                                                                                                                                                                                                                                                                                                        We have learned a lot through making the home page. The FAQ and About us pages can be made using templates.

                                                                                                                                                                                                                                                                                                                                                                                                                                                                        Micro Steps Data

                                                                                                                                                                                                                                                                                                                                                                                                                                                                          1. Adiquer Dasboard > Templates > Download 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                          2. Extract Templates 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                          3. Go to Templates > Saved Templates > Import Templates 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                          4. Upload About Us and faq
                                                                                                                                                                                                                                                                                                                                                                                                                                                                          5. Pages > faq > elementor full width > publish > edit with elementor > upload faq template > Publish
                                                                                                                                                                                                                                                                                                                                                                                                                                                                          6. Pages > About Us > elementor full width > publish > edit with elementor > upload faq template > Publish

                                                                                                                                                                                                                                                                                                                                                                                                                                                                          60 – Contact Page

                                                                                                                                                                                                                                                                                                                                                                                                                                                                          How to make an eCommerce website contact Page?

                                                                                                                                                                                                                                                                                                                                                                                                                                                                          The contact page needs a plugin called contact 7. This plugin will enable you to design a contact form.

                                                                                                                                                                                                                                                                                                                                                                                                                                                                          We however to install a template to make the rest of the page.

                                                                                                                                                                                                                                                                                                                                                                                                                                                                          Micro Steps Data

                                                                                                                                                                                                                                                                                                                                                                                                                                                                            1. Dasboard > Plugins > Add new > Contact Form 7
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            2. Pages > Contact > elementor full width > publish > edit with elementor > upload Contyact template
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            3. Click on the contact Form module 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            4. Select contact form 1
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            5. Update

                                                                                                                                                                                                                                                                                                                                                                                                                                                                            61 – Newsletter Page

                                                                                                                                                                                                                                                                                                                                                                                                                                                                            How to make an eCommerce website newsletter page?

                                                                                                                                                                                                                                                                                                                                                                                                                                                                            To build the newsletter page we need to install a template. We then need to copy and paste the form code into the HTML code module.

                                                                                                                                                                                                                                                                                                                                                                                                                                                                            Micro Steps Data

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              1. Pages > Newsletter > elementor full width > publish > edit with elementor > upload Newsletter template
                                                                                                                                                                                                                                                                                                                                                                                                                                                                              2. Click html code
                                                                                                                                                                                                                                                                                                                                                                                                                                                                              3. Put in Form code
                                                                                                                                                                                                                                                                                                                                                                                                                                                                              4. Update

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              Conclusion

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              Congratulations! You now have a fully functional top-tier eCommerce website!

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              The main goal of this tutorial was to use free products that do well together. This website can however be improved significantly! This is our next step near the now.

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              Make sure you have an Adiquer account, so that when we update you will not be left out!

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              ADIQUER

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              Learn how to make free websites in WordPress for free through free HD courses.

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              Full HD Step By Step Free Courses

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              All Tutorial Resources

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              Custom Website Templates

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              Color Palette Storage

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              Tutorial Step By Step Checklists

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              0 Comments

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              Submit a Comment

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              Your email address will not be published. Required fields are marked *

                                                                                                                                                                                                                                                                                                                                                                                                                                                                              Pin It on Pinterest