Landing Funnel - Ads Pages with One-Page Checkout for Botble Ecommerce

Landing Funnel – Ads Pages with One-Page Checkout for Botble Ecommerce

Landing Funnel is a theme-independent landing-page plugin built specifically for paid-ad campaigns on Facebook, TikTok, and Google Ads. It lets you spin up single-product, mobile-first landing pages with a built-in one-page checkout in minutes – no theme customization, no developer required.

Designed for Cash-on-Delivery markets (Bangladesh, Vietnam, MENA) where buyers expect a fast, distraction-free purchase flow, Landing Funnel ships its own complete page shell, CSS, JavaScript, and SVG icons. That means funnel pages render identically on Shofy, Martfury, Ecomi, FashionShop, or any other Botble Ecommerce theme – and stay stable even when the host theme is heavily customized.

The plugin reuses the standard Botble Ecommerce checkout pipeline, so every payment gateway you already have (COD, Stripe, PayPal, SePay, VNPay, Razorpay, Mollie, etc.) and every shipping method continues to work – but with the rest of your store’s chrome stripped away for laser-focused conversion.

We have a dedicated support center for all of your support needs. It includes our Documentation and Ticket system for any questions you have. We usually get back to you within 12-24 hours.

Note: Price will be increased after the first 10 sales, hurry up!!!

Highlighted Features (Last Updated: June 2026):

