Build eCommerce websites with WordPress & WooCommerce

Install WordPress on Windows with a local server stack, configure Apache and MySQL to 8080, create a database via phpMyAdmin, and run the WordPress setup locally.

Learn how to install WordPress locally on macOS using champ (xampp), configure apache and mysql on port 8080, set up a database, and complete a WordPress installation, including theme management.

Discover WordPress basics, log in to the dashboard, and manage pages, themes, plugins, and media to build a solid foundation for ecommerce.

Learn to create, publish, and delete WordPress pages, set a static home page, configure permalinks for seo-friendly URLs, and install a basic theme.

Explain what a WordPress theme is and how the theme customizer shapes header, footer, colors, menus, and widgets; compare customizer-based and editor-based themes, and preview using the Astra theme.

Explore how WordPress plugins extend core functionality by installing and activating plugins from the plugin store to add features like contact forms and products for an e-commerce site.

Learn what an e-commerce website contains and how WordPress and WooCommerce power it, covering products, cart and checkout, my account, and payment, shipping, and tax settings.

Install and activate the WooCommerce plugin from the WordPress plugin store, enabling product management, cart, checkout, and my account pages, and set store visibility to live.

Add your first product on a WordPress and WooCommerce site by setting image, title, descriptions, and price. Publish, view, and test the cart and checkout to preview upcoming e-commerce settings.

Fix cart and checkout pages by switching from the block editor to shortcode-based WooCommerce pages, adding cart and checkout shortcodes, saving, and validating they work on WordPress.

Explore how to configure general settings in WooCommerce, including setting the store address, selling and shipping locations, taxes, coupons, and currency formatting for global sales.

Enable geolocation in WooCommerce to auto-detect a visitor's country by IP and set the checkout region, with MaxMind license key setup and incognito testing.

Explore the product settings in WordPress and WooCommerce, configuring the shop page, add-to-cart behavior (ajax options and optional redirect to cart), product permalinks, placeholder images, measurement units, and reviews.

Learn how to manage stock in WooCommerce using inventory settings, enable or disable stock management, set stock thresholds and display formats, and handle unpaid orders.

Configure tax settings in WooCommerce, choose price display with or without tax, set standard rates and tax classes, and apply country and state based taxes for domestic and international sales.

Configure WooCommerce shipping settings by creating zones and methods, assigning rates and postcodes, and applying shipping classes for heavy items; test with domestic and international regions.

Configure manual payment methods in WooCommerce: direct bank transfer, check payments, and cash on delivery. Set titles, descriptions, and instructions; enable by shipping zone and preview checkout and thank-you pages.

Learn to simulate a complete e-commerce order in WordPress and WooCommerce. Practice guest checkout, direct bank transfer payments, and order and shipment tracking, from cart to completed status.

Learn to integrate PayPal with WooCommerce using a sandbox test account, switch to production, and configure API settings, the PayPal gateway, and optional Venmo and pay later features.

Master debit and credit card payments on a WordPress WooCommerce site using Stripe, including setup, sandbox testing, API integration, and Apple Pay support.

Explore accounts and privacy settings in WooCommerce, including registration, guest checkout, and login options. Learn about privacy policy, account erasure requests, and data retention via the my account page.

Explore how to manage WooCommerce email settings, including admin and customer notifications, customizing templates and sender addresses, disabling certain emails, and configuring domain-based SMTP.

Explore advanced settings in WordPress and WooCommerce, including geolocation with MaxMind, site visibility, terms and conditions, checkout and account endpoints, and admin visibility badges.

Learn to create and apply WooCommerce coupons with discount types at cart and checkout. Configure minimums, maximums, and usage rules to boost sales with free shipping and targeted codes.

Learn to configure product reviews in WooCommerce, including enabling reviews, requiring star ratings, and showing the verified owner label, while shoppers who purchase can leave and admins approve reviews.

Learn to create and manage simple products in WooCommerce, covering pricing, inventory, images, categories, short and long descriptions, and enabling reviews.

Learn how to convert a simple product into a variable product in WooCommerce, add capacity variations like 256 GB and 512 GB, generate variations, and set prices and stock.

Learn to add external or affiliate products in WooCommerce, displaying images and descriptions while the buy now button redirects to an external site instead of adding to cart.

Explore how to add virtual and downloadable products in WooCommerce, including services and digital goods, with steps for simple, variable, and downloadable product setups.

Learn to create grouped products in WordPress WooCommerce by bundling books into class packages, enabling customers to select items and checkout in one go.

Learn how to structure product categories in a WordPress WooCommerce store to boost SEO and user experience, including creating main categories, subcategories, and assigning products.

Discover how product tags work in WordPress and WooCommerce, how they differ from categories, and how to create and display collections like latest or winter on the homepage.

Learn to implement upsell and cross-sell in WooCommerce by adding products and configuring related and cross-sell recommendations on product and cart pages.

