Complete WordPress and WooCommerce Masterclass 2026

Compare installing WordPress locally on your computer for safe testing with installing on web hosting for a live, public site. Understand differences in environment and cost.

Install WordPress locally using the Local platform to create, test, and manage sites with configurable PHP versions, web servers, and MySQL in a safe offline environment.

Install WordPress on a web hosting provider such as Hostinger with one-click deployment, SSL, and Lightspeed servers, compare plans, and set up domain, data center, and WordPress dashboard.

Access the WordPress admin dashboard by typing your site address /wp-admin and logging in; to visit your site, click your domain name in the top left.

Clean the WordPress dashboard by hiding screen elements, deleting default posts and pages, and deleting unused plugins; then configure site title, tagline, and a post-name permalink structure, and save.

Install a backup plugin to safeguard WordPress site data, export and import a full backup with all in one WP migration, then verify permalinks and settings.

Install and activate a WordPress theme and a starter templates plugin via Elementor, then preview, customize fonts and colors, and create four pages with plugins like Wpforms Lite.

Explore how to edit pages with the Elementor editor, understand containers and elements as the building blocks of page structure, and use flexbox or grid layouts to create multi-column sections.

Learn to undo your last actions in Elementor using ctrl-z, and restore previous page states via the history panel's undoable actions and revisions.

Learn to build and customize the hero section in WordPress using Elementor, editing headings and buttons, choosing backgrounds (image, video, gradient, slideshow), and optimizing typography and responsiveness before publishing.

Build a WordPress hero section from scratch by duplicating an existing one, using flexbox, adding headings and a contact button with an arrow icon, plus a background image with overlay.

Design a custom hero banner using Canva by selecting templates, customizing text and images, and exporting as jpg or png before applying it in Elementor.

Create a services section from scratch using flexbox, featuring a heading and divider, plus three image-and-text columns with centered alignment and adjusted padding.

Master margin and padding concepts to control outer and inner spacing, learn to link or unlink values, use a spacer, and adjust minimum height for balanced layouts.

Learn to build web pages using blocks and templates in Elementor, adding predesigned sections like testimonials and hero banners. Save and reuse templates in the template library for consistent pages.

Edit the contact form in WordPress using Elementor and WP Forms, edit the shortcode, and save changes. Configure dropdowns, required fields, confirmations, and notifications for effective submissions.

Create a WordPress page via the dashboard, title it, and publish with the Elementor editor. Use templates and blocks, copy sections, and add the page as a submenu under services.

Explore how to customize a WordPress header with editing the logo, enabling a transparent header, using the header builder, and applying logo and site icon changes.

Customize the website footer with the footer builder, edit copyright with dynamic year, replace the logo with accessible alt text and caption, and configure the footer menu and styles.

Explore how to customize typography and colors in WordPress via the customizer, using global typography and color settings, presets, and live preview to craft cohesive site design.

Optimize WordPress sites for mobile and tablet using Elementor, switching between desktop, tablet, and mobile views, and adjusting typography, spacing, and element visibility for each device.

Enable auto updates for all WordPress plugins via the dashboard to keep your site secure, and back up before updating to handle issues by updating now or restoring.

Create and publish WordPress blog posts with the block editor, add media, and publish to a blog page. Customize layout, set posts page, and manage categories and author name.

Create and publish a privacy policy and terms and conditions for your website, detailing data collection, user rights, and security, using WordPress policy generators and plugins.

Create a policy menu in WordPress, add the Privacy Policy, place it in the footer via the footer builder and a navigation menu widget, then publish.

Generate terms and conditions for your WordPress site with the free privacy policy generator and WP legal pages plugin, then add the page to the footer and policy menu.

Navigate WordPress settings to configure site information, user roles, and display options. Manage general, writing, reading, discussion, media, permalinks, privacy, and caching for optimized performance.

Build a complete WordPress e-commerce store from scratch, creating shop, about, contact, FAQ, and blog pages, plus collections, hero slideshow, featured sections, and a checkout with Stripe and PayPal.

Outline essential e-commerce site structure, from header with logo and navigation to home and shop pages. Present products by categories with descriptions, images, pricing, plus cart, checkout, and payment gateways.

