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

LIVE PREVIEWBUY FOR $29

Touchdown Funnel – Adverts Pages with One-Web page Checkout for Botble Ecommerce

Touchdown Funnel is a theme-independent landing-page plugin constructed particularly for paid-ad campaigns on Fb, TikTok, and Google Adverts. It allows you to spin up single-product, mobile-first touchdown pages with a built-in one-page checkout in minutes – no theme customization, no developer required.

Designed for Money-on-Supply markets (Bangladesh, Vietnam, MENA) the place consumers count on a quick, distraction-free buy circulate, Touchdown Funnel ships its personal full web page shell, CSS, JavaScript, and SVG icons. Which means funnel pages render identically on Shofy, Martfury, Ecomi, FashionShop, or some other Botble Ecommerce theme – and keep steady even when the host theme is closely personalized.

The plugin reuses the usual Botble Ecommerce checkout pipeline, so each fee gateway you have already got (COD, Stripe, PayPal, SePay, VNPay, Razorpay, Mollie, and so forth.) and each transport methodology continues to work – however with the remainder of your retailer’s chrome stripped away for laser-focused conversion.

We’ve a devoted assist heart for your whole assist wants. It contains our Documentation and Ticket system for any questions you will have. We often get again to you inside 12-24 hours.

Notice: Worth can be elevated after the primary 10 gross sales, hurry up!!!

Highlighted Options (Final Up to date: June 2026):

