How to build a full e-commerce store on EasyWebie

The store system is available on Starter and Pro plans only.

Free and Basic plans cannot create a store or accept payments.

Starter ($9/month) — full store access, unlimited products, Razorpay and Stripe payment gateways, all product section types, order management, store branding and color customisation.

Pro ($19/month) — everything in Starter plus higher AI credits, more sites, more Sonnet edits, and multiple custom domains.

To upgrade: Dashboard → Account & Plan → Upgrade plan.

Every template on EasyWebie can be turned into a store — you add e-commerce sections to any page in the builder.

The Vibe template is the purpose-built e-commerce template, automatically recommended for retail, fashion, clothing, boutique, accessories, jewelry, and shop business types. It includes:

Other templates — any light or dark theme works. Add a product grid section (vibeShop or productGrid) to any existing template page and it becomes a store page instantly.

Custom templates are also supported — bookmark any section you design to reuse it across sites.

Add these from the Sections panel in the builder:

vibeShop — dark-themed full product grid with image hover zoom, category filters, strikethrough compare price, and "View Product" links. Loads your live products automatically.

vibeProductHero — full-screen hero featuring your single featured (highlighted) product. Shows the product image, name, price, and a direct "Shop Now" link.

productGrid — light-background product grid. Simpler alternative to vibeShop, good for minimal or light-themed websites.

vibeNav — navigation bar with built-in cart icon showing a live badge count as customers add items.

All store sections load product data live from your store on every page visit — you do not need to republish when you add or change products.

*More sections (product comparison, testimonials with product links, "Recently viewed") are planned for future releases.*

From the builder: click 🛍️ Store in the top bar (visible on Starter and Pro plans only).

The Store management page has four tabs:

Go to Store → 💳 Payment Gateway tab. You must set up at least one gateway before customers can pay.

Razorpay *(recommended for India)*

Supports UPI, all Indian bank cards, net banking, digital wallets (Paytm, PhonePe, etc.).

Stripe *(recommended for international customers)*

Supports credit/debit cards worldwide, Apple Pay, Google Pay.

Gateway settings:

⚠️ Razorpay + non-INR currency: You must enable "International Payments" in your Razorpay dashboard settings, otherwise payments will fail. For USD, EUR, GBP, and other international currencies, Stripe is the safer choice.

⚠️ Key security: Secret keys are encrypted with AES-256-GCM before storage. They are never exposed to customers or in your website's code — not even to the EasyWebie team.

Go to Store → 🛍️ Products → + Add Product.

Product name *(required)* — shown on product cards and the product detail page.

Price *(required)* — the selling price as a plain number (e.g. 999 for ₹999). Currency is set in your Gateway settings.

Compare price *(optional)* — the original crossed-out price. If higher than selling price, a "Save X%" badge is displayed automatically.

Category *(optional)* — groups related products. vibeShop shows category filter tabs when categories are used.

Description *(optional)* — shown on the product detail page. 2–4 sentences about what the product is, who it is for, and what makes it special.

Product images — upload one or more photos (JPG, PNG, WebP, up to 10 MB each). First image is the main thumbnail; customers can browse all images on the detail page.

In Stock toggle — gray = out of stock. Out-of-stock products remain visible but the Buy buttons are disabled.

Featured toggle — featured products appear first in the grid and populate vibeProductHero.

External payment link *(optional)* — paste any third-party checkout URL (Razorpay Payment Page, PayPal, Stripe Payment Link, etc.). The "Buy Now" button goes directly to this URL, bypassing EasyWebie's built-in checkout entirely. Useful if you already have payment accounts set up elsewhere.

Product variants — click + Add Variant to create option groups (Size, Color, Material, etc.). Enter the group name, then type each option and press Enter. Customers must select all variants before they can add to cart or buy. The selected variant is stored on every order.

Click Save Product when done. Products appear on your live store immediately — no republishing required.

Go to Store → ⚙️ Settings tab to customise how your store looks to customers.

Product page layout — controls the layout of individual product detail pages (/p/{site}/{product}):

The layout applies to all product pages on this website. Changes take effect immediately — no republishing needed.

Store color theme — sets the background and accent colors used across all your store pages: product detail pages, cart page, checkout pages, and order confirmation pages.

A live preview shows how the colors look together. Click Save Settings to apply.

Store name and logo — your store name and logo on checkout pages and order confirmation pages come from your website's general settings (the website name and logo set in the builder). To update them: open the builder → Media → set your logo image. Your website name is set at onboarding and in the website settings.

The store name and logo are shown prominently at the top of every checkout page — instead of a generic "EasyWebie" header — so customers always know whose store they are paying.

Now add the store sections to your website pages in the builder:

Recommended setup for a store website:

Home page:

Separate "Shop" page *(optional)*:

Use AI to generate text content for non-store sections (hero text, about us, etc.) as normal. The store sections pull product data live and are not AI-edited.

After adding sections and editing text, click Publish to make your store live.