Back up the WordPress site, delete existing pages and posts, then create core pages (home, shop, about, contact, FAQ, blog) and set up a main navigation menu.

Install and activate the WooCommerce plugin in WordPress, configure settings with the setup wizard, and learn product management and payment gateways for a shop with cart, checkout, and shop pages.

Enable coming soon mode in WooCommerce to hide your WordPress store behind a coming soon landing page during development, with site visibility private and optional private link access.

Create product categories in the WordPress dashboard for a fashion store, adding dresses and tops with slugs, thumbnails, and display options on category archive pages.

Add products to your ecommerce site by creating simple, variable, and group WooCommerce items, configuring pricing, inventory, attributes, variations, images, and categories before publishing.

Duplicate an existing product and edit its title and permalink for seo. Update the description, price, and images, and manage the product gallery.

Create and assign best sellers and new arrivals product categories. Add them to the main menu under the shop item as submenu items in WordPress.

Customize font and typography in the WordPress customizer by selecting a font preset (Montserrat) and adjusting body and headings fonts, then set colors, button styles, and publish.

Build a full-width hero section in Elementor editor for a fashion ecommerce store with a 4-second slideshow, black overlay, centered text, and a shop button linking to the shop page.

Add a featured product collection to the homepage under the hero banner, using Elementor Pro or a free plugin, and configure a new arrivals carousel with preset layouts.

Create a homepage featured product section by resizing a Canva image to 2000px square and displaying product with title, excerpt, price, add to cart, and quick view using Wu widget.

Create a testimonial section using Elementor’s widget or Canva-based images, customize heading, text, and images, set up a slideshow if needed, then preview and publish.

Create a branding section on the homepage with a two-column flexbox layout in Elementor, adding a right-side image and a left column with heading, paragraph, and a button.

Customize the shop page with WooCommerce product catalog settings, layout, and a left sidebar featuring search, price filters, and category lists to optimize product display.

Use the product page customizer to tailor the visibility of the title area, meta data, breadcrumbs, and add to cart options, including sticky cart and design settings, before publishing.

Customize the checkout and cart pages in the WordPress customizer, hide the company name, make the second address line optional, and prepare privacy policy and terms pages for later.

Customize the about us page in WordPress using Elementor to create a hero banner with overlay, a centered white heading, our story content, and a shop now button.

Customize the WordPress contact page with Elementor by duplicating the hero from the about page, updating the heading and background image, and adding a contact form.

Customize the faq page by copying the hero from the about page, replacing the image, importing a pre-designed faq block, and setting margins to 60 pixels while adding questions.

Create and publish multiple blog posts in WordPress by using the post builder, set featured images, assign categories, and customize the blog and post pages with the WordPress customizer.

Customize the WordPress header by arranging the header, setting the logo and menu, adding a cart widget with style options, and adding a top announcement bar with a black background.

Generate privacy policy and terms using a free privacy policy generator, create policy pages, and customize the footer with policy links in WordPress.

Optimize your WordPress site for mobile by using the Elementor editor to switch views, adjust elements, configure the off-canvas menu in the WordPress customizer, then publish.

Integrate Stripe as the payment gateway for your WordPress e-commerce site by creating and connecting a Stripe account via the Stripe by Payment Plugins, then test in live mode.

Install and activate a PayPal plugin in WordPress, connect to a PayPal business account, enable the PayPal gateway in WooCommerce, and verify the PayPal button appears at cart and checkout.

Set up shipping rates in WordPress with WooCommerce by creating shipping zones, adding flat rate, free shipping, and local pickup, and configuring tax status and minimum order amounts.

Enable plugin auto updates in the WordPress dashboard, then disable the Coming Soon mode and set site visibility to live to launch your WooCommerce store and test its functionality.

Create WordPress coupons to offer discounts at checkout, including percentage discounts and free shipping. Configure expiry dates, usage limits, and product or category restrictions, then publish and test in cart.

Create a 100% discount coupon in WordPress WooCommerce and enable free shipping for a test order. Verify the coupon applies at checkout, place the order, and review the completed status.

Explore how to configure WooCommerce settings in WordPress, from general store setup, tax, currency, and shipping to products, inventory, payments, and customer accounts for a streamlined online store.