
Build a fully customizable site with WordPress, WooCommerce, and Ocean WP using Elemento, creating simple, variable, and downloadable products step by step across mobile, tablet, and desktop.
Build a complete ecommerce store with a video hero, shop and contact CTAs, and logo setup. Include navigation, categories, filters, cart, wishlist, chat, and mobile-ready product pages.
Purchase a domain from Namecheap, selecting an available name like this will be awesome dot com, and enable domain privacy for one-year registration before checking out with ssl.
Purchase the Ocean WP core extensions bundle to get 12 months of updates and support, seven free extensions, 14 premium extensions, demos, and license keys via a freemium account.
Install an OceanWP demo to set up your ecommerce store. Use Cloudways hosting with Digital Ocean to run WordPress and WooCommerce, accessing a three-day free hosting trial.
Clean up the WordPress dashboard by using screen options to hide default notifications, then tailor the user profile and general settings, including display name and site URL.
Activate OceanWP license keys from WordPress plugins screen by copying the key from your OceanWP account and pasting it to activate OceanWP widgets, Ocean Pro demos, and Ocean Sticky Header.
Explore the OceanWP theme panel on your WordPress site to manage licenses and demo extensions, view updates, customize logos, colors, typography, and features, install demos, and control integrations.
Learn to manage posts, media, and pages in Ocean WP, create posts with titles and content, add featured images, and clean up dummy content for a WooCommerce site.
Install and activate three new WordPress plugins—make column clickable, resize image after upload, and video chat—to boost your WooCommerce and OceanWP e-commerce site.
Learn how to back up a WooCommerce site on Cloudways by taking a backup, storing a restore point, and restoring if needed; daily backups are recommended for order fulfillment sites.
Learn how to upload media to a WordPress site powered by WooCommerce and OceanWP, enable SVG support, and manage images in the media library to build product catalogs.
Set up your WooCommerce store in WordPress by entering business details, selecting product types (physical products and downloads), and configuring key settings, currency, orders, and reports.
Delete demo products, then create simple, variable, and downloadable products in WooCommerce. Configure prices, stock, SKU, descriptions, images, categories, and tags, and preview changes for a polished store.
Create a variable product in WooCommerce by adding size and color attributes, configuring per-variation price, SKU, image, and stock, and assigning categories, tags, and upsell and cross-sell options.
Learn to create a downloadable product, upload a PDF or e-book file, set download limits and expiry, and publish to enable post-purchase download links.
Build a WooCommerce home page with Elemental and OceanWP, import templates, showcase products by category and tag, and enable clickable sections with customizable backgrounds and media.
Learn to build a custom footer for an OceanWP site using the WordPress customizer and Elementor, including a newsletter subscription block, payment icons, and internal links.
Create a new primary menu in WordPress, add home, shop, blog, my account, and contact pages, arrange order, and save; then customize hover styles and colors in the header customizer.
Upload the logo in your WordPress header, crop it, and set the width to about 90 pixels. Use Canva for free templates or Fiverr for paid designs, around $10.
Learn to tailor the header styling in Ocean WP by choosing presets, adjusting height and transparency, and creating a custom header template via the My Library and Elemental tools.
Configure a WooCommerce shop archive with a right sidebar and off-canvas filters, enable product filters by price, tags, categories, and ratings, and tailor widgets and headers.
Customize the single product page in woocommerce and oceanwp by adjusting layout, header placement, image width, and add-to-cart options, plus related products and sharing.
Apply advanced styling in WooCommerce to customize theme colors for product archives and single product pages, adjusting prices, borders, filters, and add-to-cart buttons to match your branding.
Create a new WordPress page, customize with OceanWP, build a gallery in Elementor, and add it to the menu with a link to the shop page.
Create a custom contact form using WP forms and OceanWP, add name, email, phone, and message fields, configure notifications and anti-spam, then insert into the contact page.
Build a contact us page in wordpress using ocean wp demos, with icon boxes for call and email, a google maps link, and a wp forms contact form.
Develop responsive e-commerce pages using WooCommerce and OceanWP, adjusting mobile and tablet typography, images, and layouts, and refining menus for seamless cross-device usability.
Set your WordPress site's identity in the customizer by editing the site title and tag line, then upload and publish a favicon icon.
Set up WooCommerce settings to control selling and shipping locations, tax, coupons, and currency for UK, Ireland, and France.
Set up shipping zones in WooCommerce for the United Kingdom, Ireland, France, and Dublin with flat rate pricing. Enable free shipping in Dublin for orders over £50.
Configure tax in WooCommerce by using prices exclusive of tax and calculating tax at checkout from the customer's billing address, then add country standard rates for GB, IE, FR.
Enable stripe payments in a WooCommerce store by installing the stripe gateway, configuring test and live api keys, webhooks, and checkout options including Apple Pay and Google Pay.
Learn to create, publish, and apply coupon codes in a WordPress WooCommerce store, configuring percentage discounts, fixed amounts, expiry dates, usage restrictions, and item exclusions.
This online e-commerce course will teach you how to build a powerful e-commerce website by making use of OceanWP & WooCommerce.
Who created this course?
This course was carefully crafted by OceanWP & Lead Content Creator Matthew Turner. Throughout this course, Matthew will guide you step by step with no steps missed to ensure that you are able to walk away from this course feeling satisfied and proud of yourself for building your first e-commerce website.
How long is this course?
This complete & comprehensive course is 7.5 hours long, Taking you through all of the processes that are required in order to get your website online, running, and ready for customers to start buying your online products.
I am a beginner, will I be able to follow along?
This course was created for beginners and more experienced WordPress users, If you are completely new to WordPress then rest assured you will be able to complete this course with no difficulties at all. OceanWP is beginner-friendly, user-friendly, and intuitive. We will be here for you every step of the way. If you get stuck, then just send us a message through the Udemy Integrated chat within the course and we will respond to you as soon as we receive your message.
What technologies will be used to build my e-commerce website?
WordPress - WordPress is a content management system (CMS) that allows you to host and build websites.
OceanWP - One of the leading WordPress theme providers with over 5000 + 5-star reviews
Cloudways - Cloudways is the hosting provider that we will be using to get our website online and hosted ( Cloudways & OceanWP have partnered up to create a unique hosting experience that will allow us to get our website uploaded in just a few simple steps.
WooCommerce - WooCommerce is an open-source, completely customizable eCommerce platform for entrepreneurs worldwide.
Elementor (Free Version) - We will be using Elementor to help us easily drag and drop items onto our page without needing to know how to code.
Why choose OceanWP to build your e-commerce website?
OceanWP is the perfect theme for your project.
Beginner-friendly ( No prior WordPress experience needed )
The free version comes with so many options to customize your site.
A huge selection of ready-to-upload site demos.
The ability to customize every aspect of your website
Lightweight and highly extendable.
It will enable you to create almost any type of website such as a blog, portfolio, business website, and WooCommerce storefront with a beautiful & professional design.
Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion, and much more.
You can even edit the settings on tablets & mobile so your site looks good on every device.
Works with the most popular page builders such as Elementor, Beaver Builder, Brizy, Visual Composer, Divi & SiteOrigin.
Course Curriculum
This course is split up into 12 separate sections with a total of 39 videos covering all aspects of the site in depth and in great detail.
Introduction to the course
Domain, Hosting & OceanWP Core Extension Bundle
WordPress Dashboard Overview & General Cleanup
WooCommerce Settings & Adding Our Products
Building Our Homepage, Footer & Menu
Customizing Our Shop
Adding New Pages & Creating a Custom Contact Page With A Contact Form
Making Our Site Responsive
Adding A Site Tag Line, Title & Favicon Image
WooCommerce Settings
Domain Name Activation, SSL Certificate & Url Change Settings
Adding Privacy Policy, Terms & Condition & Setting Up Tiddio Chat