¿Cómo configurar Indiegraf Pay?
Aprende a conectar Stripe a tu sitio web y cómo configurar y editar Indiegraf Pay.
Indiegraf Pay te permite recaudar donaciones y pagos de tus lectores. Indiegraf Pay te brinda más control sobre tu página de "Apóyanos" con funciones como la conexión con Stripe en un solo clic y opciones de precios personalizadas. Con el bloque de Tabla de precios, también puedes crear tablas de precios personalizadas con Enlaces de pago de Stripe.
Los beneficios 🎉
-
Gestión directa: Crea o edita productos y precios directamente en el backend de tu sitio.
-
Conexión en un solo clic: Conecta Stripe con un solo clic para crear productos directamente desde el backend de tu sitio web.
-
Modo de prueba: Utiliza el modo de prueba para verificar todo el proceso de pago.
-
Monto personalizado: Opción de "Monto personalizado" para que los lectores donen la cantidad que deseen a partir de $5.
-
Nivel destacado: Identifica una opción de nivel (tier) como la “Más popular”.
-
Tablas de precios: Crea tablas de precios personalizadas.
-
Personalización total: Completamente adaptable para lograr una apariencia y estilo únicos.
Además, Indiegraf Pay aprovecha la funcionalidad de Stripe Connect, lo que te permite otorgar acceso a Indiegraf a través de una cuenta vinculada segura. Esto proporcionará seguridad adicional a tu cuenta y simplificará el intercambio de los datos de tus informes.
❗️Se requiere una cuenta de Stripe: Se requiere una cuenta de Stripe para usar Indiegraf Pay. Al configurar Indiegraf Pay, puedes conectar una cuenta de Stripe existente o crear una nueva.
Paso 1 - Conectar Stripe
-
Para comenzar, dirígete a Indiegraf Pay en la barra lateral izquierda.
-
En el Paso 1, haz clic en el botón Connect with Stripe (Conectar con Stripe). Al conectarte a Stripe, puedes vincular una cuenta existente o crear una nueva. Por favor, sigue las instrucciones en pantalla para completar la conexión.
🚩 Al crear una cuenta nueva, Stripe te pedirá información como tu dirección comercial y número de teléfono. Si eres una organización sin fines de lucro, también necesitarás tu identificación gubernamental, como un EIN o ID de organización benéfica. Asegúrate de tener esta información a mano cuando configures una cuenta nueva de Stripe.
Modo de prueba vs. Modo en vivo
Por defecto, tu cuenta se conectará en modo en vivo (live mode). Si deseas crear productos de prueba primero, puedes hacer clic en “Connect your account in test mode”. El modo de prueba de Stripe te permite probar tu integración sin realizar cargos ni pagos reales.
Recuerda seguir los pasos descritos anteriormente para el modo en vivo y el modo de prueba por separado, ya que Stripe los trata como cuentas distintas. Una vez completado, podrás alternar entre los modos en vivo y de prueba.
📌 Note: Si desconectas la cuenta del modo de prueba, el modo en vivo permanecerá activo hasta que también lo desconectes. Sin embargo, desconectar la cuenta de Stripe desde la configuración del modo en vivo de Indiegraf Pay desconectará tanto el modo en vivo como el de prueba.
Paso 2 - Crear Productos
Indiegraf Pay te permite crear hasta 3 niveles (tiers) con hasta 3 opciones de pago (mensual, anual y pago único).
Para crear un nivel:
-
Nombre del nivel: Añade un nombre para tu nivel.
-
Opciones de pago: Añade al menos un monto y una opción de pago (mensual, anual o pago único).
-
Montos: Para cada opción, puedes ingresar cualquier cantidad desde $5 (mínimo) hasta $5000 (máximo).
-
-
Contenido y propuesta de valor: Incluye una descripción, el logo del nivel y las funciones (features) para resaltar los beneficios y ofrecer una propuesta de valor a tus lectores.
-
Logo: El logo aparece en la tabla de precios en formato cuadrado. Se aceptan formatos PNG, JPG o WEBP. El archivo debe pesar menos de 2 MB.
-
Funciones (Features): Cada función tiene un límite de 80 caracteres.
-
-
Guardar: Haz clic en Save (Guardar) para completar la configuración del nivel.
-
Etiqueta de "Más popular": Configura la etiqueta Most Popular Label para destacar un nivel específico.
- Puedes elegir un nivel y mostrar la etiqueta más popular. Los editores suelen mostrarla en el nivel de precio medio, pero puedes optar por otro nivel o no mostrar ninguna.

6. Añadir una cantidad personalizada
-
Puedes optar por mostrar una cantidad personalizada en la página de soporte mediante el botón Cantidad personalizada, donde los usuarios pueden seleccionar manualmente el valor de su donación:

Paso 3 - Diseña tu Página de Donaciones
¡Ya estás listo para diseñar tu página de donaciones y revisar tus niveles!
Para acceder a tu página de soporte o donaciones, dirígete al botón Go to support page. En la vista del editor de la página, revisa y ajusta la siguiente configuración:
-
Logo y mensaje: En la parte superior de la página, sube tu logo y personaliza tu mensaje de solicitud de donación (appeal message).
-
Configuración de la tabla de precios: En los ajustes de la tabla de precios, puedes ocultar ciertas recurrencias, personalizar los llamados a la acción (CTA) y la etiqueta Most Popular.
-
URL de pago: Verifica que el campo "Checkout page URL" apunte a la página correcta.
-
Personaliza el aspecto de la tabla de precios utilizando los colores de tu marca.
-
Cambia la configuración avanzada de Yoast para permitir la indexación del bot de Google en Yoast SEO > Advanzado.
-
Mensaje del fundador: Personaliza o elimina la sección “Message from our founder” (Mensaje de nuestro fundador) con información sobre tu medio o una solicitud de donación.
Bloque de Tabla de precios (Pricing Table Block)
¿Quieres construir algo diferente?
Con el bloque de Tabla de precios, puedes crear una tabla de precios personalizada. Esto te permite configurar manualmente productos y precios mediante los Stripe Payment Links (Enlaces de pago de Stripe), en lugar del proceso de pago estándar de Indiegraf Pay. Puedes ofrecer múltiples opciones mensuales, opciones para grandes donantes u otras estructuras de precios únicas. Para los usuarios de Pelcro, esta función permite a los medios ofrecer una alternativa a la ventana emergente (popup) predeterminada.
La tabla de precios flexible es un bloque que se puede añadir a cualquier página. Permite la configuración manual de pestañas, precios, imágenes y enlaces a las páginas de pago de Stripe o a los modelos de Pelcro. Los medios pueden añadir tantas pestañas y opciones de precios como deseen. La configuración también incluye la opción de establecer una pestaña predeterminada.