• Purchase One Time & Get Free Updates Eternally
• Free Set up – When you face any downside throughout set up – we are going to enable 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 belongings. An identical look on Shofy, Martfury, Ecomi, FashionShop, default theme, or {custom} themes.
• 4 Conversion-Optimized Templates – Single-product hero, video hero with COD kind, multi-variation grid checkout, and minimal headerless structure.
• 8 Visible Model Presets – Sky & Sundown (default), Indigo Daring, Emerald Recent, Noir, Rose Pop, Mint Minimal, Sundown Heat, Cyber Neon. Admins decide visually by way of SVG card previews – similar markup throughout all 8, immediate theming by way of CSS variables.
• Admin-Customizable Branding – On high of any preset, override the major colour, sale colour, heading font, and physique font. Google Fonts auto-load with show=swap. Empty fields fall again to the model’s defaults.
• Constructed-in One-Web page Checkout – Inline billing kind on the funnel web page; pre-fills the usual Botble checkout token. Purchaser by no means leaves the web page till the ultimate affirmation.
• A/B Break up Testing – Allow per funnel, outline variants as JSON, and guests are break up evenly and bucketed by a 30-day cookie. The chosen variant is recorded on the go to and carried onto the transformed order, feeding an A/B variant efficiency desk (visits / conversions / CR% / income per variant).
• Lead Seize & Deserted-Funnel Restoration – Contact particulars are saved the second a customer begins checkout, even when they by no means pay. A devoted Leads display (CSV-exportable) plus a signed funnel.lead webhook let your CRM / electronic mail instrument comply with up. Leads auto-flip to transformed when the order is positioned.
• Checkout Order Bump – Provide an optionally available one-tap add-on product ({custom} label, pitch, amount) at checkout. The cart rebuilds server-side so the order whole is at all times authoritative.
• Auto-Apply Coupon – Connect an current Ecommerce coupon to a funnel; it applies routinely in each embedded and redirect checkout by way of the usual service. Invalid / expired codes are silently ignored, by no means blocking an order.
• Marketing campaign Urgency & Shortage – Three trustworthy, opt-in conversion blocks: a dwell flash-sale countdown, a truthful “Solely N left” shortage badge (proven solely when actual inventory is low), and a recent-purchase social-proof toaster (masked purchaser names, off by default for privateness).
• Insights Dashboard – Per-funnel analytics: visits, conversions, conversion price, income, a visits-vs-conversions chart, a UTM supply breakdown, and the A/B variant efficiency desk. Export visits, orders, and results in CSV.
• Cell Persistent Checkout Bar – A sticky backside bar exhibits the dwell order whole and a one-tap submit whereas the client fills the shape – the entire is at all times by the thumb.
• Customized Thank-You Web page – Per-funnel post-purchase headline, physique, and CTA to upsell or information the following step.
• 4-Part Settings Web page – Common defaults, Branding, Privateness & content material safety, and Default monitoring pixels (plugin-wide FB / GA4 / TikTok fallbacks), plus a world kill-switch to disable all per-funnel {custom} CSS + JS site-wide.
• Battle-Protected Visitor Checkout – Devoted middleware briefly permits visitor checkout for funnel-originated orders solely – your store-wide setting stays unchanged. Nation & state auto-filled from retailer settings so guests by no means see a second kind.
• Conversion-Centered Checkout UI – Step indicator (“2 · Closing step”), paired-fields grid, product thumbnail abstract card with sale ribbon, split-layout submit button exhibiting whole worth, belief assurance row (Pay on supply · Free returns · Encrypted), sticky bottom-CTA with iOS safe-area inset for notch / Dynamic Island.
• Full Cost-Gateway Compatibility – COD, Stripe, PayPal, SePay, VNPay, Razorpay, Mollie, and each different gateway already wired into your Botble Ecommerce set up. Zero gateway-specific code.
• COD-First Design – Cellphone quantity is required, electronic mail is optionally available by default. Pay-on-delivery badge prominently displayed. Constructed for high-COD markets like Bangladesh and Vietnam.
• Theme-Agnostic Variation Grid – Lets guests choose a number of product variations with qty steppers in a single order. Maps to N OrderProducts in a single Order utilizing current cart math.
• 7 Part Shortcodes – [lf-hero], [lf-product], [lf-variation-grid], [lf-features], [lf-testimonials], [lf-faq], [lf-sticky-cta]. Drop into theme pages or weblog posts to reuse funnel sections.
• Monitoring Pixels (Per-Funnel) – Fb Pixel, GA4, and TikTok Pixel. Customary ecommerce occasions hearth routinely: PageView, ViewContent, InitiateCheckout, Buy.
• Go to & Conversion Analytics – Plugin-owned landing_funnel_visits, landing_funnel_orders, and landing_funnel_leads tables. UTM parameters captured. IP hashed for GDPR-friendly monitoring. Bot user-agents filtered out.
• website positioning Controls – Per-funnel meta title, description, OG picture, canonical URL, and a noindex toggle (default ON so funnel pages don’t compete together with your predominant retailer in search outcomes).
• Cell-First Efficiency – Vanilla JS (no jQuery), single ~25 KB CSS bundle, inline SVG icons (no icon-font dependency). Lighthouse cellular perf 90+ on all 4 templates.
• Customized CSS & JS per Funnel – Gated behind a separate landing-funnel.use-custom-js permission so solely trusted admins can inject uncooked JavaScript on public pages.
• Marketing campaign Scheduling – Non-obligatory starts_at and ends_at per funnel. Pages auto-publish and auto-expire with out guide intervention.
• RTL Prepared – Constructed-in right-to-left CSS overrides for Arabic, Hebrew, and Farsi campaigns.
• UUID / ULID / BIGINT Appropriate – Works on any Botble set up no matter primary-key kind.
• Token-Keyed Attribution – Funnel->order mapping persists in cache for 48 hours, so conversions are attributed appropriately even when consumers return by way of off-site fee redirects.
• HMAC-Signed Webhooks (Conversion & Lead) – Per-funnel webhook URL + optionally available SHA256 signing secret fires each funnel.conversion and funnel.lead occasions. Failed deliveries logged with full payload and retryable from admin UI. Header: X-LF-Signature: sha256=<hex>. SSRF-guarded – rejects non-public/reserved hosts and disables redirects.
• Content material-Safety-Coverage – Restrictive CSP meta tag limits custom_js blast radius to recognized pixel domains (Meta, GA4, TikTok). Defence-in-depth on high of the use-custom-js permission gate.
• Go to Retention Command – php artisan landing-funnel:purge-visits --days=N ships out of the field for high-traffic installs.
• Permissions Constructed-In – Granular entry management: index, create, edit, destroy, settings, and a individually gated use-custom-js for power-user JS injection.
• Idempotent Set up & Uninstall – Schema guards survive activate/deactivate cycles. Elimination cleanly drops all 5 plugin tables. Ships with 30 PHPUnit function assessments throughout 6 suites.
• Multi-Language Prepared – English, Vietnamese, Simplified Chinese language, and French translations included out of the field. All 42+ Botble core languages supported by way of commonplace locale switching.
• Ongoing Assist – Profit from our devoted assist group, prepared to assist with any questions or challenges. We at all times reply inside 1 enterprise 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)

Necessities

• Botble CMS model 7.5.0 or greater
• Botble Ecommerce plugin (present main model)
• PHP model 8.2 or greater

Set up Information

Putting in Touchdown Funnel is fast and easy:

1. Obtain the plugin out of your CodeCanyon downloads page
2. Extract the downloaded zip file
3. Add the extracted folder to platform/plugins/landing-funnel listing
4. Go to Admin > Plugins and activate the Touchdown Funnel plugin

After set up, you possibly can entry Touchdown Funnel from Ecommerce > Touchdown Funnels in your admin panel.

Utilization Information

Making a Funnel

1. Log in to your admin panel.
2. Navigate to Ecommerce > Touchdown Funnels.
3. Click on Create to begin a brand new funnel.
4. Fill the Fundamentals tab: identify, slug (the general public URL section), template, and the product the funnel sells.
5. Set Standing to Revealed on the suitable aspect panel and save.
6. Your funnel is dwell at /touchdown/{slug} instantly.

Templates

• Single Product Hero – Picture-led hero, product card, function grid, sticky CTA, inline checkout. Greatest for image-rich bodily merchandise.
• Video Hero + COD – Autoplay (muted, in-view) video hero with overlay copy and CTA. Greatest for explainer movies and demo merchandise.
• Variation Grid Checkout – Multi-select variation rows with qty steppers and inline checkout. Greatest for clothes, equipment, multi-SKU presents.
• Minimal Product Adverts – Centered picture, worth, sub-headline, single CTA, then the shape. Greatest for low-distraction direct-response adverts.

Visible Model Presets

On high of any template, decide one among 8 visible model presets. Every model applies its personal CSS variable palette – similar markup, immediate theming. Admins decide visually by way of SVG card previews on the funnel edit kind:

• Sky & Sundown (default) – Sky blue + heat sundown orange. Common e-commerce.
• Indigo Daring – Deep indigo + amber. Premium / SaaS.
• Emerald Recent – Emerald + coral on mint cream. Well being, natural, pure.
• Noir (darkish) – Electrical lime + rose on darkish slate. Trend & luxurious.
• Rose Pop – Rose-to-violet gradient hero. Way of life, DTC client.
• Mint Minimal – Delicate mint + amber on heat cream. Wellness, dietary supplements.
• Sundown Heat – Terracotta + golden. Artisanal meals, espresso, presents.
• Cyber Neon (darkish) – Cyan-to-magenta gradient on near-black. Gaming, tech, devices.

Model Shade & Font Overrides

Beneath Touchdown Funnels > Settings > Branding, layer your individual model id on high of any preset:

• Main model colour – hex worth, replaces the model’s accent. Hover, delicate, and ring variants auto-derived by way of color-mix().
• Sale / urgency colour – hex worth, replaces the model’s sale colour.
• Heading font – any Google Fonts household. Utilized to hero, product, and part titles.
• Physique font – any Google Fonts household. Utilized to physique textual content and types.

Fonts auto-load by way of Google Fonts with show=swap. Empty fields fall again to the preset defaults – no overhead.

Enhancing Part Content material

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

{
    "lf-hero": {
        "headline": "Purchase now and get 30% off",
        "sub": "Restricted provide - pay on supply.",
        "cta_label": "Order now" 
    },
    "lf-features": {
        "gadgets": [
            {"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 Monitoring Pixels

1. Open the funnel and swap to the Monitoring tab.
2. Paste your Fb Pixel ID (15-16 digits), GA4 Measurement ID (G-XXXXXXXXXX), and/or TikTok Pixel ID.
3. Save. Customary ecommerce occasions (PageView, ViewContent, InitiateCheckout, Buy) hearth routinely.

website positioning & Indexing

• Beneath the website positioning tab, set per-funnel meta title, description, and OG picture.
• The noindex swap is ON by default so paid-ad pages don’t compete together with your predominant retailer in search outcomes. Flip it OFF provided that you deliberately need the funnel to be listed.

Marketing campaign Scheduling

• Beneath the Superior tab, set optionally available Begins at and Ends at timestamps.
• Exterior this window the funnel returns a 404 – excellent for time-bound campaigns.

Go to Retention

For prime-traffic funnels, schedule the purge command in your activity scheduler:

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

A/B Break up Testing

1. Open the funnel and swap to the Superior tab.
2. Activate Allow A/B break up testing and outline your variants within the A/B variants (JSON) discipline. Every variant wants a brief key (≤ 8 chars), a label, and content_overrides (similar form because the Content material tab) merged over the bottom content material:

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

Guests are break up evenly and saved on the identical variant by way of a 30-day cookie. View per-variant visits, conversions, CR% and income within the funnel’s Insights web page (wants at the very least two variants).

Order Bump & Auto-Apply Coupon

• Auto-apply coupon – on the Checkout tab, set the Auto-apply coupon code to any current Ecommerce coupon. It’s utilized by means of the usual coupon service in each embedded and redirect checkout; invalid/expired codes are ignored.
• Order bump – add an optionally available add-on by way of the Content material JSON. It should be a broadcast easy product:

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

Urgency & Shortage Blocks

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

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

• lf-countdown – dwell flash-sale timer; falls again to the funnel’s Finish date and exhibits an “provide ended” message at zero.
• lf-scarcity – truthful “Solely N left” badge, proven solely when the product tracks stock and actual inventory is at/beneath the brink.
• lf-proof – recent-purchase toaster rotating masked latest consumers (off by default).

Leads & Restoration

• Open Ecommerce > Touchdown Funnels > Leads to see each contact captured at checkout begin (even unpaid), with funnel, standing and supply.
• Export to CSV, or wire a funnel.lead webhook (Monitoring tab) to push leads into your CRM for abandoned-funnel restoration.
• Leads are routinely marked transformed (with order id) as soon as the matching order is positioned.

Insights Dashboard

Every funnel has an Insights web page (visits, conversions, conversion price, income, visits-vs-conversions chart, UTM supply breakdown, A/B variant efficiency) with a date vary filter and CSV export for visits, orders, and leads.

Changelog

Model 1.0.0 – June 15, 2026

 - 4 conversion-optimized templates: single-product-hero, video-hero-cod, variation-grid-checkout, minimal-product-ads
 - 8 visible model presets: Sky & Sundown, Indigo Daring, Emerald Recent, Noir, Rose Pop, Mint Minimal, Sundown Heat, Cyber Neon - picked by way of visible SVG card preview
 - Admin-customizable branding: major colour, sale colour, heading font, physique font (Google Fonts) layered on high of any model
 - Standalone plugin-owned structure (no theme dependency)
 - One-page checkout by way of current Botble Ecommerce pipeline
 - Cell persistent checkout bar: dwell order whole + one-tap submit whereas filling the shape
 - Per-funnel fee methodology pre-selection (customer can nonetheless swap gateway)
 - Auto-apply coupon (embedded + redirect modes) by way of the usual coupon service
 - Checkout order bump: optionally available add-on product with {custom} label, pitch, amount
 - Battle-safe guest-checkout middleware (override per request, store-wide setting untouched)
 - Auto-fill nation, state, zip from retailer settings on the usual checkout
 - E-mail-required validation auto-syncs with ecommerce mandatory-fields config
 - Conversion-focused checkout UI: step indicator, paired fields, abstract card with sale ribbon, split-layout CTA, belief assurance row, sticky CTA with safe-area inset
 - Marketing campaign urgency & shortage: flash-sale countdown, truthful "Solely N left" inventory badge, recent-purchase social-proof toaster
 - A/B break up testing: JSON variants, even break up, 30-day sticky cookie, variant recorded on go to + order
 - Lead seize: landing_funnel_leads desk + Leads admin display + CSV export, auto-converted on order
 - 7 part shortcodes (lf-hero, lf-product, lf-variation-grid, lf-features, lf-testimonials, lf-faq, lf-sticky-cta)
 - Per-funnel + plugin-wide default Fb Pixel, GA4, and TikTok monitoring
 - Insights dashboard: visits, conversions, CR%, income, UTM breakdown, A/B variant efficiency, CSV export
 - Customized thank-you web page per funnel (headline, physique, CTA)
 - Go to, 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 </model> and </script> earlier than render
 - Content material-Safety-Coverage meta tag constrains custom_js to recognized pixel domains
 - Public routes throttled (120/min GET, 30/min POST)
 - 4-section Settings web page: Common, Branding, Privateness & content material safety, Default monitoring pixels
 - website positioning controls: meta title, description, OG picture, canonical, noindex default ON
 - Marketing campaign scheduling by way of starts_at / ends_at
 - RTL CSS overrides
 - UUID / ULID / BIGINT compatibility
 - Cell-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 language, French translations included
 - 6 granular permissions (index / create / edit / destroy / use-custom-js / settings)
 - 30 PHPUnit function assessments throughout 6 suites
 - Idempotent activate / deactivate / take away lifecycle

Assist & Documentation

Devoted Assist

Our assist group is prepared that can assist you with any questions or points. We sometimes reply inside 12-24 hours.

Get Support

Complete Documentation

Our detailed documentation covers all the pieces from set up to superior marketing campaign monitoring.

Read Documentation

About Botble

Botble is a group of skilled builders devoted to creating high-quality, user-friendly net purposes and plugins. With years of expertise in net improvement, we try to ship merchandise that meet the best requirements of high quality and efficiency.

Go to us at botble.com

Source