How-to

Landing pages and offers

A landing page sells one product (or a bundle) through offer tiers, and includes a checkout form that captures the customer's details and payment method. Each page lives at /lp/yourhandle on your store.

বাংলায়: Landing page হল একটি পৃষ্ঠা যেখানে একটি পণ্য বিভিন্ন offer tier-এ বিক্রয় করা হয় এবং সরাসরি checkout form থাকে। Tier-এর মাধ্যমে আপনি একই পণ্য একাধিক দামে (যেমন 1টি, 2টি, 3টি কেনার জন্য আলাদা দাম) বিক্রয় করতে পারেন। প্রতিটি page এর নিজস্ব URL থাকে।

Where to find it: Sidebar › Online store › Landing pages Who can do it: Owner or manager (the storefront_manage permission)

Create a landing page

Go to Online store › Landing pages and select New page.

A full-screen template gallery opens. Choose one of 8 templates:

Classic COD — one product, one strong offer, the form right below.
Combo ladder — quantity breaks (buy 2, buy 3, etc.) with savings spelled out.
Flash sale — real countdown timer, real stock counter, compare-at prices on each tier.
Beauty glow — before/after photos, a how-to video, trust section above the offer.
Gadget dark — dark theme, specs, comparison table, gallery and video.
Fashion drop — editorial lookbook first, size-aware form below.
Wellness trust — guarantee, ordering steps and delivery promises above the offer.
One screen — showcase, two tiers, form. Nothing below the fold.

Pick a template. The stage on the right shows a preview. You can toggle Desktop and Mobile to see how it looks on phones.

On the right side, enter:

Page name (required) — placeholder "Winter jacket offer". This becomes the heading and the URL slug. As you type, the URL preview below shows /lp/winter-jacket-offer (auto-slugified). You can edit the slug yourself.
Product (required) — select which product this page sells. A Search products field lets you find it by name or SKU. If you don't have a product yet, pick Use placeholder content and the page fills with demo content. When you are ready, you can change the product later in the builder.

The page name auto-follows the product name or template name until you edit the name field yourself. Once you edit it, the name stays as you typed it.

Select Create page (sparkle icon, disabled while saving or if the page name is empty). The system creates the page and opens the builder. The page starts as a Draft — shoppers cannot see it yet.

Before you can create a page: Your storefront theme must be published. If it is not, you see the message "Publish your storefront theme once before creating pages — the template previews read their colours and fonts from the compiled theme." Publish your theme in Themes first.

Edit a landing page

The landing page builder has these parts:

Header — shows the page name and /lp/ slug. A back link takes you back to the Landing pages list. Status badge shows Draft, Published or Unsaved. Device buttons Desktop, Tablet, Mobile change the preview size.

Left side panel — Tabs:

Sections — the page structure. Drag to reorder. Expand sections to see blocks inside. Each section has a menu (⋯) with options: duplicate, show/hide, reset settings, remove (some sections like Order form cannot be removed).
Offers — the tier ladder (see "Build an offer ladder" below).
Order form — the checkout form (see "The landing page order form" below).
Page — page title, URL slug, SEO fields, store chrome settings, page theme overrides.

Center stage — live preview of the page. Zoom in/out with the control. Shows the device you picked. Hover over sections to highlight them. Click a section or block to select it.

Right side panel — Inspector. When you select a section or block, the inspector shows its settings:

Style card — background colour, text colour, background image, image overlay, corner radius, shadow, padding, text alignment, full width, entrance animation, hide on mobile/desktop.
Advanced card — anchor ID (for linking to this section), custom CSS.

Settings update live in the preview. Click a colour picker to change colours. Clear any field to remove it and inherit from the theme.

Save and Publish:

The page saves manually — no autosave. A Save button appears when you make changes. Select Save to save your draft. Unsaved changes are lost if you close the page without saving.

Press Ctrl/Cmd+S to save.

To publish the page, select Publish. The system checks that the page can go live (≥1 offer, 1 order form, all sections valid). If there are errors, a dialog lists them. Fix them and try again.

