¿Quieres aceptar pagos con Stripe en tu sitio web de WordPress?
Aunque existen varias pasarelas de pago, Stripe destaca por su simplicidad y sus características amigables para desarrolladores.
En este artículo, te mostraremos cómo aceptar pagos con Stripe en tu sitio de WordPress.
Aceptar Pagos con Stripe en WordPress
Para poder instalar Stripe, tu sitio web necesita tener una encriptación SSL/HTTPS. Esto asegura que los detalles de pago que tus clientes compartirán en tu sitio estén seguros.
Si aún no tienes SSL/HTTPS, aquí te mostramos cómo obtenerlo gratis en cuestión de minutos.
Aquí te mostramos cómo preparar tu sitio web para aceptar pagos con Stripe utilizando dos métodos diferentes:
- WPForms – El Mejor Constructor de Formularios con Integración de Stripe
- WP Simple Pay – El Mejor Plugin de Pagos con Stripe
Empecemos.
Método 1: Aceptar Pagos con Stripe usando WPForms
WPForms es conocido como el mejor plugin constructor de formularios del mercado. Pero, también es uno de los mejores plugins de pago para WordPress.
Viene con un constructor de formularios fácil de usar de arrastrar y soltar que te permite crear cualquier tipo de formulario en línea, incluyendo formularios de pago para aceptar pagos con tarjeta de crédito de tus clientes usando Stripe, PayPal, Square o Authorize.net.
WPForms también ofrece plantillas de formularios predefinidas, lógica condicional inteligente, carga de archivos, formularios de varias páginas, notificaciones instantáneas de formularios y mucho más.
Aquí te mostramos cómo crear un formulario de pago con Stripe usando WPForms.
Paso 1: Instalando WPForms
El primer paso es instalar y activar el plugin WPForms en tu sitio web.
Como referencia, consulta cómo instalar un plugin en tu sitio de WordPress.
Paso 2: Instalación del complemento WPForms Stripe
A continuación, activa el complemento WPForms Stripe yendo al panel de tu sitio web y haciendo clic en WPForms » Complementos.
Ahora, usando el campo de búsqueda, busca el complemento Stripe. Una vez encontrado, haz clic en el botón Instalar complemento.
Paso 3: Preparación de WPForms para aceptar pagos con Stripe
Una vez instalado el complemento, puedes pasar a la página de Configuración navegando a WPForms » Configuración » Pagos.
Ahora haz clic en el botón Conectar con Stripe. En el siguiente paso, deberás autorizar la conexión entre tus formularios y Stripe.
Si ya tienes una cuenta de Stripe, puedes usar el botón en la esquina superior derecha para iniciar sesión.
Si no tienes una cuenta de Stripe, puedes crearla fácilmente usando las opciones de abajo.
Una vez que hayas aceptado los requisitos, serás redirigido de regreso a tu área de administración de WordPress.
Paso 4: Crear un formulario de pago con Stripe
Ahora que has configurado el complemento Stripe con WPForms, comencemos a crear tu formulario de pago con Stripe. Para ello, primero necesitas crear un formulario. Aquí te mostramos cómo crear tu formulario.
También puedes editar uno existente e integrarlo con la opción de Stripe.
Al crear tu formulario, asegúrate de agregar el campo Tarjeta de crédito Stripe a tu formulario desde la sección Campos de pago.
Una vez que hayas agregado todos los campos que deseas a tu formulario, ve a Pagos » Stripe. Ahora, desde el panel de Stripe, selecciona la opción Habilitar pagos con Stripe.
Ahora, en la opción Comprobante de pago de Stripe, haz clic en el menú desplegable y selecciona Email. Ahí es donde se enviará el comprobante de pago de tu cliente.
Si deseas configurar un pago recurrente o por suscripción, también deberás seleccionar la opción Habilitar pagos recurrentes por suscripción en Suscripciones.
Configura tus opciones de pago recurrente y guarda tu formulario.
Paso 5: Publicar tu formulario
WPForms es un plugin de formularios compatible con Gutenberg, por lo que puedes agregar rápidamente un formulario de pago a tu publicación o página usando un bloque.
En tu editor de publicaciones, agrega un nuevo bloque de WPForms haciendo clic en el ícono + (más) en la esquina superior izquierda.
Ahora, se te presentarán varias opciones de menú diferentes. Busca WPForms para localizar el bloque y haz clic en él.
Ahora verás el bloque de WPForms en la pantalla del editor. A continuación, selecciona el formulario que deseas del menú desplegable Seleccionar un formulario.
Ahora puedes ver el formulario completo en tu editor. Una vez hecho esto, publica o actualiza tu artículo.
Si todavía estás usando el editor clásico heredado, puedes publicar el formulario haciendo clic en el botón Agregar formulario encima de tu barra de herramientas.
Al hacer clic en él, se activará una ventana emergente. Selecciona el formulario de pago que creaste en el menú desplegable. Luego, haz clic en Agregar formulario.
Ahora verás que se agregó un shortcode a tu editor de publicaciones. Ahora puedes continuar y publicar tu artículo.
Tu formulario de pago en vivo se verá algo así:
Ahora tu sitio está listo para cobrar pagos con Stripe usando WPForms.
Método 2: Aceptar pagos con Stripe usando WP Simple Pay
WP Simple Pay es el plugin de pagos de Stripe más popular para WordPress. Puedes aceptar fácilmente pagos únicos o recurrentes en tu sitio de WordPress sin configurar un carrito de compras.
El constructor de formularios de pago de arrastrar y soltar es fácil de usar y no requiere codificación. Puedes agregar campos personalizados para recopilar tanta o tan poca información como necesites.
WP Simple Pay también viene con funciones como códigos de cupón, montos personalizados, soporte multilingüe y de divisas, y más.
Si deseas obtener más información, ¡puedes consultar nuestra reseña completa de WP Simple Pay!
Aquí te mostramos cómo crear un formulario de pago de Stripe con WP Simple Pay.
Paso 1: Instalación de WP Simple Pay
Primero, visita el sitio web de WP Simple Pay para comprar y descargar el plugin.
Luego, instala y activa el plugin en tu sitio de WordPress. Si necesitas ayuda, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Una vez que el plugin esté activado, deberás ir a WP Simple Pay » Ajustes en tu panel de WordPress e ingresar tu clave de licencia.
Puedes encontrar tu clave de licencia en el recibo por correo electrónico o en el área de tu cuenta de WP Simple Pay.
Después de escribir o pegar tu clave de licencia, presiona el botón Activar.
Paso 2: Conexión de WP Simple Pay con Stripe
A continuación, se te pedirá que conectes el plugin WP Simple Pay con tu cuenta de Stripe.
Haz clic en el botón Conectar con Stripe y serás dirigido a Stripe.com, donde podrás iniciar sesión en tu cuenta existente o crear una nueva.
Después de ingresar tus datos de inicio de sesión, haz clic en el botón Conectar.
Luego, se te redirigirá al plugin WP Simple Pay. Observa que tu cuenta de Stripe está conectada en Modo de prueba. Recomendamos encarecidamente permanecer en Modo de prueba hasta que hayas terminado de configurar tu formulario de pago.
Ahora es el momento de empezar a crear tu primer formulario de pago...
Paso 3: Crea un formulario de pago de Stripe
Para crear un formulario de pago de Stripe, haz clic en el botón Crear tu formulario de pago. Alternativamente, puedes ir a WP Simple Pay » Agregar nuevo desde tu Panel de WordPress.
Después de hacer clic en el botón, serás llevado al constructor de formularios donde podrás empezar a crear tu formulario de pago.
Primero, en la pestaña General, puedes darle un título y una descripción a tu formulario de pago.
Directamente debajo del título y la descripción, selecciona el Tipo de formulario que deseas. Tienes tres opciones para elegir:
- Incrustado – Incrusta un formulario de pago directamente en tu sitio de WordPress.
- Superposición – Crea un formulario de superposición, similar a un popup.
- Stripe Checkout – Utiliza un flujo de pago fuera del sitio que está optimizado para conversiones.
Para este tutorial, crearemos un formulario incrustado para mantener a los usuarios en el sitio durante todo el proceso de pago.
En la misma página, también puedes configurar tu Página de éxito de pago y habilitar reCAPTCHA Anti-Spam.
A continuación, haz clic en la pestaña Pago y desplázate hacia abajo hasta la sección Opciones de precio.
Aquí, puedes agregar una Etiqueta de visualización opcional que se utilizará como descripción del artículo por Stripe. Debajo de Monto, puedes establecer el precio y la moneda.
También puedes elegir entre un pago Único y un pago de Suscripción. Los pagos de suscripción solo están disponibles con la licencia Plus o superior, por lo que para este tutorial, elegiremos la opción de pago Único.
A continuación, haz clic en la pestaña Campos del formulario para personalizar tu formulario. Como puedes ver, se agregan automáticamente cuatro campos al formulario, que incluyen la dirección de correo electrónico, las opciones de precio (si tienes más de un precio), el método de pago y el botón de pago.
Puedes agregar campos adicionales a tu formulario haciendo clic en el menú desplegable Elegir un campo. Hay campos como el nombre del cliente, número de teléfono, cupón y más. Selecciona los campos que desees y haz clic en el botón Agregar campo para añadirlos a tu formulario.
También puedes reorganizar el orden de tus campos arrastrándolos y soltándolos en su lugar, así como configurar los ajustes individuales de cada campo haciendo clic en ellos.
Asegúrate de presionar el botón Actualizar para guardar tus cambios.
También puedes hacer clic en el botón Vista previa para ver cómo se ve tu formulario, debería verse algo así:
Si estás satisfecho con tu formulario, es hora de agregarlo a tu sitio web.
Paso 4: Publicar tu formulario
Para agregar tu formulario de pago a tu sitio, asegúrate de que esté publicado y copia el Shortcode del formulario, que se ve así: [[simpay id=”90”]]
A continuación, crea una nueva página o publicación de WordPress, o edita una existente. Luego, pega el shortcode en el editor de WordPress. Esto agregará automáticamente el widget de Shortcode a tu página.
Ahora puedes hacer clic en el botón Vista previa o Publicar/Actualizar la página para ver cómo se ve tu formulario de pago en tu sitio.
Paso 5: Realizar un pago de prueba
Como mencionamos anteriormente, es mejor mantener tu formulario de pago en Modo de prueba hasta que sepas que funciona correctamente.
Entonces, veamos tu formulario ahora y hagamos un pago de prueba. Completa los campos del formulario, incluido un número de tarjeta de prueba, que Stripe proporciona en su sitio web.
Después de haber enviado el formulario, Stripe procesará el pago y deberías ver una página de confirmación como la siguiente:
Ahora que sabes que tu formulario de pago funciona, puedes desactivar el modo de prueba yendo a WP Simple Pay » Configuración desde el panel de WordPress. En la pestaña Stripe, elige la opción Desactivado en Modo de prueba.
Luego, haz clic en Guardar cambios.
¡Ahora estás listo para empezar a aceptar pagos con Stripe en tu sitio de WordPress!
Eso es todo. Esperamos que te haya gustado esta guía sobre cómo aceptar pagos con Stripe. También podrías querer revisar los mejores plugins de pago de Stripe para tu sitio de WordPress.
Preguntas frecuentes sobre pagos con Stripe para WordPress
¿Stripe es gratis o de pago?
Registrarse en Stripe es gratis. Una vez que empieces a recibir pagos, se te aplicarán tarifas de transacción bajo un modelo de precios de pago por uso. No hay tarifas de configuración, tarifas mensuales ni tarifas ocultas.
¿Puedo usar Stripe en WooCommerce?
Sí, puedes habilitar los pagos con Stripe dentro de la configuración del plugin de WooCommerce. Dentro de la pestaña Configuración » Pagos, puedes habilitar cualquier método de pago y luego usar el botón Configurar para ajustarlo.
¿Qué es mejor, Stripe o PayPal para WordPress?
PayPal es más adecuado para individuos y pequeñas empresas que recién están comenzando. Stripe es una pasarela de pago más avanzada que permite a tus clientes pagar con su método preferido. También viene con funciones de gestión de pagos, lo que lo hace más adecuado para empresas de todos los tamaños.
A continuación, puedes consultar nuestra guía sobre cómo agregar pagos con Square en WordPress.
Comentarios Dejar una respuesta