• Buy One Time & Get Free Updates Forever
• Free Installation – If you face any problem during installation – we will help you and it’s FREE
• Works on ANY Botble Ecommerce theme – Plugin owns 100% of the landing-page markup, CSS, JS, and icons. Zero dependency on theme assets. Identical look on Shofy, Martfury, Ecomi, FashionShop, default theme, or custom themes.
• 4 Conversion-Optimized Templates – Single-product hero, video hero with COD form, multi-variation grid checkout, and minimal headerless layout.
• 8 Visual Style Presets – Sky & Sunset (default), Indigo Bold, Emerald Fresh, Noir, Rose Pop, Mint Minimal, Sunset Warm, Cyber Neon. Admins pick visually via SVG card previews – same markup across all 8, instant theming via CSS variables.
• Admin-Customizable Branding – On top of any preset, override the primary color, sale color, heading font, and body font. Google Fonts auto-load with display=swap. Empty fields fall back to the style’s defaults.
• Built-in One-Page Checkout – Inline billing form on the funnel page; pre-fills the standard Botble checkout token. Buyer never leaves the page until the final confirmation.
• A/B Split Testing – Enable per funnel, define variants as JSON, and visitors are split evenly and bucketed by a 30-day cookie. The chosen variant is recorded on the visit and carried onto the converted order, feeding an A/B variant performance table (visits / conversions / CR% / revenue per variant).
• Lead Capture & Abandoned-Funnel Recovery – Contact details are saved the moment a visitor starts checkout, even if they never pay. A dedicated Leads screen (CSV-exportable) plus a signed funnel.lead webhook let your CRM / email tool follow up. Leads auto-flip to converted when the order is placed.
• Checkout Order Bump – Offer an optional one-tap add-on product (custom label, pitch, quantity) at checkout. The cart rebuilds server-side so the order total is always authoritative.
• Auto-Apply Coupon – Attach an existing Ecommerce coupon to a funnel; it applies automatically in both embedded and redirect checkout via the standard service. Invalid / expired codes are silently ignored, never blocking an order.
• Campaign Urgency & Scarcity – Three honest, opt-in conversion blocks: a live flash-sale countdown, a truthful “Only N left” scarcity badge (shown only when real stock is low), and a recent-purchase social-proof toaster (masked buyer names, off by default for privacy).
• Insights Dashboard – Per-funnel analytics: visits, conversions, conversion rate, revenue, a visits-vs-conversions chart, a UTM source breakdown, and the A/B variant performance table. Export visits, orders, and leads to CSV.
• Mobile Persistent Checkout Bar – A sticky bottom bar shows the live order total and a one-tap submit while the buyer fills the form – the total is always by the thumb.
• Custom Thank-You Page – Per-funnel post-purchase headline, body, and CTA to upsell or guide the next step.
• 4-Section Settings Page – General defaults, Branding, Privacy & content protection, and Default tracking pixels (plugin-wide FB / GA4 / TikTok fallbacks), plus a global kill-switch to disable all per-funnel custom CSS + JS site-wide.
• Conflict-Safe Guest Checkout – Dedicated middleware temporarily allows guest checkout for funnel-originated orders only – your store-wide setting stays unchanged. Country & state auto-filled from store settings so visitors never see a second form.
• Conversion-Focused Checkout UI – Step indicator (“2 · Final step”), paired-fields grid, product thumbnail summary card with sale ribbon, split-layout submit button showing total price, trust assurance row (Pay on delivery · Free returns · Encrypted), sticky bottom-CTA with iOS safe-area inset for notch / Dynamic Island.
• Full Payment-Gateway Compatibility – COD, Stripe, PayPal, SePay, VNPay, Razorpay, Mollie, and every other gateway already wired into your Botble Ecommerce install. Zero gateway-specific code.
• COD-First Design – Phone number is required, email is optional by default. Pay-on-delivery badge prominently displayed. Built for high-COD markets like Bangladesh and Vietnam.
• Theme-Agnostic Variation Grid – Lets visitors select multiple product variations with qty steppers in a single order. Maps to N OrderProducts in one Order using existing cart math.
• 7 Section Shortcodes – [lf-hero], [lf-product], [lf-variation-grid], [lf-features], [lf-testimonials], [lf-faq], [lf-sticky-cta]. Drop into theme pages or blog posts to reuse funnel sections.
• Tracking Pixels (Per-Funnel) – Facebook Pixel, GA4, and TikTok Pixel. Standard ecommerce events fire automatically: PageView, ViewContent, InitiateCheckout, Purchase.
• Visit & Conversion Analytics – Plugin-owned landing_funnel_visits, landing_funnel_orders, and landing_funnel_leads tables. UTM parameters captured. IP hashed for GDPR-friendly tracking. Bot user-agents filtered out.
• SEO Controls – Per-funnel meta title, description, OG image, canonical URL, and a noindex toggle (default ON so funnel pages do not compete with your main store in search results).
• Mobile-First Performance – Vanilla JS (no jQuery), single ~25 KB CSS bundle, inline SVG icons (no icon-font dependency). Lighthouse mobile perf 90+ on all four templates.
• Custom CSS & JS per Funnel – Gated behind a separate landing-funnel.use-custom-js permission so only trusted admins can inject raw JavaScript on public pages.
• Campaign Scheduling – Optional starts_at and ends_at per funnel. Pages auto-publish and auto-expire without manual intervention.
• RTL Ready – Built-in right-to-left CSS overrides for Arabic, Hebrew, and Farsi campaigns.
• UUID / ULID / BIGINT Compatible – Works on any Botble install regardless of primary-key type.
• Token-Keyed Attribution – Funnel->order mapping persists in cache for 48 hours, so conversions are attributed correctly even when buyers return via off-site payment redirects.
• HMAC-Signed Webhooks (Conversion & Lead) – Per-funnel webhook URL + optional SHA256 signing secret fires both funnel.conversion and funnel.lead events. Failed deliveries logged with full payload and retryable from admin UI. Header: X-LF-Signature: sha256=. SSRF-guarded – rejects private/reserved hosts and disables redirects.
• Content-Security-Policy – Restrictive CSP meta tag limits custom_js blast radius to known pixel domains (Meta, GA4, TikTok). Defence-in-depth on top of the use-custom-js permission gate.
• Visit Retention Command – php artisan landing-funnel:purge-visits --days=N ships out of the box for high-traffic installs.
• Permissions Built-In – Granular access control: index, create, edit, destroy, settings, and a separately gated use-custom-js for power-user JS injection.
• Idempotent Install & Uninstall – Schema guards survive activate/deactivate cycles. Removal cleanly drops all five plugin tables. Ships with 30 PHPUnit feature tests across 6 suites.
• Multi-Language Ready – English, Vietnamese, Simplified Chinese, and French translations included out of the box. All 42+ Botble core languages supported via standard locale switching.
• Ongoing Support – Benefit from our dedicated support team, ready to help with any questions or challenges. We always reply within 1 business day.

Demo

• Demo funnel: https://landing-funnel.botble.com/landing/demo-single-product-hero
• Admin Panel: https://landing-funnel.botble.com/admin/landing-funnels
• Admin account: admin – 12345678 (username & password are autofilled)

Requirements

• Botble CMS version 7.5.0 or higher
• Botble Ecommerce plugin (current major version)
• PHP version 8.2 or higher

Installation Guide

Installing Landing Funnel is quick and straightforward:

1. Download the plugin from your CodeCanyon downloads page
2. Extract the downloaded zip file
3. Upload the extracted folder to platform/plugins/landing-funnel directory
4. Go to Admin > Plugins and activate the Landing Funnel plugin

After installation, you can access Landing Funnel from Ecommerce > Landing Funnels in your admin panel.

Usage Guide

Creating a Funnel

1. Log in to your admin panel.
2. Navigate to Ecommerce > Landing Funnels.
3. Click Create to start a new funnel.
4. Fill the Basics tab: name, slug (the public URL segment), template, and the product the funnel sells.
5. Set Status to Published on the right side panel and save.
6. Your funnel is live at /landing/{slug} immediately.

