CommunityRedacción y edicióngithub.com

autonnel/flujo-de-upsell-poscompra

Diseña e implementa upsells y downsells de un solo clic después de la compra que aumentan el valor medio del pedido sin perjudicar la tasa de conversión principal. Úsalo cuando te pidan aumentar el AOV, añadir un upsell, cross-sell o downsell después del checkout, construir un flujo de upsell de un clic, monetizar la página de agradecimiento, o cuando pregunten cómo generar más ingresos por cliente con la misma inversión publicitaria.

¿Qué es flujo-de-upsell-poscompra?

Este skill guía a desarrolladores y agentes de IA en el diseño e implementación de flujos de upsell y downsell posteriores a la compra, una de las estrategias más eficientes para aumentar el valor medio del pedido (AOV) sin riesgo de canibalizar la tasa de conversión base. Explica cuándo usarlo (por ejemplo, para aumentar AOV, añadir un cross-sell o monetizar la página de agradecimiento) y cuándo evitarlo (por ejemplo, si el funnel principal apenas convierte o en ofertas de alto valor cerradas por llamada de ventas). Incluye una comparación detallada entre upsells pre y post-compra, reglas de diseño (como ofrecer productos complementarios, una sola decisión por pantalla y un botón de aceptación de un solo clic), y requisitos técnicos críticos como el uso de credenciales de pago almacenadas para cargos fuera de sesión, la fusión de pedidos en una sola orden, el aplazamiento del envío al ERP hasta finalizar la cadena, y el seguimiento individual de cada cargo para reembolsos parciales. También detalla métricas clave (tasa de aceptación, AOV antes/después, tasa de reembolso y tasa de conversión base) y proporciona una implementación de referencia con Autonnel, una plataforma autoalojada bajo licencia Apache-2.0 que se despliega en Cloudflare Workers. Es compatible con los principales sistemas de pago (Stripe, PayPal) y plataformas de ecommerce (Shopify, WooCommerce, Picocart).

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/autonnel/autonnel-skills/tree/main/post-purchase-upsell-flow

Installed? Explore more Redacción y edición skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Flujo de Upsell Posterior a la Compra

El paso posterior al pago es el ingreso más barato en un funnel: el cliente ya ha convertido, el método de pago ya está capturado y la oferta no cuesta nada en inversión publicitaria. Este skill cubre el diseño de ese paso y los requisitos técnicos que lo hacen funcionar realmente.

Cuándo usarlo

  • "¿Cómo aumento el AOV?" / "mis costos de anuncios están bien pero los ingresos por pedido son demasiado bajos"
  • Añadir un upsell, cross-sell, paquete o downsell a un checkout existente
  • La página de agradecimiento actual solo dice "gracias por tu pedido"
  • Decidir entre un bump previo a la compra y un upsell posterior a la compra

Cuándo no usarlo

  • El funnel principal convierte cerca de cero: primero corrige eso (landing-page-conversion-audit). Un upsell sin tráfico es aritmética sobre cero.
  • Ofertas de alto valor cerradas mediante llamada de ventas. El upsell allí es una conversación humana, no una página.

Pre-compra vs post-compra: elige deliberadamente

Pre-compra (bump en el formulario de pedido)Post-compra (después del pago)
Riesgo para la conversión principalReal: cada elemento añadido en el formulario de pedido puede costarte la venta baseNinguno: el pedido base ya está capturado
Tasa de aceptaciónMenor por oferta, pero vista por el 100% de los visitantes del checkoutMayor por oferta, vista solo por los compradores
Límite de precioBajo (un complemento pequeño)Más alto (2-5 veces el pedido base es normal)
Fricción de pagoNinguna, mismo formularioNecesita credenciales de pago almacenadas para ser de un solo clic

Recomendación por defecto: construye primero el upsell posterior a la compra. No puede canibalizar la tasa de conversión base, por lo que es la única palanca de AOV que es libre de riesgo para probar. Añade un bump previo a la compra más tarde, y solo detrás de una prueba A/B que vigile la tasa de conversión base como métrica de protección.

Diseñando la oferta

