To complete this class, you will build a real e-commerce website using Elementor, WooCommerce, and other free plugins step by step.

Below is the path you will follow:

- Install WordPress
- Install a Theme
- Install Elementor Plugin
- Elementor User Interface
- Home Page
  - Header
    - Nav Bar
      - Install ElementsKit
      - Understanding Containers
      - Add a Logo
      - Add a Nav Menu
      - Add a Favicon
      - Set Home Page
    - Hero Section
      - Hero Text Block
      - Hero Buttons
      - Hero Image
      - Hero Background Image
      - Refine The Header
  - Body
    - Add an Icon Section
    - CTA Section
    - Fixed Background Section
- Create the Footer
- Responsive Header
- Responsive Page
- Responsive Footer
- Contact Page (WordPress Forms)
  - Install Forminator
  - Create a Forminator Contact Form
  - Display Your Form With Shortcodes
  - Styling The Contact Page
  - Responsive Design
- Online Shop
  - Set Up WooCommerce
  - Create A WooCommerce Product
  - Product Taxonomies
  - WooCommerce PayPal Integration
  - Shop Page
  - Home Page Featured Products
  - Checkout and Cart Pages
  - WooCommerce Product Search (Ivory Search Plugin)
  - Custom CSS
    - Search Bar Rounded Corners
    - WooCommerce Product Images
  - Sticky Header
  - Cart Button Link
- Bonus Tips
  - Website Caching
  - Permalinks
  - Website Security
  - Backup Your Website
  - Email Deliverability
  - Home Page Categories
  - Search Engine Optimization

By the time you finish these steps, you will have an online store you can launch immediately to start generating revenue.

Share Your Work, Get Feedback:

When you finish the class, please remember to share a screenshot of one of the web pages (Home page, shop page, etc) to get feedback and celebrate with the community.

To take a screenshot of any of your web pages, you can install and use the free browser extension called GoFullPage.

To upload your screenshot, follow these steps:

1. Click on "Projects & Resources" below the video player.

2. Click the "Submit Project" button.

Looking forward to seeing what you will build.

Paolo Pellicanò

Mechanical Engineer | Cad Designer

2

2