How to Build an E-Commerce Website Step-by-Step (No Coding Needed!)

1. Introduction

In this video, I'm going to show you how you can build an e-commerce website step by step where you can add your products and anyone on the internet can check out and purchase them. No coding, no tech headaches—just simple instructions. I'm Bran from Website Learners and let’s get started.

---

PART 1: Launch Your Website

1.1 Choose a Domain Name

• Click the link below the video
• Enter the name you want
• Check availability
• Example used: isow.com

1.2 Get Domain & Hosting

• Domain = website name
• Hosting = place where your site files are stored
• Recommended: WebspaceKit or Hostinger
• Select Hostinger → Choose Premium Plan → Select Duration
• Apply coupon code WL10 for 10% discount
• Complete payment

1.3 Set Up Your Website

• Click Get Started
• Choose Create a New Website
• Select WordPress
• Set login password
• Choose free domain
• Register domain and set country
• Install WordPress
• Your website is now live

---

PART 2: Build Your Website

2.1 Install Astra Theme

• Download Astra theme using the link
• Go to WordPress Dashboard → Appearance → Themes
• Upload and activate Astra

2.2 Import an E-Commerce Template

• Go to Template Library
• Select E-commerce category
• Choose Clothing Store template
• Change logo, fonts, colors
• Select additional features
• Click Build My Website
• Full e-commerce design gets imported

---

PART 3: Set Up Your Store

3.1 Delete Sample Products

• Go to Dashboard → Products → All Products
• Select all → Move to Trash

3.2 Add Your Products

• Click Add New Product
• Enter: product name, price, description
• Add feature image
• Add gallery images
• Choose or create a category
• Click Publish

3.3 Change Currency

• Go to WooCommerce → Settings
• Select your currency (example: INR)
• Save changes

---

PART 4: Add a Payment Method

4.1 Create Your Cashfree Account

• Click link → Open Cashfree
• Sign in with Google
• Enter mobile number → OTP
• Select Collect Payments
• Enter business details
• Enter website URL
• Complete KYC (PAN, Aadhaar, address)
• Add bank details

4.2 Connect Cashfree to Your Website

• Go to WordPress Dashboard → Plugins → Add New
• Search and install Cashfree plugin
• Go to WooCommerce → Payments → Cashfree → Manage
• Generate API Keys from Cashfree dashboard
• Copy + paste Key ID & Secret
• Save changes

4.3 Test Payment at Checkout

• Open checkout page
• Payment option appears
• Enter details → Pay Now
• Payment success page appears
• You receive email confirmation
• Customer gets order email

---

PART 5: Customize Your E-Commerce Website

5.1 Edit With Elementor

• Click Edit with Elementor
• Select text → Type your own content
• Change images via Style → Choose Image
• Replace logos, banners, sections

5.2 Save Your Changes

• Click Publish
• Refresh the website to see updates

---

Conclusion

You have now created a complete e-commerce website in just a few minutes—without coding. Start building your online store today using the link to choose your domain. You can also follow Website Learners on WhatsApp for more tutorials.