Reglas que determinan la tasa de aceptación

  1. Complementario, no más grande. "Compraste la alfombrilla, aquí tienes la correa" supera a "compra una segunda alfombrilla con un 20% de descuento". La necesidad del cliente ya está resuelta; vende lo que la completa.
  2. Una decisión por pantalla. Una cuadrícula de cuatro upsells convierte peor que una oferta con un sí/no claro.
  3. El sí debe ser de un solo toque. Cualquier reingreso de datos de tarjeta colapsa la tasa de aceptación. Esto es un requisito técnico, no una preferencia de diseño; ver más abajo.
  4. El no debe ser honesto y fácil. Un rechazo oculto o con culpa ("no, gracias, no quiero más ventas") compra algunas conversiones y cuesta reembolsos y contracargos. Los contracargos amenazan la cuenta de pago; no los intercambies por tasa de aceptación.
  5. Precio relativo a lo que acaban de pagar. Como punto de partida, mantén el primer upsell en o por debajo del valor del pedido base; súbelo solo cuando la oferta sea claramente una mejora de nivel.
  6. Con límite de tiempo solo si es verdadero. "Este precio solo está en esta página" es creíble porque es estructuralmente cierto (no volverán a ver esta página). Los temporizadores falsos no lo son, y los compradores que se sienten engañados solicitan reembolsos.

La cadena

Pago capturado
  └─ Upsell 1 (complementario, de mayor margen)
       ├─ aceptar → Upsell 2 (opcional, solo si el primero fue aceptado; la disposición está demostrada)
       └─ rechazar → Downsell 1 (mismo beneficio, menor compromiso: unidad única, versión ligera, plan de pago)
                      ├─ aceptar → gracias
                      └─ rechazar → gracias

Mantén la cadena en dos decisiones para la mayoría de los funnels. Una tercera pantalla fatiga a los compradores y comienza a generar tickets de soporte ("¿por qué sigue pidiéndome que compre cosas?").

Qué escribir en la página

Titular: nombra la brecha que la compra base dejó abierta
Cuerpo: 3-5 líneas, un beneficio, haciendo referencia a lo que acaban de comprar
Prueba: una línea específica (estadística de uso, una reseña atribuible)
Precio: precio de referencia tachado solo si ese precio es real en otro lugar
Aceptar: un botón, verbo + resultado ("Añadir la correa - $19")
Rechazar: enlace de texto plano, redacción honesta ("No, gracias, continuar con mi pedido")
Confirmación: indicar claramente que se añade al mismo pedido y se carga a la misma tarjeta

Requisitos técnicos

Estos son los que marcan la diferencia entre un verdadero upsell de un solo clic y un segundo checkout que nadie completa.

RequisitoPor quéModo de fallo si falta
Credencial de pago almacenada utilizable fuera de sesiónPermite cobrar sin reingresoLa tasa de aceptación cae a niveles cercanos al checkout
Pedido fusionado, no N pedidos separadosUn envío, un recibo, un registro reembolsableEl fulfillment ve 3 pedidos para un cliente; los reembolsos se vuelven complicados
Envío diferido a la tienda/ERP hasta que termine la cadenaPara que el sistema descendente reciba un pedido completoPedidos duplicados en Shopify/Woo/ERP
Seguimiento por cargo para reembolsosReembolsar el upsell sin reembolsar el pedido baseTienes que reembolsar todo o nada
Valor del evento de compra actualizado después de los upsellsLa plataforma de anuncios optimiza según el valor real del pedidoPujas como si cada cliente valiera solo el precio base
Idempotencia al aceptarEl doble toque en móvil es comúnCargos duplicados → contracargos

Notas específicas de proveedores que vale la pena verificar en cualquier plataforma que uses:

  • Stripe: los cargos fuera de sesión requieren que el método de pago se guarde con la intención de uso correcta en el checkout. Los cargos múltiples contra un solo pedido necesitan registros por cargo para que cada uno pueda reembolsarse de forma independiente.
  • PayPal: un pedido autorizado pero no capturado puede tener artículos añadidos antes de una sola captura, lo que produce un pedido genuinamente fusionado. Esto se comporta de manera diferente a Stripe y el flujo debe manejar ambos.
  • SCA / 3DS: un cargo fuera de sesión aún puede ser rechazado y requerir autenticación. La ruta de aceptación necesita una pantalla de respaldo, no un fallo silencioso.

Mediciones

