
Learn to build an e-commerce site with WordPress and Elementor 2.0, featuring custom pages, hero images, category and price filters, a subscription form, and checkout with PayPal and credit cards.
Meet the instructor, a seasoned web designer who has built hundreds of WordPress sites since 2000 and also worked with Joomla and Drupal, sharing his passion for web design.
Prepare your setup for this WordPress and Elementor 2.0 course by ensuring a laptop or PC with Windows or Mac, a modern browser, internet access, Elementor Pro, and commerce.
Learn to download all images and export product data within a WordPress and Elementor 2.0 ecommerce site, enabling efficient asset management and product exports.
Discover WordPress, a free, open-source content management system and web publishing platform released in 2003, not just a blogging tool but a highly customizable, flexible solution powering many sites.
Learn how to install WordPress on a GoDaddy hosting account by logging in, selecting web applications, and completing WordPress setup with admin username and password, site title, and tagline.
Install Flywheel to set up a local WordPress development environment and provision a local site. Log in to the admin dashboard to start building and deploying your ecommerce website.
Install WordPress locally using Wampserver, configure a local Apache and MySQL server, create a database, and complete the WordPress installation with a site title and admin user.
Install and activate the WooCommerce plugin from the WordPress admin dashboard, complete onboarding, and configure shipping, payments, and product options.
Explore WooCommerce settings from onboarding to selling options, including currency, country restrictions, tax, shipping zones, inventory alerts, and customizing transactional emails for a branded checkout experience.
Learn to create a simple product in WordPress, set price and sale price, manage stock and backorders, assign categories, add images and a gallery, and publish.
Discover how to set up upsell and cross-sell product suggestions, choosing related items and updating them so customers see relevant offers from product pages to the cart.
Learn to create a grouped product on a WordPress ecommerce site by linking items to sell together. Manage pricing and visibility and guide customers from cart to checkout.
Learn to convert a simple product into a variable product by creating size and color attributes, generating variations, and assigning distinct prices, stock, and images for each option.
Learn how to create a finished affiliate product in WordPress using Elementor 2.0, assign a price and promotion, add an image and description, link to the affiliate product, and publish.
Create a virtual product, set it as visual with no shipping, price it at 120 dollars, choose a category, upload an image, publish, and test checkout.
Add a new downloadable product, name it, upload the file, set the price, and configure download limits, lifetime access, and product image before publishing for automatic post-purchase delivery.
Set up and test payment gateways in WooCommerce by enabling PayPal and Stripe, configuring accounts and keys, and processing test orders to verify checkout.
Learn how to import products into WooCommerce by exporting a CSV, uploading the file in the backend, and enabling product images to populate the shop.
Learn to use the WooCommerce documentation to set up taxation, shipping, and essential e-commerce configurations, guided by step-by-step instructions and concise videos.
Install the Astra theme by going to wp-admin, adding new themes, and activating it to change the front end. Explore appearance options to customize settings.
Explore installing Astra Pro for a WordPress and Elementor site, comparing pricing options, installing the plugin, entering the license, and activating features to customize your theme.
Install Elementor by going to plugins and adding new in WordPress, search for Elementor, and click install. Activate Elementor to access templates and begin building pages throughout the course.
Install and activate Elementor Pro 2.0 in WordPress by uploading the plugin, entering your license, and exploring pricing options and upgrade policies for single or multi-site use.
Update WordPress before building, back up, and delete posts, comments, and sample pages. Customize the site title and tagline, adjust privacy and language, and set permalinks to post name.
Style a WooCommerce shop with the Astra theme using the WordPress customizer, configuring layout, hover images, and left sidebar widgets to keep a clean, modern storefront.
Create a simple logo using Roboto bold 48 on white or transparent background, save as a dng, then upload, crop, and apply it as WordPress site logo (header and footer).
Publish main site pages (home, shop, women, men, accessories, beauty), set the home page in WordPress, and assemble a primary sticky header with a basket.
Create a hero image in WordPress using Elementor, set a background image with center and cover, then build a two-column layout with styled headings and shop text.
Learn to build the homepage section 'who we are' in WordPress with Elementor 2.0, editing typography, colors, and padding to create a distinctive, balanced header on the homepage.
Structure a three-column homepage section in Elementor, insert three images, resize to the same size, and fine-tune typography to 42 with weight 600 for a cohesive look.
Display products with WooCommerce shortcodes using shortcuts in WordPress and Elementor 2.0, even without Elementor Pro. Customize columns and limits to create flexible product grids.
Create a homepage section for two products using WordPress and Elementor, selecting featured product categories, adjusting spacing and gaps, and refreshing the page to preview the layout.
Build a homepage banner for the bag collection in Elementor 2.0 by arranging sections with images and text, adjusting columns, typography, color, margins, and alignment through iterative previews.
Duplicate the homepage section to create a shop by category, drag it below, and select women, men, and beauty with updated images. Adjust padding and order for a polished storefront.
Design a homepage banner for a beauty collection using Elementor, adding a full-width section with a centered background image, two columns, and styled headings, typography, and a shop now button.
Build an ecommerce homepage by creating a subscribe form in WordPress with Elementor 2.0, customizing background, typography, colors, and a borderless, sharp-edged input and button.
Build the homepage icons section in elementor by creating a new section with a background, three evenly spaced items, and content, images, color, and typography that you customize.
Learn to build and style a custom WordPress footer in Elementor 2.0, including a three-column layout with logo, content, and social icons, plus color, typography, and navigation customization.
Make homepage mobile ready by building a responsive layout across tablet and mobile in Elementor, unlinking device styles, and tuning margins, font sizes, and subscribe button to 100 percent width.
Open and customize the women's page in WordPress and Elementor by applying a template, updating images, categories, banners, and typography to align with the site design.
Create a men's product page in WordPress using Elementor, swap the header image, adjust typography and content, and expand the product grid from four to eight items.
Design a men's banner page in WordPress with Elementor 2.0, adding sections, a background image, typography tweaks, and a shop now button for showcasing men's suits.
Design the accessories page in WordPress using Elementor templates, applying a two-column section with a background black cover image and consistent headings and a shop button to mirror other pages.
Design a beauty page in WordPress with Elementor, creating a hero image, a two-column section, and selecting products 'woman' and 'beauty' to match the reference design.
Design a polished contact page in WordPress with Elementor 2.0, using a template, customizing images, typography, colors, and embedding a contact form and map for customer outreach.
Rewatch this course for lifetime access to strengthen WordPress and WooCommerce skills, and pursue the upcoming commerce essential training to elevate your e-commerce capabilities with multilingual resources.
Everyone knows about the importance of creating a responsive website that looks smashing on desktop, tablet and mobile devices.
In this course, we go through step by step how to create a Ecommerce Website with WordPress using WooCommerce, Elementor Pro 2.0 and Astra theme.
We then go on to explain how to customize the website we created to fit all devices, using Elementor's visual mobile editing tools.