When publishing succeeds, the toast says Page published — "Live at {url}". The page is now live and shoppers can see it at /lp/yourhandle.

Before closing: If you have unsaved changes, a dialog warns "You have unsaved changes — Leaving now discards everything since your last save." Select Save and leave, Leave without saving, or Keep editing.

Build an offer ladder

An offer ladder (also called a "tier ladder") is the list of options a customer picks from. Each tier (like "Buy 1", "Buy 2", "Buy 3") has a price and may include free delivery.

Open the Offers tab on the left. If the page is new, it shows No offers yet. A landing page needs at least one tier before it can be published.

Select Add offer. A tier row appears with fields:

Label (e.g., "1টি নিন", "Buy 2"). Placeholder 1টি নিন (text in English or Bengali).
Badge (optional) — a ribbon label on the tier card (e.g., "সবচেয়ে জনপ্রিয়"). Placeholder সবচেয়ে জনপ্রিয়.
Description (optional) — a subtitle under the badge (e.g., "ফ্রি ডেলিভারি সহ").
Products in this tier — the items in the order. A field lets you Pick a product. Then pick a Variant (if the product has options) or Any — shopper chooses. Enter a Qty (quantity ≥ 1). You can add more products to the same tier — select Add product. To remove a product, select Remove.
Pricing — how the customer's charge is calculated. Pick a Pricing mode:
- Sum of items — the total of all items at their catalogue prices.
- Fixed price — a fixed amount you set (e.g., ৳1,500). The shopper pays this no matter which variant they pick.
- Discount % — a percentage off the sum (e.g., 10%).
- Discount ৳ — a fixed amount off the sum (e.g., ৳200).
Free delivery (switch) — turn on to waive the delivery fee for this tier (waives the fee set in Settings).
Default tier — one tier must be pre-selected for the customer. Only one tier can have this switch on.

Tiers show a Duplicate button (for the tier, not copy the pre-selected status). Remove a tier with Remove tier.

At the bottom, a Resolved price line shows the final price the customer pays (e.g., "৳1,250" or "unavailable" if a product is deleted). An error shows if a product has no price.

When there is one tier, a Add offer button at the bottom lets you add another tier. The new tier copies the first tier's product and pricing mode.

The landing page order form

The Order form tab lets you customize the checkout form.

Fields section

Built-in fields:

Name — customer name. Default label "আপনার নাম" (Your name). Always enabled, always required.
Phone — mobile number. Default "মোবাইল নাম্বার" (Mobile number). Always enabled, always required. Always on and can't be turned off. Shows "Always on" as a note.
Address — full address. Default "সম্পূর্ণ ঠিকানা" (Full address). Enabled by default, required.
City — the zone (Dhaka or Outside Dhaka). Default "এলাকা" (Area). Enabled by default, required.
Email — email address. Default "ইমেইল". Disabled by default, optional.
Note — additional instructions. Default "বিশেষ নির্দেশনা" (Special instructions). Disabled by default, optional.

For each field, you can:

Change the label.
Add placeholder text.
Add help text.
Set width: Full width or Half width.
Toggle Required (only for enabled fields).

Add custom fields with Add custom field. Pick the field type:

Text — a single line.
Long text — a textarea.
Dropdown — pick from options.
Checkbox — true/false.
Number.

Enter options for dropdowns (one per line). Remove a custom field with Remove field.

Delivery zones

Inside Dhaka label — default "ঢাকার ভিতরে". This is shown to customers in Dhaka.
Outside Dhaka label — default "ঢাকার বাইরে". This is shown to customers outside Dhaka.

Payment methods

Cash on delivery (switch) — on by default.
bKash (switch) — on by default.

At least one method must be turned on.

Submit button

Label — default "অর্ডার কনফার্ম করুন" (Confirm order). The text on the button.
Size: Medium, Large (default), or Extra large.
Button colour and Text colour — colour pickers to style the button.
Full width (switch, on by default) — the button spans the form width.
Show total on the button (switch, on by default) — displays the order total on the button (e.g., "Confirm order · ৳1,250").

