pagina-precheckout

Generate a pre-checkout page capturing name, email, and WhatsApp with UTM preservation.

Updated May 19, 2026
One-click install
npx skills add https://github.com/o-pedrosiqueira/mapa-do-criador-system --skill pagina-precheckout-o-pedrosiqueira
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pagina-precheckout
Source: https://github.com/o-pedrosiqueira/mapa-do-criador-system/tree/main/.claude/skills/pagina-precheckout
Command: npx skills add https://github.com/o-pedrosiqueira/mapa-do-criador-system --skill pagina-precheckout-o-pedrosiqueira

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

An intermediate pre-checkout page that captures name, email, and WhatsApp before redirecting to the real checkout, saving the lead to a simple JSON CRM and preserving UTMs.

Core Features & Use Cases

  • Precheckout page generation between the sales button and the checkout flow.
  • CRM lead storage via localStorage or a serverless function, with UTMs preserved for accurate attribution.
  • Pixel tracking via InitiateCheckout and seamless redirection to the checkout.

Quick Start

Provide me with a precheckout flow to capture name, email and WhatsApp and redirect to the real checkout while preserving UTMs.

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 checkout?

To capture leads before checkout, you can generate an intermediate pre-checkout page that collects name, email, and WhatsApp. The page then forwards captured leads to the real checkout while logging their data into a CRM.

Can I preserve UTMs when redirecting users to a checkout funnel?

Yes, you can preserve UTMs during checkout redirection. The pre-checkout page maintains UTM parameters throughout the lead capture process, ensuring accurate marketing attribution data is logged alongside the contact information.

How does pre-checkout lead capture integrate with Pixel tracking?

Pre-checkout lead capture integrates with Pixel tracking by triggering an InitiateCheckout event. This hook fires during the form submission process, allowing your marketing pixels to track the action before the user is redirected.

Do I need a serverless function to store leads from a pre-checkout page?

No, a serverless function is not required to store leads. You can save captured lead data locally using browser localStorage, or optionally configure a serverless function to handle CRM storage if you need server-side persistence.

How do I build a pre-checkout page with client-side validation for name, email, and WhatsApp?

You can build a pre-checkout page with client-side validation by generating an HTML form that captures name, email, and WhatsApp. The page validates inputs directly in the browser before redirecting valid leads to checkout.

What is the best way to save checkout funnel leads to a JSON CRM?

The best way to save checkout funnel leads to a JSON CRM is using an intermediate pre-checkout page. It captures visitor details before the final purchase step and stores them formatted as JSON via localStorage or a serverless endpoint.