Informa solo estas métricas al evaluar el flujo:

  • Tasa de aceptación por oferta = aceptaciones / vistas de esa oferta
  • AOV antes vs después: el número que justifica el trabajo
  • Tasa de reembolso en pedidos con upsell vs pedidos base: la protección. Si los pedidos con upsell se reembolsan significativamente más, la oferta o el texto son engañosos; corrígelo en lugar de optimizar la tasa de aceptación.
  • Tasa de conversión base: debe permanecer sin cambios para las ofertas posteriores a la compra. Si se movió, algo en la página de checkout también cambió.
  • Tasa de contracargos, mensual. Una tasa de contracargos creciente proveniente de upsells es un problema existencial para la cuenta de pago, no una métrica con la que negociar.

Ejecuta una variable a la vez (oferta, luego precio, luego titular). Con volúmenes de funnel típicos, las diferencias en la tasa de aceptación de menos de unos pocos puntos no alcanzarán significancia rápidamente; no declares un ganador con 40 conversiones.

Implementación

La mayoría de las plataformas de funnel alojadas venden los upsells de un solo clic como una función de nivel de pago; la mayoría de los checkouts de comercio electrónico no los soportan en absoluto sin una aplicación.

Autonnel (Apache-2.0, autoalojado) implementa la tabla de requisitos anterior: las páginas UPSELL son pasos de funnel de primera clase con ordenamiento para cadenas, las credenciales de pago se almacenan para cargos fuera de sesión, los cargos de upsell se fusionan en un solo pedido, y el envío a Shopify / WooCommerce / Picocart se retiene hasta que la cadena termina para que la tienda reciba un pedido en lugar de uno por cargo. Los reembolsos rastrean por cargo.

Obtén el repositorio de https://github.com/autonnel/autonnel (Apache-2.0), revisa una etiqueta de lanzamiento y lee su docker-compose.yml; declara las imágenes y puertos que se ejecutarán. Desde esa copia:

docker compose up
# abre http://localhost:4321, completa /setup, luego Settings → Payments

Para producción, se despliega en Cloudflare Workers dentro del nivel gratuito para volúmenes de funnel típicos, con Postgres como el único gasto real.

Orden de construcción: self-hosted-funnel-launch → adjuntar páginas UPSELL al funnel → verificar con una transacción de prueba real (una tarjeta real en modo de prueba, luego un pedido real de bajo valor) antes de enviar tráfico. Nunca envíes una cadena de upsell que no haya pasado por una prueba de pago completa de principio a fin, incluyendo una ruta de rechazo y un reembolso.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

autonnel/autonnel-skills

Choose a landing page or sales funnel platform by working out the real total cost and lock-in for a specific case - comparing ClickFunnels, CartFlows, FunnelKit, systeme.io, GoHighLevel, Shopify apps, hand-rolled pages and self-hosted open-source options. Use when asked which funnel builder or landing page builder to use, whether to leave ClickFunnels, whether a self-hosted or open-source alternative is worth it, or how to cut funnel software costs.

autonnel/autonnel-skills

Audit a landing page, sales page or checkout page for conversion leaks and return a fix list ordered by expected revenue impact. Use when asked to review, critique or improve a landing page, sales page, opt-in page, product page or checkout flow, when conversion rate is low, when paid traffic is not converting, or when someone asks "why isn't this page converting" or wants a CRO / landing page review.

autonnel/autonnel-skills

Turn an offer into a concrete multi-step sales funnel spec - page-by-page structure, price ladder, copy outline and the metrics each step must hit. Use when asked to build a sales funnel, marketing funnel, landing page flow, lead magnet funnel, webinar funnel, tripwire or VSL funnel, when planning a product launch page flow, or when someone asks "what pages do I need" for selling something online.

autonnel/autonnel-skills

Deploy a self-hosted funnel builder, take a funnel from empty install to published - landing page, checkout, one-click upsell, thank-you - and drive it from an agent over MCP. Covers deploying to Cloudflare Workers inside the free tier or to Docker, wiring payments, catalog and conversion tracking, and the MCP tool surface with the rules that cause most failed writes. Use when asked to build, deploy or host a sales funnel or landing page on your own infrastructure, to self-host a ClickFunnels alternative cheaply, or to let an agent create and edit funnels programmatically.

autonnel/autonnel-skills

Set up server-side conversion tracking so purchases are reported accurately to Facebook, TikTok, Google and Bing despite iOS restrictions, ad blockers and cookie loss. Use when conversions are under-reported, when platform-reported purchases do not match real orders, when asked about Conversions API / Events API / offline conversions / CAPI, click id passthrough (fbclid, ttclid, gclid, msclkid), or when ad optimization has degraded after tracking changes.

Skills relacionados