Add 25–30 products to your WooCommerce shop, organize them by categories and tags, and design a polished storefront, while optimizing images with background removal and size under 150 kb.

Learn to convert a simple home page into a polished e-commerce site by adding a top bar, logo, navigation, hover effects, and a full shop-to-checkout flow.

Compare how themes like OceanWP and Astra shape an e-commerce site through the theme customizer, exploring WooCommerce settings, the shop page, cart, and checkout for a distraction-free, simple design.

Create a streamlined e-commerce menu in WordPress with the Astra theme, organizing product categories into a primary menu and adding a dynamic menu cart for cart and checkout.

Learn to choose colors for your website with a consistent three-to-four color palette and high-quality images, using coolors.co to generate and lock colors.

Learn to create a simple e-commerce logo using Canva or Fiverr, with PNG transparency and landscape orientation. Apply the logo to your WordPress WooCommerce site via the theme customizer.

Design and customize the primary header in WordPress with the Astra theme, configuring background color, menu styles, hover and active states, and the WooCommerce cart icon.

Learn to add a top bar above the header in WordPress WooCommerce, featuring a phone number, sale and free shipping notices, and a secondary menu with font awesome icons.

Learn to design a professional WordPress footer with the theme customizer and footer builder, using widgets, a logo, quick links, a footer menu, and store timings.

Learn to create a single transparent PNG of payment icons (PayPal, Visa, Mastercard, Apple Pay, Amex) and add it to a two-column WordPress WooCommerce footer via the theme customizer.

Design dynamic archive shop pages in WordPress with WooCommerce by configuring the product catalog, breadcrumbs, category descriptions, and layout in the theme customizer for a polished storefront.

Convert the global search to product search by enabling live search, restricting queries to products via post_type, and styling the results to resemble the shop page.

Design and customize the single product template in WooCommerce through the theme customizer, detailing layout, meta tags, breadcrumbs, and sticky add to cart for consistent product pages.

learn how to add a sidebar with product filters on shop and archive pages, including filter by price, color, and size using global attributes and WooCommerce widgets.

Design and customize the remaining visual elements of a WooCommerce site using the theme customizer to set global colors, buttons, links, borders, and checkout visuals.

Compare dynamic and static pages, and replace Gutenberg with Elementor to design ecommerce pages using drag-and-drop elements.

Learn the basics of Elementor by mastering containers and elements, installing and activating the Elementor plugin, and building layouts with vertical and row directions, adding multiple elements inside containers.

Explore Elementor basic stylings for containers and elements, including height and minimum height, justify content, background color and image, overlays, margins and paddings, alignment, and typography.

Explore how margins and paddings control spacing in Elementor, distinguishing outside versus inside spacing. Apply margins and paddings to control container spacing, top padding, and unlinked values for precise alignment.

Explore grid containers in Elementor for WordPress and WooCommerce: define columns and rows, fill cells with elements, and use inner containers to manage gaps and padding.

Design the hero section of your e-commerce site with Elementor basics, adding a background image, overlay, typography, and a shop now CTA, plus parallax and hover effects.

Design a modern hero section by placing text on a dark color background beside a crisp image, then refine with free stock images, background removal tools, and gradient overlays.

Enable a transparent header on the home page using Astra or OceanWP, configure colors and borders in the theme customizer, and adjust Elementor padding to shift content below the header.

Design the home page free shipping section with Elementor, using a three-column grid of icon boxes for free shipping, 100% secured payments, and 24/7 support, with 85%/15% view-height distribution.

Design and implement a product categories section on the home page using Elementor, featuring a four-column grid of clickable category cards with images, headings, and links to each category page.

Explore how to display products on a home page with WooCommerce shortcodes in WordPress and Elementor, using dynamic shortcodes with limits, columns, order by, date, and category slugs.

Learn to build a featured products section on the home page using WooCommerce shortcodes and Elementor, selecting two featured items to display in a two-column layout with customizable styling.

Design a home page section titled latest products using Elementor and a WooCommerce product shortcode, displaying four latest items in descending date order.

design your home page with collections by adding men and women collections using tags, linking to tag pages, and building hero sections with fixed background images and overlays in Elementor.

Design and customize remaining site pages with Elementor, using Astra full-width layouts, hero sections, and shortcode widgets to craft about, cart, checkout, and my account pages for WooCommerce.

Learn how to optimize WordPress and Elementor-based e-commerce sites for mobile, using testing and tweaks to improve mobile rendering, sales, and Google rankings.

Explore mobile-first theme customizer settings to optimize headers, footers, menus, and off-canvas navigation for WordPress and WooCommerce, with live preview and category menus.

Master Elementor mobile rendering for a WooCommerce site by adapting headings, padding, grids, and icons, and aligning images and content for mobile layouts.

Explore tablet rendering with the theme customizer for WordPress and WooCommerce, adjust the header and the footer for tablet devices, and set shop page layouts and columns for responsive alignment.

