Cómo configurar webhooks de Stripe sin WooCommerce

Cómo configurar un webhook de Stripe de WordPress (sin WooCommerce)

¿Alguna vez se ha preguntado cómo integrar un webhook de Stripe de WordPress para un proceso de pago en línea fluido?

Al aprovechar las capacidades de los webhooks de Stripe, puede mejorar su juego de pagos y garantizar una experiencia de usuario sin problemas.

Este tutorial le enseñará cómo integrar webhooks de Stripe con WPForms en un instante, manteniendo su sitio sincronizado con sus actividades de Stripe.

¡Genial! Ahora es el momento de configurar la conexión de Stripe con WPForms y habilitar los webhooks de Stripe para sincronizar tu sitio web con tus actividades de Stripe.

Cómo configurar webhooks de Stripe (sin WooCommerce)

Puedes configurar fácilmente webhooks de Stripe utilizando la integración nativa de Stripe de WPForms. Sigue los pasos a continuación para empezar:

1. Instalación y activación de WPForms

WPForms facilita la creación de formularios en tu sitio. Funciona con Stripe y otras plataformas de pago, lo que lo convierte en uno de los mejores plugins de pago para WordPress.

Además, el plugin gratuito WPForms facilita la conexión de tus formularios de pedido con Stripe, cobrando una tarifa nominal del 3% por transacción + las tarifas de Stripe.

Todos los niveles de licencia, incluidos los clientes de WPForms Lite, también pueden usar webhooks para una conexión bidireccional con Stripe, que es menos complicada y consume menos tiempo que WooCommerce.

Si deseas eliminar las tarifas adicionales, puedes actualizar a WPForms Pro para ahorrar costes a largo plazo y acceder a funciones más avanzadas.

La página de inicio de WPForms

Una vez que hayas elegido tu versión de WPForms y estés listo para continuar, ¡descarga y activa el plugin en tu sitio web de WordPress!

¡Genial! Ahora es el momento de configurar la conexión de Stripe con WPForms y habilitar los webhooks de Stripe para sincronizar tu sitio web con tus actividades de Stripe.

2. Conectar Stripe a tu sitio de WordPress

Para empezar, deberás abrir WPForms » Ajustes en el menú de la izquierda de tu panel de WordPress. Desde allí, haz clic en la pestaña Pagos.

Pestaña de pagos de WPForms

Si deseas cambiar la divisa utilizada en tu sitio, selecciona la divisa deseada en el menú desplegable antes de continuar.

Selección de moneda de pago

Una vez que estés listo para integrar los pagos de Stripe en tu plataforma, desplázate hacia abajo y haz clic en el botón azul Conectar con Stripe.

Conectar con Stripe

Después de eso, deberás introducir tus datos de inicio de sesión de Stripe para conectar tu cuenta de Stripe con WPForms. Si no tienes una cuenta de Stripe, ahora podría ser un buen momento para crear una.

Cuenta de Stripe de WPForms

Después de seguir todos los pasos del asistente de Conexión de Stripe, serás redirigido de nuevo al área de administración de tu sitio. Aquí deberías ver una marca de verificación verde junto a Estado de la conexión.

Estado de la conexión de Stripe

Nota: El webhook se configurará automáticamente cuando conectes tu sitio a Stripe. Intentará la autoconfiguración varias veces en segundo plano.

Sin embargo, en algunos casos raros, la autoconfiguración puede no funcionar para su cuenta. En ese caso, WPForms mostrará campos para configurarla manualmente.

Para configurar el webhook de Stripe manualmente, deberás crear un punto final en el panel de Stripe y copiar las claves de configuración en WPForms.

3. Configurar manualmente el webhook de Stripe

Para ello, navega a WPForms » Ajustes en el menú de la izquierda del sitio de WordPress. Haz clic en la pestaña Pagos.

A continuación, desplázate hacia abajo hasta que llegues al área etiquetada como Stripe. Para empezar, activa la opción Habilitar webhooks desde aquí.

opción de habilitar webhooks

Luego, en la parte inferior de la página, haz clic en Guardar ajustes. La página se actualizará y deberías poder ver campos adicionales para una mayor configuración de webhooks.

