• Post category:StudyBullet-7
  • Reading time:7 mins read


Create a Woocommerce wordpress Store using elementor page builder and prepare your images using canva and Photoshop CC

What you will learn

Choose Premium E-commerce Theme from Themeforest and installation

Where to get inspiration for your website design, colour & fonts.

How to design Your images and slider using canva pro and adobe Photoshop

How to use Elementor page builder like a pro

Responsive design : How to ensure your site looks great on desktop, tablet and mobile phone.

How to make Footer and Header Customization using elementor

How to make Woocommerce and products configuration the perfect way

How to speed up your store using the most advanced speed optimization technics for High rank in SEO

Description

Welcome to WordPress Elementor Web Design | Make a Pro e-commerce shop.

In this course, you will get hands-on creating a real-world store from scratch, using elementor as a front-end web page builder and you will be able to design your own images and slides using canva and Adobe photoshop, and even illustrator to create your own logo.


Get Instant Notification of New Courses on our Telegram channel.


Then we will learn :

  • We will choose the right theme from the famous Envato ThemeForest platform.
  • We’ll go through all of the back-end settings, including how to install Woocommerce and many other plugins such as revolution slider…
  • We will learn how to create and insert logo in our website using canva, adobe illustrator
  • We will see how to create slides for our revolution slider plugin using canva and adobe photoshop cc.
  • We will learn how to customize and design images for the featured categories sections using canva and elementor.
  • And we will see how to prepare images design and customize the first featured product with elementor.
  • We will learn how to prepare images design using canva and Photoshop and customize the second featured product with Elementor.
  • We will see how to customize and design the two sections of featured products in our store using elementor.
  • We will learn also how to customize the design of the About us page.
  • And also we will see how to customize the contact us page using elementor with Google maps & Recaptcha.
  • We will see how to customize the Footer and Header using elementor : * How to customize footer design using elementor page builder / Edit home page and footer menus / How to customize mobile header design using elementor /Customize menu and products categories.
  • We will see how to configure Woocommerce and products in our shop : *How to configure woocommerce in our shop website / *How to add products categories / *How to add new products in our online shop.
  • Finally, we will see how to optimize the Speed of our website: How to optimize the loading speed of our E-commerce website using the WpRocket plugin to clean website caches.

    Elementor was created for every site owner and designer that wants to create beautiful web content. It was created to allow you to design a perfect pixel store that catches the eyes of your customers.

English
language

Content

Introduction

Introduction

Choose Premium E-commerce Theme from Themeforest and installation

How to pick up the right premium theme from ThemeForest for your store
Install WordPress and our theme on Cpanel live hosting
E_commerce WordPress theme discovery

Customize front-end website using Elementor Canva and Adobe Photoshop

How to create and insert logo in our website using canva, adobe illustrator
How to customize and design our revolution slider section
Learn how to customize and design images for the featured categories sections
How to prepare image design and customize first featured product with elementor
Prepare image design and customize second featured product with Elementor
Customize and design the two sections of featured products in our store
About us page customization
How to customize contact us page using elementor with Google maps & recaptcha

Footer and Header Customization using elementor

How to customize footer design using elementor page builder
Edit home page and footer menus
How to customize mobile header design using elementor
Customize menu and products categories

Woocommerce and products configuration

How to configure woocommerce in our shop website
How to add products categories
How to add new product in our online shop

Bonus | Speed Optimization of our website

How to optimise loading speed of our E-commere website

Conclusion

Course conclusion