Templates

• Single Product Hero – Image-led hero, product card, feature grid, sticky CTA, inline checkout. Best for image-rich physical products.
• Video Hero + COD – Autoplay (muted, in-view) video hero with overlay copy and CTA. Best for explainer videos and demo products.
• Variation Grid Checkout – Multi-select variation rows with qty steppers and inline checkout. Best for clothing, accessories, multi-SKU offers.
• Minimal Product Ads – Centered image, price, sub-headline, single CTA, then the form. Best for low-distraction direct-response ads.

Visual Style Presets

On top of any template, pick one of 8 visual style presets. Each style applies its own CSS variable palette – same markup, instant theming. Admins pick visually via SVG card previews on the funnel edit form:

• Sky & Sunset (default) – Sky blue + warm sunset orange. Universal e-commerce.
• Indigo Bold – Deep indigo + amber. Premium / SaaS.
• Emerald Fresh – Emerald + coral on mint cream. Health, organic, natural.
• Noir (dark) – Electric lime + rose on dark slate. Fashion & luxury.
• Rose Pop – Rose-to-violet gradient hero. Lifestyle, DTC consumer.
• Mint Minimal – Soft mint + amber on warm cream. Wellness, supplements.
• Sunset Warm – Terracotta + golden. Artisanal food, coffee, gifts.
• Cyber Neon (dark) – Cyan-to-magenta gradient on near-black. Gaming, tech, gadgets.

Brand Color & Font Overrides

Under Landing Funnels > Settings > Branding, layer your own brand identity on top of any preset:

• Primary brand color – hex value, replaces the style’s accent. Hover, soft, and ring variants auto-derived via color-mix().
• Sale / urgency color – hex value, replaces the style’s sale color.
• Heading font – any Google Fonts family. Applied to hero, product, and section titles.
• Body font – any Google Fonts family. Applied to body text and forms.

Fonts auto-load via Google Fonts with display=swap. Empty fields fall back to the preset defaults – no overhead.

Editing Section Content

1. Open the funnel and switch to the Content tab.
2. Use the JSON editor to override section content. Keys map to shortcode tags:

{ "lf-hero": { "headline": "Buy now and get 30% off", "sub": "Limited offer - pay on delivery.", "cta_label": "Order now" }, "lf-features": { "items": [ {"label": "Cash on delivery", "sub": "Pay when you receive your order"}, {"label": "Free returns", "sub": "7-day no-questions return policy"}, {"label": "Fast shipping", "sub": "2-4 day delivery nationwide"} ] } }

Configuring Tracking Pixels

1. Open the funnel and switch to the Tracking tab.
2. Paste your Facebook Pixel ID (15-16 digits), GA4 Measurement ID (G-XXXXXXXXXX), and/or TikTok Pixel ID.
3. Save. Standard ecommerce events (PageView, ViewContent, InitiateCheckout, Purchase) fire automatically.

SEO & Indexing

• Under the SEO tab, set per-funnel meta title, description, and OG image.
• The noindex switch is ON by default so paid-ad pages do not compete with your main store in search results. Turn it OFF only if you intentionally want the funnel to be indexed.

Campaign Scheduling

• Under the Advanced tab, set optional Starts at and Ends at timestamps.
• Outside this window the funnel returns a 404 – perfect for time-bound campaigns.

Visit Retention

For high-traffic funnels, schedule the purge command in your task scheduler:

php artisan landing-funnel:purge-visits --days=90

A/B Split Testing

1. Open the funnel and switch to the Advanced tab.
2. Turn on Enable A/B split testing and define your variants in the A/B variants (JSON) field. Each variant needs a short key (≤ 8 chars), a label, and content_overrides (same shape as the Content tab) merged over the base content:

[ { "key": "a", "label": "Control", "content_overrides": {} }, { "key": "b", "label": "Bold headline", "content_overrides": { "lf-hero": { "headline": "Sleep cooler tonight" } } } ]

Visitors are split evenly and kept on the same variant via a 30-day cookie. View per-variant visits, conversions, CR% and revenue in the funnel’s Insights page (needs at least two variants).

Order Bump & Auto-Apply Coupon

• Auto-apply coupon – on the Checkout tab, set the Auto-apply coupon code to any existing Ecommerce coupon. It is applied through the standard coupon service in both embedded and redirect checkout; invalid/expired codes are ignored.
• Order bump – add an optional add-on via the Content JSON. It must be a published simple product:

{ "lf-bump": { "product_id": 42, "qty": 1, "label": "Add a spare", "pitch": "50% off when added to this order" } }

Urgency & Scarcity Blocks

Three opt-in blocks, all configured in the funnel’s Content JSON (hidden unless set):