campo de webhooks

Puedes utilizar tu cuenta de Stripe para crear un nuevo endpoint, que te proporcionará los datos que necesitas para estos campos.

Nota: Se requieren configuraciones individuales para los modos Live y Test. Utiliza los campos ID de Webhooks de prueba y Secreto de Webhooks de prueba para el Modo de prueba.

Utiliza los campos ID de Webhooks en vivo y Secreto de Webhooks en vivo para el Modo en vivo. Asegúrate de que el modo de tu sitio coincida con la configuración de Stripe.

Luego, puedes cambiar entre los modos de sincronización en vivo y de prueba visitando*domain*/wp-admin/admin.php?page=wpforms-settings&view=payments&webhooks_settings.

4. Crear un punto final de webhook en Stripe

Inicia sesión en tu cuenta de Stripe y accede a tu panel de Stripe desde una nueva pestaña para que puedas volver a la página de configuración de WPForms más tarde.

Cuando inicies sesión en tu cuenta de Stripe, aparecerá un botón de alternancia de Modo de prueba en la esquina superior derecha de la página.

modo de prueba del panel de Stripe

Nota: Si estás en Modo de prueba, el interruptor debe estar ACTIVADO, y si estás en Modo en vivo, debe estar DESACTIVADO.

Para continuar, querrás navegar a la opción Desarrolladores, que se encuentra en la esquina superior derecha de la página.

opción de desarrolladores del panel de Stripe

Después de haber abierto la página de Desarrolladores, simplemente navega a la pestaña Webhooks y haz clic en ella.

pestaña de webhooks en el panel de Stripe

A continuación, haz clic en el icono Añadir un endpoint en la página de Webhooks para crear un nuevo endpoint de webhook.

añadir un endpoint

Esto abre una página de eventos de webhook Escuchar a Stripe donde debes completar la información necesaria para configurar tu webhook.

página de eventos de Stripe

Ahora, regresa a WPForms » Ajustes » Pagos. Una vez allí, copia el Endpoint de Webhooks haciendo clic en el icono de copiar.

copiar el endpoint de webhooks

Una vez copiado el Endpoint de Webhooks, ve a tu cuenta de Stripe e introdúcelo en el campo URL del endpoint.

URL del endpoint en la cuenta de Stripe

Luego, aparecerán las opciones Escuchar a y Versión. Déjalas sin modificar y haz clic en el botón + Seleccionar eventos.

botón de seleccionar eventos

Para completar tu selección de eventos, marca la opción Seleccionar todos los eventos y luego haz clic en el botón Añadir eventos.

añadir eventos de Stripe

Una vez que hayas terminado, desplázate hasta la parte inferior de la página y haz clic en el botón Añadir endpoint.

añadir endpoint de Stripe

Después de configurar el webhook, encontrarás el ID del webhook mostrado en la parte superior derecha de la página. Simplemente haz clic en él para copiarlo.

copiar el ID del webhook de Stripe

Regresa a WPForms » Ajustes » Pagos y pega el ID del webhook en el área ID de Webhooks en vivo.

pegar el ID del webhook en vivo de Stripe

Después de eso, vuelve a tu cuenta de Stripe, localiza la sección de clave Secreto de firma y luego haz clic en la opción Revelar.

Revelar secreto de firma de Stripe

Cuando se revele el Secreto de firma, copia su valor y pégalo en el campo Secreto de Webhooks en vivo en la configuración de tu WPForms.

secreto en vivo de webhooks

A continuación, haz clic en Guardar ajustes, ¡y habrás terminado con la configuración! Tus estados de pago ahora se sincronizarán en tiempo real entre WPForms y Stripe.

5. Aprovechar las funciones de pago mejoradas

Una vez que esté listo para recibir pagos a través de Stripe y WPForms, puede realizar diversas acciones sin acceder frecuentemente al panel de Stripe.

Por ejemplo, puede acceder a todos los pagos de WPForms en su panel de WordPress yendo a WPForms » Pagos y seleccionando la pestaña Resumen.

