Elementor Build Guide

1 · Recommended stack

WordPress + a lightweight theme (Hello Elementor or Astra) + Elementor Pro (for Theme Builder, Loop Grid & Forms) + WooCommerce (products, cart/enquiry) + an SEO plugin (Rank Math or Yoast) for meta & schema. Use the Theme Builder for a global Header and Footer template part, a Single Product template, and a Product Archive template.

2 · Design system → Elementor globals

Map the :root tokens in assets/style.css to Elementor's Site Settings.

Token	Value	Elementor global
`--primary`	#0C7C92 (teal-blue)	Global Color: Primary
`--accent`	#16A34A (green)	Global Color: Secondary/Accent
`--ink`	#0F2A3A	Global Color: Text
`--bg` / `--surface`	#F5F9FB / #FFFFFF	Section backgrounds
Headings font	Poppins (500–700)	Global Font: Primary
Body font	Inter (400–600)	Global Font: Secondary / Text
Buttons	Pill (radius 999px)	Button widget default

3 · Global parts & structure

Each page in the mockup carries inline  comments above its sections. The key reusable parts:

Header (Theme Builder): top utility bar (phone/email + trust badges) → main bar with logo "Beyond Pharmacy by Khera Enterprises", Nav Menu, and "Enquire Now" Button.
Footer (Theme Builder): 4-column Inner Section — brand + licences, Shop links, Company links, contact NAP. Plus a disclaimer bar.
Single Product template: 2-column (Product Images / Title + Short Desc + Add-to-Enquiry) then tabbed/stacked Description, Features, Specifications, Clinical Uses, FAQ, and a related-products Loop Grid.
Product Archive template: category hero + Loop Grid filtered by category.

4 · Page map & SEO meta titles

File	<title>	Role
`index.html`	Beyond Pharmacy – Genuine Medical & Surgical Supplies Online in India	Homepage / brand + categories + featured
`shop.html`	Shop All Medical Supplies – Wound, Ostomy, Catheters, Drapes \| Beyond Pharmacy	Product archive (all 12)
`about.html`	About Beyond Pharmacy – Licensed Medical Supplier in India \| Khera Enterprises	Company story + credentials
`contact.html`	Contact Beyond Pharmacy – Kharar, Punjab \| Phone, Email & Address	NAP + map + form
`wholesale.html`	Wholesale & Export – Bulk Medical Supplies from India \| Beyond Pharmacy B2B	B2B + bank/UPI (gated)
`category-wound-care.html`	Wound Care Dressings – Hydrocolloid & Transparent Film \| Beyond Pharmacy India	Category archive: Wound Care
`category-ostomy-care.html`	Ostomy Care Products – ConvaTec Pouches, Paste & Pediatric \| Beyond Pharmacy	Category archive: Ostomy Care
`category-catheters.html`	Foley Catheters – Bactiguard Infection Protection \| Beyond Pharmacy India	Category archive: Catheters
`category-surgical-drapes.html`	Surgical Incise Drapes – 3M Ioban 2 Antimicrobial \| Beyond Pharmacy India	Category archive: Surgical Drapes
`category-scar-care.html`	Scar Care – Cica-Care Silicone Gel Sheet \| Beyond Pharmacy India	Category archive: Scar Care

Every page also has a unique meta description, canonical, Open Graph + Twitter tags, and JSON-LD. Organization (Pharmacy) schema is on every page; BreadcrumbList on shop/category/product; Product + FAQPage on product pages; WebSite + SearchAction on the homepage; ItemList on shop/category.

5 · Product pages (12)

File	Product	Brand	Code	Category
`product-bactiguard-foley-catheter-14fr.html`	Bactiguard Foley Catheter 14Fr	Bactiguard	BIP Foley / CH14	Catheters
`product-bactiguard-foley-catheter-16fr.html`	Bactiguard Foley Catheter 16Fr	Bactiguard	BIP Foley / CH16	Catheters
`product-duoderm-extra-thin-10x10.html`	DuoDERM Extra Thin 10x10cm	ConvaTec	187955	Wound Care
`product-duoderm-cgf-10x10.html`	DuoDERM CGF 10x10cm	ConvaTec	187660	Wound Care
`product-stomahesive-paste-56g.html`	Stomahesive Paste 56.7g	ConvaTec	183910	Ostomy Care
`product-convatec-activelife-022771.html`	ConvaTec ActiveLife Drainable Pouch (022771)	ConvaTec	022771	Ostomy Care
`product-convatec-little-ones-pediatric.html`	ConvaTec Little Ones Pediatric Pouch	ConvaTec	401929	Ostomy Care
`product-3m-tegaderm-1610.html`	3M Tegaderm 1610	3M (Solventum)	1610	Wound Care
`product-3m-tegaderm-1635.html`	3M Tegaderm 1635	3M (Solventum)	1635	Wound Care
`product-3m-tegaderm-pad-8582-8591.html`	3M Tegaderm +Pad (8582 / 8591)	3M (Solventum)	8582, 8591	Wound Care
`product-3m-ioban-2-6650.html`	3M Ioban 2 Incise Drape 6650	3M (Solventum)	6650	Surgical Drapes
`product-cica-care-silicone-gel-sheet-12x15.html`	Cica-Care Silicone Gel Sheet 12x15cm	Smith & Nephew	66250706	Scar Care

6 · Image sources (replace before launch)

All product images are externally referenced for the mockup with the source noted. Before launch, replace them with licensed/owned product photography and host them in the WordPress Media Library with descriptive alt text and WebP compression.

Product	Image used	Source page
Bactiguard Foley Catheter 14Fr	image URL	https://www.bactiguard.com/medical-devices/urolo…
Bactiguard Foley Catheter 16Fr	image URL	https://www.bactiguard.com/medical-devices/urolo…
DuoDERM Extra Thin 10x10cm	image URL	https://www.exmed.net/convatec-duoderm-cgf-extra…
DuoDERM CGF 10x10cm	image URL	https://www.exmed.net/duoderm-cgf-square-hydroco…
Stomahesive Paste 56.7g	image URL	https://medicalmonks.com/product/convatec-stomah…
ConvaTec ActiveLife Drainable Pouch (022771)	image URL	https://www.vitalitymedical.com/convatec-activel…
ConvaTec Little Ones Pediatric Pouch	image URL	https://www.vitalitymedical.com/convatec-sur-fit…
3M Tegaderm 1610	image URL	https://www.3m.com/3M/en_LB/p/d/v000075720/…
3M Tegaderm 1635	image URL	https://www.3m.com/3M/en_US/p/dc/v000060830/…
3M Tegaderm +Pad (8582 / 8591)	image URL	https://www.solventum.com/en-us/home/f/b00035881…
3M Ioban 2 Incise Drape 6650	image URL	https://www.3mindia.in/3M/en_IN/p/d/v000058043/…
Cica-Care Silicone Gel Sheet 12x15cm	image URL	https://www.smith-nephew.com/en-au/pharmacy/prod…

7 · SEO & launch checklist

India + export keywords already woven into titles/descriptions (e.g. "online in India", "pan-India delivery", "export").
Set canonical domain (currently https://beyondpharmacy.in), generate an XML sitemap and submit to Google Search Console.
Recreate JSON-LD via Rank Math/Yoast schema blocks (Product, FAQ, Breadcrumb, Organization/LocalBusiness).
Add the Google Business Profile + embed the map on Contact; keep NAP identical site-wide.
Keep bank/UPI details on the Wholesale page only — never on public product pages.
Add image alt text, lazy-loading and WebP; connect the contact form to Elementor Forms + email.
Add medical disclaimer (already in footer) and a privacy/terms page before launch.