Go to Store → 📄 Legal tab. Four legal pages are pre-written for you:

Review each page and customise anything that does not match your business — especially refund timelines, delivery information, and contact details. The defaults are generic and usable as-is for most small businesses, but specific details make them much more trustworthy.

After customising, use the Copy link button on each tab to get the live URL for that page (e.g. yoursite.easywebie.com/privacy-policy). These URLs can be shared, added to your Razorpay/Stripe merchant settings, or pasted into your footer links.

Why legal pages matter for payments: Razorpay and Stripe may require merchants to have published Terms & Conditions and a Refund Policy before activating live payment mode. Set these up before going live.

Here is exactly what a customer experiences on your published store:

1. Browse products

Customer visits your website and sees the product grid. Products load live from your store automatically.

2. View product detail

Customer clicks a product card → taken to /p/{site}/{product}. They see: product name, price, compare price with discount badge, in-stock status, description, full image gallery, and variant selectors.

3. Select variants (if any)

Customer must select one option from each variant group. The buy buttons stay inactive until all variants are chosen — a warning message guides them if they forget.

4. Add to Cart or Buy Now

5. Cart page (/cart/{site})

Customer sees all cart items with quantities (+/−), item subtotals, and a cart total. They can remove items individually. A Checkout → button takes them through a full multi-item checkout — all cart items are paid for together in a single transaction.

6. Checkout

The checkout page collects:

Payment via:

7. Order confirmation

Customer sees a confirmation screen showing their name and a message that a receipt has been sent to their email. EasyWebie sends an automated email receipt to the customer and a "New Order" notification to you (the seller).

Note on cart storage: The cart is stored in the browser (localStorage). It is specific to that device and browser. If a customer switches device, clears browser data, or uses private/incognito mode, the cart will be empty on that session. There is no cross-device cart sync.

Go to Dashboard → your website card → Orders (or from the Store manager → 📦 View Orders).

Each order shows:

Updating status: Click any order to open the detail panel → use the Status dropdown → add a fulfillment note (e.g. a tracking number) → click Save.

Automatic emails: EasyWebie sends an order receipt to the customer and a "New Order" notification to your account email — automatically when each order is paid.

Orders update in real time — new orders appear immediately without refreshing the page.

Before your store can accept payments, you need all of these:

☑ Starter or Pro plan — store is blocked on Free and Basic plans

☑ At least one product — with a price greater than 0

☑ Payment gateway configured — at least one of Razorpay or Stripe with valid API keys and a currency selected. The gateway must be enabled (the toggle must be on).

☑ A store section on a published page — vibeShop, productGrid, or vibeProductHero on a page that has been published

☑ Email verified — your EasyWebie account email must be verified before you can publish

Optional but strongly recommended:

EasyWebie's store system is actively being built. Know these limitations before setting up your store:

No coupon or discount codes — there is no promo code input at checkout. You can show a discount manually by setting a compare price on a product.

No automatic inventory count — the In Stock toggle is fully manual. There is no "automatically mark out of stock when N units sell" system. You need to update stock manually.

No shipping rate calculator — there is no built-in shipping module. Handle shipping costs by including them in the product price, or describe your shipping policy in the Delivery Information field and product descriptions.

Tax is store-wide only — you can set a single tax percentage (e.g. 18% GST) in Gateway Settings → Tax Rate. This applies to all products equally. There is no per-product tax rate or tax-exempt product option.

No automatic refund tracking — when you process a refund via the Orders dashboard (↩ Refund button), EasyWebie calls the Razorpay or Stripe refund API automatically. The amount is refunded to the customer's payment method. However, EasyWebie does not send a refund notification email to the customer — you should contact them separately to confirm the refund.

Cart is browser-only — the shopping cart is stored in the browser (localStorage). Customers who switch devices, use incognito mode, or clear browser data will have an empty cart.

No product search — customers cannot search for products by name within your store. They browse the grid or filter by category.

No customer accounts — customers do not create accounts on your store. Each order is standalone — there is no order history page for returning customers.

No digital product delivery — EasyWebie has no mechanism to deliver a digital file after purchase. For digital products (PDFs, software, courses), use an external delivery service and provide access details in the order confirmation email.

Delivery address is India-centric — the checkout address form collects Street, City, State, Pincode / ZIP, and Country (optional). The address layout is designed primarily for Indian addresses. International stores may want to mention expected address format in the Delivery Information field.

One product catalogue per website — you cannot have two separate stores on the same website with different product sets.

Features in active development:

🚀 Coupon and discount codes — create promo codes with percentage or fixed discounts

🚀 Inventory quantity tracking — set a stock count; auto-marks out of stock when units reach zero

🚀 More product page templates — additional layouts beyond Standard, Minimal, and Gallery

🚀 More e-commerce sections — product comparison table, testimonials with product images, recently-viewed section

🚀 International checkout improvements — Country field in the address form, international-ready address format

🚀 Customer account portal — order history page for returning customers

Check this guide again or follow the EasyWebie roadmap for updates as features ship.