Master tablet rendering for a WordPress and WooCommerce site using Elementor, optimizing spacing, typography, and shop columns for iPad mini viewports.

Learn to add extra features to your WordPress and WooCommerce site, including product sliders and carousels, a currency switcher, pretty price formatting, infinite scroll, swatches, and a wishlist with sharing.

Install and activate the variation swatches for WooCommerce plugin to convert color, capacity, and other attributes on variable products into button swatches, with options for image swatches or dropdowns.

Enable infinite scroll on the shop page with the Catch Infinite Scroll plugin to load products in chunks, reducing server load and improving speed via load more or scroll.

Install and configure a WooCommerce wishlist plugin, create a wishlist page with a shortcode, and enable a top menu link so guests and users can save items for later.

Create a WooCommerce product slider by installing a plugin, building a layout, and displaying latest or featured products with shortcodes across responsive pages.

Learn how to add a currency switcher to a WooCommerce store, configure currencies like USD, GBP, and EUR, update exchange rates weekly, and customize placement and formatting.

Explore hosting, set up branded email accounts with SMTP to ensure delivery, manage add-on domains for multiple sites, and integrate with WordPress so emails come from your branded address.

Create a branded domain email on Hostinger, set up a free mailbox, test sending and receiving, and customize the display name and signature in the management panel.

Implement smtp integration on your WordPress site to ensure emails reach inboxes, not spam, by configuring the WP Mail SMTP plugin and using domain-based from addresses.

Learn how to set up email on your iPhone or Android by installing the Gmail app, adding another account, and configuring imap and smtp settings with Hostinger for mobile notifications.

Learn how to set up an email auto responder using Hostinger to acknowledge inquiries, configure the info email, craft the reply, and test within a 24-hour limit.

Set up an email forwarder to automatically forward messages from your domain to Gmail, test activation, and explore catch all options while understanding when not to use them.

Redesign the WooCommerce email template to match your site branding, add a logo, and adjust colors and header alignment. Test the order email to confirm branding appears.

Learn how DKIM records improve email deliverability to the inbox by authenticating messages with domain keys, generating custom DKIM with Hostinger, and updating DNS TXT records.

Add an addon domain, register a new domain on hosting, set up WordPress, install SSL, and prepare a fresh site with plugins and themes for WooCommerce.

Link a domain registered with a different registrar to hostinger hosting using custom name servers. Verify ownership, update dns records, enable ssl, and optionally install WordPress with a single click.

Learn to migrate a locally hosted WordPress site to a live server by transferring WordPress files and database, configuring hosting, and updating URLs and permalinks.

Explore search engine optimization as free marketing to boost your website's visibility on Google, and learn tips, tricks, and strategies to drive organic traffic over time.

Discover how Google crawls ecommerce sites with spiders to determine what your site is about, using a map of URLs and product data (titles, prices, stock) to surface relevant results.

Explore key seo factors for ecommerce sites, including secure and accessible websites, loading speed, mobile friendliness, optimized content, and real business information to boost domain authority.

Plan and choose keywords for e-commerce sites using long-tail ideas, keyword planner, and trends insights to boost seo, crafting low-competition phrases on product pages and WordPress plugin tips.

Identify the essential pages for an e-commerce site with WordPress and WooCommerce, including about us, contact us, privacy policy, terms and conditions, and refund policy, to boost SEO and trust.

Showcase how WordPress and WooCommerce automate core SEO tasks, optimize category and product titles, and use plugins and AI to craft custom descriptions and keywords for better Google visibility.

Install and activate Yoast SEO on WordPress, run first-time configuration, optimize SEO data, then edit category titles with a focus keyword, turning 'laptops archives' into 'by laptops' with '20% off'.

Explore how to configure Yoast SEO settings for a WordPress and WooCommerce site, covering general, content types, product pages, categories and tags, XML sitemaps, title separators, and index options.

learn to optimize a single product’s SEO in WordPress with Yoast, including focus keywords, custom titles, external and internal links, meta descriptions, alt text, and readability to improve search rankings.

Learn how to optimize taxonomy SEO settings for category pages and brands, including meta descriptions, titles, and short descriptions, to improve Google rankings, even when products are out of stock.

Learn to optimize individual pages with Yoast on WordPress and WooCommerce, focusing on home page branding, focus key phrase, taglines, and concise meta descriptions for all pages.

Discover how to use a blog on a WordPress WooCommerce site to drive traffic and sales with product-focused posts, buy links, and SEO optimization.

Boost ecommerce site speed by optimizing loading times through hosting, lightspeed cache, image optimization, CDN, and database cleanup to improve SEO and user experience.

Create a bold favicon from your logo in Canva, and upload it as the WordPress site icon via the theme customizer, noting its impact in Google search results.

Submit your WooCommerce site to Google, Bing, and Yandex using Yoast SEO and Google Search Console; generate and submit XML sitemaps, verify ownership with meta tags, and optimize indexing.