Saltar al contenido principal

​
Descripción general

El plugin de Dodo Payments para Framer integra sin problemas el procesamiento de pagos en tus sitios web de Framer. Crea experiencias de pago personalizables con soporte para entornos de prueba y producción.

Official Plugin

Accede al plugin oficial de Dodo Payments en el marketplace de Framer.

​
Características

Hosted or Overlay Checkout

Elige un flujo de página completa o una superposición en línea que se sienta nativa en tu sitio.

Drag-and-Drop Setup

Agrega el componente, pega tus claves, publica.

Instant Digital Delivery

Enlaces de descarga seguros o claves de licencia enviados por correo en el momento en que se confirma el pago.

Worldwide Coverage

Adquisición de nivel bancario en seis continentes, métodos locales incluidos.

Automatic Tax & Invoicing

IVA, GST, impuestos sobre ventas y recibos gestionados para cada pedido.

No-Code Subscriptions

Activa un interruptor para vender planes de suscripción para tus productos.

​
Guía de Configuración

1

Generate API Key

Visita el Dodo Payments Dashboard y crea una nueva clave de API.
Para uso en producción con procesamiento real de pagos.
Copia tu clave de API de forma segura: la necesitarás en el siguiente paso.
2

Authenticate Plugin

  1. Abre el plugin de Dodo Payments en Framer
  2. Ve a la página de Autenticación
  3. Pega tu clave de API
  4. Selecciona el modo adecuado (Test o Live)
  5. Haz clic en Continue para autenticarte
Mantén tus claves de API seguras y nunca las compartas públicamente.
3

Manage Products

Después de la autenticación, verás la lista de tus productos:
  • Productos existentes: Se muestran automáticamente
  • Sin productos: Haz clic en el botón Más (+) junto a ‘Productos’
Serás redirigido al Panel de Dodo Payments para crear productos con precios, descripciones y configuraciones.
4

Add Buy Buttons

  1. Selecciona un producto de tu lista disponible
  2. Haz clic en el botón Add Buy Button
  3. Se agregará a tu lienzo un botón de compra con el texto Buy {product_name}
El botón Agregar compra estará deshabilitado si no tienes los permisos adecuados del proyecto.

​
Personalización

1

Select Checkout Experience

Elige la experiencia de pago que prefieras:
  • Overlay (Embedded): El proceso de pago aparece como una superposición dentro de tu proyecto de Framer, manteniendo a los usuarios en tu sitio.
  • Hosted: Los usuarios son redirigidos a una página de pago alojada por Dodo Payments para una experiencia simplificada.
2

Customize Appearance Options

Personaliza tu experiencia de pago con los siguientes ajustes de apariencia:
  • Checkout Theme: Elige entre temas claro u oscuro para que coincida con la estética de tu marca.
  • Button Label: Personaliza el texto (por ejemplo, ‘Buy Now’, ‘Purchase’, ‘Get Started’).
  • Button Styles: Ajusta colores, fuentes, tamaños y otras propiedades de estilo.
  • Return URL: Establece una página de Framer a la que el usuario regresará después del pago.

​
Solución de Problemas

Problema: El plugin no se autenticaSolutions:
  • Verifica que tu clave de API sea correcta
  • Asegúrate de estar usando el modo adecuado (Test/Live)
  • Verifica tu conexión a internet
Problema: El botón Agregar compra está deshabilitadoSolutions:
  • Verifica que tengas los permisos correctos en tu proyecto de Framer
  • Asegúrate de estar autenticado correctamente
  • Intenta actualizar el plugin
Problema: Los productos no se muestranSolutions:
  • Asegúrate de tener productos creados en tu panel de Dodo Payments
  • Comprueba que tu clave de API tenga los permisos correctos
  • Intenta volver a autenticarte