Form behaviour

Trust note — a line above the form (e.g., "ডেলিভারির সময় পেমেন্ট করুন" — "Pay on delivery"). Placeholder shows default text.
Order summary — (switch, on by default) shows the order total and items beside the form.
Quantity stepper — (switch) allows the customer to adjust the quantity of the selected tier.
Consent text — (optional) a required checkbox the customer must tick (e.g., "I agree to the terms"). If filled, this text is required.

After the order

What happens when the customer submits the order. Pick one:

Confirmation page — redirects to a thank-you page on your store (/store/{slug}/confirmation?orderId=...).
Inline message — shows a success message on the same page (e.g., "আপনার অর্ডার গ্রহণ করা হয়েছে।" — "Your order has been accepted.").
Redirect to a URL — sends the customer to your own page (e.g., https://yoursite.com/thank-you).

Before publishing

The landing page must have:

≥1 offer tier.
1 order form section.
All sections must exist in the Omnikyo catalogue (not custom or broken).
All settings must be valid (no missing required fields, no products without prices).

If something is wrong, select Publish and a dialog shows the errors. Fix them in the builder and try again.

Publishing

Select Publish (at the top right). The system saves the page and publishes it. The toast says Page published — "Live at {url}". The page is now live.

The page URL is /lp/{handle} on your store (e.g., https://yourstore.omnikyo.com/lp/winter-jacket-offer). Copy the link with the Copy link button in the preview header (the link icon). A toast confirms Copied — "Page link copied to clipboard."

Share this link anywhere: WhatsApp, Facebook, email, ads. When customers click it, they land on your offer and can buy right there.

Unpublish and delete

Back on the Landing pages list, a published page has a Live badge. You can:

Unpublish — removes it from the store (the URL stops working). The page becomes a Draft and stays in your list.
Delete — removes the page entirely, including its history. A dialog asks "Delete this landing page? "{title}" and its offers will be removed, and /lp/{handle} will stop working. This cannot be undone." Select Delete page to confirm. Cannot be undone.

Move landing pages to the designer

The Designer (v3 theme editor) has its own page system. You can migrate a legacy landing page (built with the old builder) into the Designer and keep editing it there.

Open the Landing pages list. Legacy pages (the old builder) show in the first table. Designer pages (built in the Designer) show in the second table "Built in the designer".

For a legacy page, open its row menu. The menu button shows ⋯. Select Migrate to designer. A dialog shows:

Prepare migration preview… (loading).

Once ready, it lists any issues that came up:

Errors (red) — things that can't migrate. Fix these before migrating.
Warnings (yellow) — things that might not look exactly the same. You can migrate anyway.
Info (grey) — notes about what changed.

A clean page shows No issues detected — the page translates cleanly.

At the bottom, a note says: "The page goes live on the new design only when you publish the theme from the designer — publishing the theme publishes the whole theme. Until then shoppers keep seeing the current page."

Select Migrate to designer, Migrate anyway (if errors exist), or Cancel. When it succeeds, the toast says Migrated to the designer — "Edit the page in the designer, then publish the theme to go live." with a button Open in designer.

The page is now a draft page inside the theme. It doesn't go live until you publish the theme from the Designer.

All pages at once: At the top of the Landing pages list, a Migrate all button migrates every legacy page in one go (if any exist). It shows issues, counts, and confirms.

Other ways people ask this

landing page কীভাবে তৈরি করব
offer tier add করব কীভাবে
/lp/ page কী
order form কাস্টমাইজ করব
tier pricing set করব
offer ladder বানাব কীভাবে
landing page publish করব
landing page unpublish করব
বান্ডেল অফার কীভাবে বিক্রয় করব
landing page delete করব
checkout form কাস্টমাইজ
free delivery offer tier-এ
landing page url change করব কিনা
legacy page migrate to designer

Content pages — for static pages like About or Refund Policy
Your online store — guide to the whole Online store section
Create an order manually — for understanding order fields

Related guides

Checked against the product on 2026-10-02.