Puede cambiar lo que muestra el gráfico y ver rápidamente los datos que más le interesan haciendo clic en las opciones debajo del gráfico, como:

  • Pagos Totales
  • Ventas Totales
  • Reembolsos Totales
  • Nuevas Suscripciones
  • Renovaciones de Suscripción
  • Cupones Canjeados

Gráfico resumen de pagos de WPForms

Además, puede filtrar los pagos según varios criterios utilizando los menús desplegables en la parte superior de la tabla de pagos, que incluyen:

  • Todos los tipos: El tipo de pago, que incluye pagos únicos y suscripciones.
  • Todas las pasarelas: El método de pago utilizado para gestionar y aprobar la transacción de pago, incluyendo PayPal Standard, PayPal Commerce, Stripe, Square y Authorize.net.
  • Todas las suscripciones: El estado actual del pago basado en suscripción, que puede ser uno de los siguientes: Activo, Cancelado o No sincronizado.

opciones de filtro de pago de wpforms

Nota: La opción de filtro Todas las pasarelas solo está disponible si ha habilitado varias pasarelas de pago en WPForms.

Si necesita más información sobre un pago específico, simplemente haga clic en el correo electrónico del pagador ubicado en la columna Pago.

hacer clic en pago individual

Ahora podrá ver toda la información necesaria sobre ese pago en su página de pago dedicada.

página de pagos individuales

Si es necesario, puede hacer clic en Ver en Stripe para acceder a los detalles del pago directamente dentro de la plataforma de pasarela de pago.

ver en stripe

O, si desea iniciar un reembolso a través de Stripe o la pasarela de pago para el pago respectivo, haga clic en el botón Reembolsar.

reembolsar pago

También puede cancelar una suscripción directamente desde el panel de WordPress haciendo clic en el botón Cancelar para el pago respectivo.

cancelar suscripción

Para obtener más información sobre cómo navegar y ver los detalles de la página de entrada individual, consulta nuestra guía sobre Entradas de formulario.

Más preguntas sobre el Webhook de Stripe para WordPress

Integrar el Webhook de Stripe en WordPress es un tema popular entre nuestros lectores. Aquí hay respuestas a algunas consultas comunes al respecto.

¿Cómo cambiar entre el modo en vivo y el modo de prueba para el webhook de Stripe?

Puede cambiar entre los modos de sincronización en vivo y de prueba visitando*domain*/wp-admin/admin.php?page=wpforms-settings&view=payments&webhooks_settings

¿Cómo agrego Webhooks de Stripe a WordPress?

Puede utilizar la integración nativa de Stripe de WPForms para una configuración de webhook sin problemas en su sitio de WordPress, sin necesidad de conocimientos de codificación.

¿Es compatible WordPress con los Webhooks?

Sí, WordPress es compatible con los webhooks, y herramientas como WPForms hacen que la integración sea aún más sencilla con Stripe.

¿Es Stripe gratuito en WordPress?

Si bien Stripe tiene tarifas de procesamiento, integrarlo con WordPress utilizando la función nativa de Stripe de WPForms no impone costos adicionales por parte del plugin.

A continuación, aprenda cómo crear un cupón de un solo uso en WordPress

¿Quiere aprender a crear cupones de un solo uso sin WooCommerce? Descubra la forma más fácil de crear un formulario para gestionar y distribuir cupones de un solo uso con WPForms.

Crea tu formulario de WordPress ahora

¿Listo para crear tu formulario? Empieza hoy mismo con el plugin constructor de formularios de WordPress más fácil. WPForms Pro incluye muchas plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.

Si este artículo te ha sido útil, síguenos en Facebook y Twitter para obtener más tutoriales y guías gratuitas de WordPress.

Divulgación: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Descubre cómo se financia WPForms, por qué es importante y cómo puedes apoyarnos.

Hamza Shahid

Hamza es Redactor del equipo de WPForms, que también se especializa en temas relacionados con marketing digital, ciberseguridad, plugins de WordPress y sistemas ERP. Aprende más

El mejor plugin constructor de formularios de arrastrar y soltar para WordPress

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.

Añadir un comentario

Nos complace que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Este formulario está protegido por Cloudflare Turnstile y se aplican la Política de Privacidad y los Términos de Servicio de Cloudflare.