pagina-precheckout

Generate a pre-checkout HTML page capturing leads and preserving UTMs.

15|16|Updated May 6, 2026
One-click install
npx skills add https://github.com/ReadyToGo-Education/fluxo_criativo --skill pagina-precheckout
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pagina-precheckout
Source: https://github.com/ReadyToGo-Education/fluxo_criativo/tree/main/.claude/skills/pagina-precheckout
Command: npx skills add https://github.com/ReadyToGo-Education/fluxo_criativo --skill pagina-precheckout

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you capture name, email, and WhatsApp before sending users to a real payment checkout, so abandoned checkout visitors are not lost and can be recovered via remarketing and WhatsApp.

Core Features & Use Cases

  • Pre-checkout lead capture page: Generates an intermediate HTML page that collects offer name, price, and buyer details in a lightweight layout.
  • CRM lead persistence with two modes: Supports saving leads for testing via LocalStorage and for real centralization via a serverless function (e.g., Vercel) into JSON/webhook destinations.
  • Tracking and redirection with UTMs: Preserves all UTM parameters on redirect and triggers a Pixel event like InitiateCheckout when available.
  • Phone-to-WhatsApp CRM linking: Produces clickable WhatsApp links in the stored CRM data using a wa.me format with normalized digits.

Use case example: After your main sales page is ready, you create a pre-checkout page that captures contact details, saves them, tracks InitiateCheckout, and redirects to Hotmart, Kiwify, or Stripe while keeping all UTMs intact for attribution.

Quick Start

Reply with the offer name, price, real checkout URL, whether WhatsApp is required, and your preferred lead storage mode (LocalStorage or serverless), and ask the skill to generate the precheckout page and CRM endpoint for your active product.

Frequently Asked Questions about pagina-precheckout

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I capture leads before sending traffic to a Hotmart or Stripe checkout?

To capture leads before a Hotmart or Stripe checkout, you use an intermediate pre-checkout page that collects buyer details and saves them before redirecting. This allows you to recover abandoned checkouts later via remarketing or WhatsApp.

What is the best way to preserve UTM tracking parameters through a pre-checkout redirect?

The best way to preserve UTM tracking parameters through a pre-checkout redirect is to generate a page that explicitly captures and forwards query strings to the final payment checkout URL. This ensures your marketing attribution remains intact across the funnel.

Can I trigger an InitiateCheckout Pixel event on a custom pre-checkout HTML page?

Yes, you can trigger an InitiateCheckout Pixel event on a custom pre-checkout HTML page by integrating Meta's fbq tracking code. The page fires the event when the fbq function exists, allowing accurate conversion tracking before the actual payment step.

Do I need a serverless function to store pre-checkout leads, or can I use LocalStorage?

You do not necessarily need a serverless function to store pre-checkout leads; you can use LocalStorage for testing. For real centralized CRM storage and webhook delivery, deploying a serverless Node handler is the required approach.

How does WhatsApp CRM linking work with captured phone numbers from a checkout funnel?

WhatsApp CRM linking works by normalizing captured phone digits from your checkout funnel and generating clickable wa.me links. This creates direct WhatsApp contact routes in your stored CRM data for immediate abandoned checkout recovery.

Does this pre-checkout lead capture approach work for Kiwify funnels?

Yes, this pre-checkout lead capture approach works for Kiwify funnels, as well as Hotmart and Stripe. It generates a lightweight mobile-first HTML page that redirects to your specific Kiwify checkout URL while retaining all UTM parameters.