{ "lf-countdown": { "headline": "Launch price ends in", "deadline": "2026-06-30 23:59" }, "lf-scarcity": { "threshold": 15 }, "lf-proof": { "enabled": true, "interval": 8 } }

• lf-countdown – live flash-sale timer; falls back to the funnel’s End date and shows an “offer ended” message at zero.
• lf-scarcity – truthful “Only N left” badge, shown only when the product tracks inventory and real stock is at/below the threshold.
• lf-proof – recent-purchase toaster rotating masked recent buyers (off by default).

Leads & Recovery

• Open Ecommerce > Landing Funnels > Leads to see every contact captured at checkout start (even unpaid), with funnel, status and source.
• Export to CSV, or wire a funnel.lead webhook (Tracking tab) to push leads into your CRM for abandoned-funnel recovery.
• Leads are automatically marked converted (with order id) once the matching order is placed.

Insights Dashboard

Each funnel has an Insights page (visits, conversions, conversion rate, revenue, visits-vs-conversions chart, UTM source breakdown, A/B variant performance) with a date range filter and CSV export for visits, orders, and leads.

Changelog

Version 1.0.0 – June 15, 2026

 - 4 conversion-optimized templates: single-product-hero, video-hero-cod, variation-grid-checkout, minimal-product-ads - 8 visual style presets: Sky & Sunset, Indigo Bold, Emerald Fresh, Noir, Rose Pop, Mint Minimal, Sunset Warm, Cyber Neon - picked via visual SVG card preview - Admin-customizable branding: primary color, sale color, heading font, body font (Google Fonts) layered on top of any style - Standalone plugin-owned layout (no theme dependency) - One-page checkout via existing Botble Ecommerce pipeline - Mobile persistent checkout bar: live order total + one-tap submit while filling the form - Per-funnel payment method pre-selection (visitor can still switch gateway) - Auto-apply coupon (embedded + redirect modes) via the standard coupon service - Checkout order bump: optional add-on product with custom label, pitch, quantity - Conflict-safe guest-checkout middleware (override per request, store-wide setting untouched) - Auto-fill country, state, zip from store settings on the standard checkout - Email-required validation auto-syncs with ecommerce mandatory-fields config - Conversion-focused checkout UI: step indicator, paired fields, summary card with sale ribbon, split-layout CTA, trust assurance row, sticky CTA with safe-area inset - Campaign urgency & scarcity: flash-sale countdown, truthful "Only N left" stock badge, recent-purchase social-proof toaster - A/B split testing: JSON variants, even split, 30-day sticky cookie, variant recorded on visit + order - Lead capture: landing_funnel_leads table + Leads admin screen + CSV export, auto-converted on order - 7 section shortcodes (lf-hero, lf-product, lf-variation-grid, lf-features, lf-testimonials, lf-faq, lf-sticky-cta) - Per-funnel + plugin-wide default Facebook Pixel, GA4, and TikTok tracking - Insights dashboard: visits, conversions, CR%, revenue, UTM breakdown, A/B variant performance, CSV export - Custom thank-you page per funnel (headline, body, CTA) - Visit, conversion and lead analytics (landing_funnel_visits, landing_funnel_orders, landing_funnel_leads, landing_funnel_webhook_deliveries) - Token-keyed funnel-to-order attribution surviving payment-gateway redirects (48h cache) - HMAC-SHA256 signed conversion + lead webhooks with retry-from-UI, SSRF-guarded - Per-funnel custom CSS and JS (custom-JS gated behind separate permission) + site-wide kill-switch - CSS context-breaker sanitizer: strips  and  before render - Content-Security-Policy meta tag constrains custom_js to known pixel domains - Public routes throttled (120/min GET, 30/min POST) - 4-section Settings page: General, Branding, Privacy & content protection, Default tracking pixels - SEO controls: meta title, description, OG image, canonical, noindex default ON - Campaign scheduling via starts_at / ends_at - RTL CSS overrides - UUID / ULID / BIGINT compatibility - Mobile-first vanilla JS, no jQuery; inline SVG icons, zero icon-font dependency - landing-funnel:purge-visits artisan command for retention - Multi-language: English, Vietnamese, Simplified Chinese, French translations included - 6 granular permissions (index / create / edit / destroy / use-custom-js / settings) - 30 PHPUnit feature tests across 6 suites - Idempotent activate / deactivate / remove lifecycle

Support & Documentation

Dedicated Support

Our support team is ready to help you with any questions or issues. We typically respond within 12-24 hours.

Get Support

Comprehensive Documentation

Our detailed documentation covers everything from installation to advanced campaign tracking.

Read Documentation

About Botble

Botble is a team of experienced developers dedicated to creating high-quality, user-friendly web applications and plugins. With years of experience in web development, we strive to deliver products that meet the highest standards of quality and performance.

Visit us at botble.com