Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Make a Grocery Website in WordPress| Full eCommerce Tutorial

Name: Make a Grocery Website in WordPress| Full eCommerce Tutorial
Rating: 4.7 (8 reviews)

Make a Grocery Store using WordPress, WooCommerce, Elementor with coding having all the features of eCommerce website

Created byMd Zaman

Last updated 5/2021

English

English [Auto],

What you'll learn

Make a Grocery Website
How to use WordPress
Where to purchase Domain name and Web Hosting
What is a WordPress Theme
What is a WordPress Plugin
Where to get free images for your grocery products and website
How to install a Premium WordPress Theme WoodMart
How to Create a Simple Product
How to Create a Variable Product
How to add Pages
How to add Posts
How to assign Homepage and Post Page
How to use Elementor page builder
How to design Homepage using Elementor
How to add Wishlist page
How to add Compare page
How to add Track Order Page
How to add contact form
How to add coupons for your eCommerce website
How to add your own logo
How to add widgets to design footer
What is a domain name and hosting
How to configure WooCommerce Settings
How to add categories and tags
How to add blog posts
How to add Menu
How to add contact us page
How to add headers and footers
How to cutomise headers
How to make your website mobile and tablet friendly

Course content

15 sections • 28 lectures • 3h 9m total length

Introduction3:48
Learn to build a grocery website in WordPress with drag-and-drop editing, premium themes, megamenus, and essential e-commerce features like cart, shipping, GST, and payment gateways.

Domain and Web Hosting0:50
A domain name nothing but the name of the website.
Hosting is the storing space where you will store your website.
You can go to the web hosting by following this link:
https://mdzaman.com/fcm

[Few of the links including this one is an affiliate link which means that I get a small commission if you make a purchase without you being charged extra. I use these kind of links to remember and directly open the website. However, if you don't want to use it you can open the website directly.]
Preferred Web Hosting and its features3:56
Explore hosting plans—cloud, cloud plus, and cloud extra—with SSD storage, daily backups, free CDN, and SSL certificates, plus easy WordPress installation.
Web Hosting Set up | WordPress Installation and WordPress Login6:59
To login to your WordPress Dashboard. You can enter the following link:
https://[your-websites-name]/wp-admin
You just have to add "/wp-admin" after your websites URL.

Getting Started with WordPress : An Overview6:36
Explore the WordPress dashboard to manage your site, including posts, pages, media, appearance and themes, plugins, users, and settings, with hands-on tips.
WordPress: Important Settings2:57
Please ensure that you make your website secure by adding the "S" after HTTP because it is important for e-commerce websites to have an SSL certificate nowadays.
You can refer to the link but you don't have to read the entire post.
https://www.mageplaza.com/blog/ssl-certificate-for-ecommerce-website.html
WordPress: Themes3:13
We have used a premium theme for this website because free theme often provide less customisation and features.
You can use this link to go to the Premium Theme page:
https://mdzaman.com/woodmart
WordPress: Plugins2:40
For gateway (feature to accept payments from the customers) we have used stripe but there are many other payment gateways that you can use. The process will be almost the same.
WordPress: Introduction to Installed Plugins2:24
Install and configure essential WordPress plugins for a grocery site, including contact form seven, elemental, MailChimp, Safe SVG, Slider Revolution, and an e-commerce plugin with Stripe.

Quick Setup of WooCommerce1:49
This lecture shows a quick WooCommerce setup in a WordPress store, guiding address entry, product type, plugin opt-outs, and moving to payments, taxes, and shipping settings.
Settings up the Store2:42
Explore how to configure store settings in WordPress, including payment, taxes, shipping, and coupons; set selling country restrictions, currency, inventory alerts, and save changes.
Setting up the Taxes2:07
Configure tax slabs in WordPress eCommerce: add GST rates (5%, 12%, 18%, 28%), assign them to your country, uncheck shipping, and save changes.
Setting up Shipping (Delivery fee)4:35
Define where to sell and set delivery charges by creating shipping zones, selecting Maharashtra, adding pin codes, and configuring flat-rate, free shipping with coupons or minimums, plus local pickup.
Setting up the Payment: Stripe2:45
I'd suggest you to keep your Live Secret Key somewhere else so that you don't have to issue a new one again.
Setting up Accounts Privacy to Advance1:40
Enable accounts and privacy settings to let customers log in at checkout, create an account during checkout, and create an account on the account page, then save changes.

Revolution Slider: Introduction and Importing templates10:10
Design a homepage slider in WordPress using Revolution Slider, import templates, customize images and text, and adjust layout for desktop, tablet, and mobile.
Elementor: Designing the Homepage23:59
Design a homepage with Elementor using drag-and-drop widgets and three-column layouts. Add information boxes, icons, and media, adjust margins, borders, and z-index, and check responsive mode.

Requirements

Basic Knowledge of Internet and Browsing
A budget of approx. $100 for Domain & Hosting and Premium WordPress Theme

Description

In this WordPress step-by-step course, we will learn how to make a Grocery website. I have designed this course keeping non-techies in mind. So, even if you are a complete beginner, I assure you that you will follow up effortlessly with my easy language.

You do not need to have any coding knowledge, and we will be designing our entire website using drag and drop.

After taking this course, you can easily make any type of eCommerce website (not just grocery).

I will guide you and familiarise you throughout the course with all the essential functions, settings, menu items, plugins and websites to become an independent web designer by the end of this course.

Here are a few things that have I have covered in this course:

1. What is a Domain Name & a Web Hosting

2. Where and How can you get a reliable web hosting

3. How to Connect Domain with the web hosting

4. How to Login to WordPress website

5. What is a WordPress theme, and how to install them

6. What is a WordPress Plugin, and how to install them

7. Setting up WooCommerce Store

8. Setting up Taxes

9. Setting up Shipping (Delivery fee)

10. Creating a page

11. Downloading copyright-free images from the internet

12. Editing and customising the images for your website to make it load faster

13. How to upload different types of products

14. Using Elementor to design your website

15. Customising your Website for Mobile & Tab View

16. Creating Coupon Code

and many more

Who this course is for:

Beginners who want to learn how to make eCommerce website in WordPress
People who want to learn how to make a grocery website
People who want to learn how to make a grocery store
People who want to learn ecommerce website

Make a Grocery Website in WordPress| Full eCommerce Tutorial

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 4min

Domain Name & Web Hosting3 lectures • 12min

WordPress5 lectures • 18min

WooCommerce6 lectures • 16min

Downloading and Processing Images for your Store1 lecture • 7min

Uploading Product in WooCommerce Store1 lecture • 16min

Creating Pages in WordPress1 lecture • 4min

Designing the Homepage2 lectures • 34min

Importing Pages1 lecture • 4min

Blogs | Track Order | Compare | Wishlist Pages2 lectures • 6min

Requirements

Description

Who this course is for: