Skip to main content

Landing Pages

A landing page is a standalone marketing page for a single product, with its own public link (/lp/<slug>) and a built-in order form — ideal for sending ad traffic to instead of a regular storefront product page. You can create multiple landing pages for the same product, design each one manually with ready-made components or generate it with AI, and track each page's performance from its own analytics dashboard.

The landing pages list​

From the dashboard, open the Landing Pages section to see every page you've created. Each row in the list shows:

  • The page title and the product it's linked to, plus its URL (/lp/<slug>).
  • Its status: Live (green ●) or Draft (gray ○).
  • The number of images used and the form position.
  • A thumbnail strip of the page's images (if any are set).

Each page has quick actions:

  • Share — shown only for published pages. Opens a modal to copy the public link, download a printable QR code, and create per-channel UTM links (e.g. for an ad campaign) so you can tell traffic sources apart in analytics.
  • Preview (external-link icon) — opens the live published page in a new tab; shown only for published pages.
  • Analytics — opens that specific page's analytics dashboard.
  • Edit — opens the visual builder (lp-builder).
  • Publish / Unpublish (eye icon) — toggles the page between live and draft.
  • Delete — asks for confirmation before permanently removing the page.

If you haven't created any pages yet, you'll see a prompt pointing you to the "Create Landing Page" button.

Creating a landing page​

Click "Create Landing Page" at the top of the list to reveal two creation paths:

  • Design manually — pick a product and go straight to a blank canvas in the custom builder to build it component by component.
  • Generate with AI — opens the dedicated AI builder, where you describe the offer and the design is generated for you (see "Generating with AI" below).

The manual path​

  1. Click the "Design manually" card to open the product picker.
  2. Pick a product from the list (products that already have landing pages show how many next to them).
  3. If you don't have a suitable product yet, click "Create product" to make one first.
  4. Once you pick a product, a blank page is created automatically and opens directly in the visual builder so you can start designing.

Editing in the visual builder​

The visual builder (lp-builder) shows a phone-frame preview in the center, a component sidebar on one side, and the selected component's settings panel on the other. The builder requires a desktop screen — on mobile you'll see a prompt to open it on a wider screen, since the layout depends on side panels and a fixed preview.

Available components​

From the sidebar, add any of these to the page:

  • Image
  • Text Section
  • Order Form
  • Sticky Order Button (renders fixed at the bottom of the published page)
  • Thank You Popup (shown only after a successful order)
  • Countdown Timer
  • Reviews
  • Trust Badges (pick 1 to 6 ready-made badges: Cash on Delivery, Free Returns, 48h Delivery, 1-Month Warranty, Secure Payment, Customer Support)
  • FAQ
  • Spacer / Divider
  • Bullet list (icon + text items, e.g. "Free shipping" or "Secure checkout")
  • Video (upload a file or paste a URL, with a poster image and a choice of 16:9 horizontal or 9:16 vertical)

Drag components to reorder them in the preview, and click any component to open its settings in the side panel (colors, alignment, borders, and so on). Hovering a component reveals duplicate, show/hide, and delete actions. The Sticky Order Button and Thank You Popup are singleton components — you can only have one instance of each on a page.

Draft and publish​

Every edit autosaves as a draft shortly after you stop typing (a "Saving…" then "Saved" indicator shows at the top). The draft is kept separate from what visitors actually see on the live page:

  • Click "Publish" to push every draft change live.
  • Click "Discard changes" to revert all unpublished draft edits back to the last published version — this cannot be undone.
  • If you try to leave the page with unsaved changes, a confirmation prompt appears.

Version history: the last 10 published versions are kept. Click "History" to browse them and restore an earlier one — restoring copies that version into your draft only; you still need to click "Publish" afterward to make it live.

A/B testing​

You can create a B variant of the same page to test against the original (A):

  • Click "Add B variant" to create a copy of A that you can edit by hand from there, or use AI generation (see the next section) to create one automatically.
  • Once created, switch between the "Variant A" and "Variant B" tabs at the top of the editor and edit each independently — each variant has its own draft and its own save button.
  • When you decide which variant to keep, click "Promote winner" to make it the official A variant.

Each variant's performance (views, form starts, submits, conversion rates) shows up on the page's analytics dashboard.

Advanced (SEO) and tracking pixels​

In the editor's "Advanced (SEO)" section:

  • URL slug — leave blank to use the auto-derived slug, or set a custom one (lowercase letters, digits, and hyphens only, e.g. summer-sale).
  • Meta description — text shown in search results and link-share previews, up to 300 characters.

In the "Advanced — Tracking pixels" section, you can override the Facebook, TikTok, and Snapchat tracking pixel for this specific page instead of using the store-wide one — leave a field blank to inherit the store's setting for that platform.

Generating with AI​

There are two levels of AI use in landing pages:

Building a whole page from scratch (the dedicated AI builder)​

From the landing pages list, choose the "Generate with AI" path to open the dedicated builder:

  1. Pick the product — it needs at least one image; products without one show up disabled in the list with a "Product image required" note.
  2. Write the offer and visual brief: the promise, audience, price angle, trust proof, and any exact wording you want to appear in the images (up to 900 characters).
  3. Choose the on-image text language (Arabic, French, or English), the page length (Small: 2 images, Medium: 4 images, Large: 6 images), a style family, and a framework (AIDA, PAS, StoryBrand, Proof Stack, Objection Crusher, or BAB).
  4. Choose the checkout form position (top, middle, or bottom), and optionally add price, delivery, and guarantee text.
  5. The generation cost (in credits) shows next to the settings before you generate.
  6. Click "Generate Landing Page" and wait — typically 15-30 seconds.

Once generated, the page opens directly in the visual builder for review and editing. If the automatic post-generation review step fails (e.g. a transient network issue), the generated page still exists and has already been charged — a recovery card lets you complete the review manually and open the editor.

AI actions inside the editor​

The entire "Improve with AI" side panel in the editor is currently labeled Beta — pick an optimization goal (more form starts, more submits, more confirmed orders, or better scroll depth), optionally write guidance, then choose an action:

  • Improve current variant — keeps existing images and adds copy, proof, FAQ, trust, or CTA blocks straight into the open draft.
  • Add AI image — creates one new image after the component selected in the preview; quality is beta and may need manual review.
  • Create B test (or Replace B draft if one exists) — creates a separate, review-only B draft with fresh images and copy; your current page (A) stays unchanged.

Each action shows its credit cost before you run it, and it's charged on every successful run. You can also edit an existing image with AI from that image component's own settings ("Edit image with AI") to change part of it while keeping the same layout and size — this is beta, so review quality before publishing.

If you run out of credits or your current plan doesn't cover this feature, a message explains why and links straight to the billing page (Billing and Plans) instead of a generic error.

Per-page analytics​

Click the "Analytics" action next to any page to open its own dashboard, with a date range picker (last 7, 30, or 90 days). It shows:

  • Top-line KPIs: total views, unique visitors, confirmed orders, and overall conversion rate.
  • Conversion funnel: visitor counts at each stage (view, form started, form submitted, confirmed order) with the conversion rate from the previous stage, plus a chart.
  • A/B experiment results: if the page has a B variant, this shows the experiment status (e.g. "B is trending" or "Not enough traffic"), the primary metric used to compare them, the winner if one has emerged, and side-by-side metrics for each variant.
  • Views over time: a daily chart of total and unique views.
  • Scroll depth: median and percentile (25/50/75/95) scroll-stop rates — shown only once enough data is available.
  • Top traffic sources: a table of source, medium, and views per channel (especially useful when you've used UTM links from the share modal).
  • Suggestions: automated notes based on the page's component makeup and performance, aimed at improving conversion.

Important notes​

  • Every landing page is tied to a single product — an order placed from the page is created for that product.
  • Toggling publish status (the eye icon in the list) immediately turns the page on or off for visitors, but it does not touch your draft in the editor.
  • Sharing and the external preview link are only available for pages that are actually published.
  • Deletion is permanent once confirmed — there's no way to recover a deleted page.