EasyWebie
Guide
GuideForms & E-commerceSetting up your store — products and payment gateway
Forms & E-commerce

Setting up your store — products and payment gateway

How to add products to your store, configure Razorpay or Stripe to accept payments, manage stock, and display your products on your website.

1

Which plans include the store?

The store is available on Starter and Pro plans only. If you are on Free or Basic and click the Store button, you will see an upgrade prompt.

Upgrade to Starter ($9/month) to unlock the store, accept unlimited products, and receive orders through Razorpay, Stripe, or direct payment links.

2

Opening your store manager

There are two ways to open the store manager for a website:

From the builder: Click the 🛍️ Store button in the top bar of the builder. This button only appears on Starter and Pro plans.

From the dashboard: Click on any button on your website card — the store is linked from the builder top bar once inside the builder.

The store manager has two tabs: Products and Payment Gateway.

3

Adding a product

In the Products tab, click + Add Product in the top-right.

Fill in the product form:

Product name (required) — the name shown on the product card on your website

Price (required) — the selling price in your chosen currency

Compare price (optional) — the "before" price shown as a strikethrough. Example: price ₹999, compare price ₹1499 — shows as "₹999 ~~₹1499~~"

Category — freeform text for grouping (e.g. "Breads", "Services", "Premium")

Description — 1–3 sentences shown on the product card

Images — upload one or more photos (up to 10 MB each). The first image is the thumbnail. You can add multiple images.

Payment / Buy link (optional) — see "Direct payment link" section below

In Stock toggle — green = available, gray = out of stock. Out-of-stock products are greyed out on your website

Featured toggle — featured products are shown with a highlighted badge and appear first in the product grid

4

Direct payment link per product

The Payment / Buy link field is the simplest way to accept payment — no gateway setup required.

Paste any external checkout URL into this field:

Stripe Payment Link — create a payment link on stripe.com for this product and paste it here
Razorpay payment page — a Razorpay hosted page URL for this product
UPI link — upi://... or a UPI deep link
PayPal — a PayPal.me or Buy Now button URL
Any checkout URL — your own cart page, Instamojo link, Gumroad, etc.

When a visitor clicks "Buy Now" on your product grid, they are sent directly to that URL. No further configuration needed.

This option works on any plan and requires zero technical setup — ideal if you already have payment links or want to use your existing payment account.

5

Configuring the integrated gateway (Razorpay or Stripe)

The Payment Gateway tab enables a native integrated checkout powered by your own Razorpay or Stripe account.

Razorpay — best for Indian businesses. Supports UPI, cards, net banking, wallets, EMI. Indian customers pay in INR without leaving your site.

Stripe — best for international businesses or if your customers are outside India. Supports all major cards, Apple Pay, Google Pay, bank transfers.

You can configure both — then choose which one is "primary" (used at checkout) via the toggle at the top of the gateway settings.

Key storage: Your API secret keys are encrypted with AES-256-GCM before being stored — they are never visible to anyone after saving, including the EasyWebie team. Only the gateway itself can use them.

6

Getting your API keys

Razorpay:

1Log in to dashboard.razorpay.com
2Go to Settings → API Keys
3Click Generate Key (or use an existing key pair)
4You will see the Key ID (starts with rzp_test_ or rzp_live_) and Key Secret
5Copy both into the store gateway settings

Stripe:

1Log in to dashboard.stripe.com
2Go to Developers → API Keys
3Copy the Publishable key (starts with pk_test_ or pk_live_)
4Click Reveal secret key to see the secret (starts with sk_test_ or sk_live_)
5Copy both into the store gateway settings

Test mode vs Live mode: Keys starting with _test_ or _live_ indicate the mode. Use test keys while setting up — no real money moves. Switch to live keys when ready to accept real payments. The gateway status indicator in EasyWebie shows "Test mode" or "Live mode" based on which key prefix you entered.

7

Stripe webhook setup (required for reliable order confirmation)

EasyWebie marks an order as Paid the moment a customer reaches the success page after checkout. However, if a customer completes payment and then closes the browser before the success page loads — a common scenario on mobile — EasyWebie would not see the confirmation and the order would remain "Pending" even though money has moved.

To prevent this, EasyWebie has a server-to-server webhook endpoint that Stripe can call directly when payment succeeds. Setting this up is a one-time step per Stripe account.

How to register the webhook:

1In your Stripe dashboard, go to DevelopersWebhooks
2Click + Add endpoint
3In the Endpoint URL field, paste:

https://www.easywebie.com/api/webhook/stripe

4Under Events to listen to, search for and select checkout.session.completed — this is the only event EasyWebie needs
5Click Add endpoint

No webhook signing secret required: Some webhooks require you to copy a signing secret back into your app. EasyWebie does not use webhook signature verification — instead it re-verifies each payment directly with Stripe's API using your secret key, which is more secure for multi-seller setups. You do not need to copy any signing secret anywhere.

Test mode and Live mode are separate: The Stripe dashboard has separate webhook lists for Sandbox (test) and Live mode. You will need to add the endpoint once in test mode for testing, then add it again in live mode when you go live. Both use the same URL.

What this fixes: After registering the webhook, orders from customers who close the browser early are automatically marked Paid within a few seconds of Stripe confirming the payment — you receive the seller notification email, the customer receives their receipt, and the order appears correctly in your dashboard.

8

Currency settings

Set your default currency in the gateway settings. Supported currencies: INR (₹), USD ($), EUR (€), GBP (£), AED, SGD (S$), AUD (A$), CAD (C$), SAR, MYR (RM), JPY (¥), CHF.

This currency applies to all products in your store. Product prices are displayed and charged in this currency.

If you are using Razorpay, set currency to INR. If you are using Stripe for international customers, set the currency that matches your Stripe account's settlement currency.

9

Displaying products on your website

Adding products in the store manager does not automatically show them on your website — you also need a Products section on your website page.

To add one:

1Open the builder for this website
2Open the AI drawer (Build & Edit button)
3Type: *"Add a product grid section"* — AI adds a products section that loads from your store live

Or manually: click + Add Section → select Products type → choose a variant.

The product grid on your live site updates automatically when you add, edit, or remove products in the store manager — no republishing needed for product changes.

10

Managing products — quick actions

On the product list in the store manager:

Edit — hover over any product row and click the pencil icon to open the edit modal

Delete — hover and click the trash icon. A confirmation "Delete?" appears — click once more to confirm

Quick stock toggle — click the green "✓ In stock" or grey "✗ Out of stock" badge directly on the product row to flip the status instantly without opening the edit modal

The stats bar at the top of the Products tab shows: total products, in-stock count, and featured count at a glance.

11

Viewing orders

Customer orders from your store appear under Orders on your website card in the dashboard. You can also reach it via the 📦 View Orders link in the Payment Gateway tab.

Each order shows the customer name, items purchased, total amount, and payment status. Orders are recorded in real time as customers complete checkout.

💬

Still have questions?

Our support team usually replies within a few hours.

Open a support ticket →