Skip to main content

​
Descripción general

El plugin de Dodo Payments para Framer añade botones de compra para tus productos de Dodo Payments a un sitio de Framer. Cada botón abre el checkout como una superposición en tu página o envía al cliente a la página de checkout alojada, en modo de prueba o modo activo.

Official Plugin

Instala el plugin de Dodo Payments desde Framer Marketplace.

​
Características

Hosted or Overlay Checkout

Abre el checkout como una superposición en tu página o envía a los clientes a la página de checkout alojada.

Drag-and-Drop Setup

Pega tu API key en el plugin, añade un botón de compra al canvas y publica.

Digital Delivery

Envía enlaces de descarga o claves de licencia a los clientes por correo electrónico después del pago.

Worldwide Coverage

Vende a clientes en más de 220 países con tarjetas, wallets y métodos de pago locales.

Automatic Tax & Invoicing

Como Merchant of Record, Dodo Payments calcula y remite el IVA, el GST y el impuesto sobre las ventas, y emite una factura por cada pago.

No-Code Subscriptions

Los productos de suscripción obtienen el mismo botón de compra que los productos de pago único, sin necesidad de código.

​
Guía de Configuración

1

Generate API Key

En el dashboard de Dodo Payments, ve a Developer → API Keys y haz clic en Add API Key. También puedes abrir directamente la página API Keys.Una API key funciona en un solo modo. Antes de crearla, usa el interruptor Live Mode de la barra lateral para elegir el modo:
Para producción. Los clientes pagan con métodos de pago reales.
Copia la API key y guárdala de forma segura. El dashboard solo la muestra una vez y la pegarás en el plugin en el siguiente paso.
2

Authenticate Plugin

Mantén tu API key en secreto. Nunca la compartas ni la publiques.
  1. Abre el plugin de Dodo Payments en Framer. Se abre en la página Authenticate.
  2. En API Mode, selecciona Test Mode o Live Mode para que coincida con tu API key.
  3. Pega tu API key en API Key.
  4. Haz clic en Continue.
3

Manage Products

Después de autenticarte, el plugin muestra los productos del modo que seleccionaste en Products:
  • Existing products aparecen automáticamente, cada uno marcado como One-time o Subscription.
  • No products yet: haz clic en el botón Plus (+) junto a Products.
El botón Plus (+) abre el dashboard de Dodo Payments, donde puedes crear un producto y establecer su precio, descripción y otras opciones.
4

Add Buy Buttons

  1. Selecciona un producto de la lista.
  2. Haz clic en Add Buy Button.
El plugin añade a tu canvas un botón de compra con la etiqueta Buy {product_name}. En la misma pantalla del producto, Edit abre el producto en el dashboard de Dodo Payments y Show Preview abre su vista previa del checkout.
Add Buy Button está desactivado si no tienes permiso para añadir componentes y cambiar sus propiedades en el proyecto de Framer.

​
Personalización

Para cambiar cómo funciona un botón de compra, selecciónalo en el canvas y edita sus propiedades en Framer.
1

Select Checkout Experience

Configura Type para elegir cómo se abre el checkout:
  • Overlay: el checkout se abre como una superposición en tu página de Framer, de modo que los clientes permanecen en tu sitio. El plugin usa este tipo para los botones nuevos.
  • Hosted: el botón enlaza a la página de checkout alojada de Dodo Payments. Link Target establece si la página se abre en una pestaña nueva o en la misma pestaña.
2

Customize Appearance Options

Adapta el botón y el checkout a tu sitio con estas propiedades:
  • Checkout Theme: un checkout claro u oscuro.
  • Label: el texto del botón, como “Buy Now”, “Purchase” o “Get Started”.
  • Estilo del botón: el color de fondo, el color del texto, la fuente, el tamaño de fuente, el radio del borde y el relleno.
  • Return URL: la página de Framer o URL a la que regresan los clientes después del checkout.
  • Environment: Live o Test. El plugin lo establece según el modo con el que te autenticasti.

​
Solución de problemas

Problema: el plugin no se autentica.Soluciones:
  • Comprueba que hayas pegado la API key completa.
  • Comprueba que API Mode coincida con el modo en el que se creó la clave. Una clave del modo de prueba no funciona en el modo activo, y una clave del modo activo no funciona en el modo de prueba.
  • Comprueba tu conexión a Internet.
Problema: Add Buy Button está desactivado.Soluciones:
  • Comprueba que tu rol en el proyecto de Framer te permita añadir componentes y cambiar sus propiedades.
  • Comprueba que el plugin esté autenticado.
  • Cierra y vuelve a abrir el plugin.
Problema: los productos no aparecen en el plugin.Soluciones:
  • Comprueba que hayas creado productos en tu dashboard de Dodo Payments.
  • Comprueba que los productos existan en el mismo modo que tu API key. El plugin solo muestra los productos del modo con el que te autenticasti.
  • Vuelve a autenticar el plugin.
Última modificación el 26 de septiembre de 2026