Configurar webhooks de Stripe

¿Te gustaría integrar los webhooks de Stripe con los formularios de tu sitio web? Con la integración de los webhooks de Stripe en WPForms, tu sitio de WordPress sabrá al instante sobre cualquier reembolso o cambio de suscripción realizado en Stripe.

Esta guía te mostrará cómo conectar fácilmente los webhooks de Stripe con WPForms, asegurando que tu sitio web se mantenga sincronizado con tus actividades de Stripe.


Antes de empezar, asegúrate de instalar WPForms en tu sitio de WordPress. Después de eso, conecta tu sitio a tu cuenta de Stripe.

Comprensión de los webhooks

Los webhooks actúan como mensajes automatizados enviados entre aplicaciones cuando ocurren ciertos eventos. Al integrar los webhooks de Stripe con WPForms, tu sitio de WordPress se sincroniza perfectamente con Stripe, permitiendo que los estados de pago se actualicen en tiempo real.

Una vez integrados los webhooks, tu sitio de WordPress no solo se mantiene informado de las actividades de Stripe, sino que también te permite gestionar reembolsos y renovaciones de suscripción directamente, sin necesidad de visitar el panel de control de Stripe.

Habilitación de webhooks en WPForms

Los webhooks se configuran automáticamente para la versión 1.8.4 o superior de WPForms cuando conectas tu cuenta de Stripe. Consulta nuestra sección de preguntas frecuentes si deseas habilitar la opción de configuración manual.

Después de conectar tu sitio a Stripe, los webhooks deberían configurarse automáticamente. Si no es así, necesitarás crear un endpoint en el panel de control de Stripe y transferir las claves de configuración a tu configuración de WPForms manualmente.

Para hacerlo, ve a WPForms » Ajustes en el menú de la izquierda de tu sitio de WordPress. Desde allí, haz clic en la pestaña Pagos .

Abrir la pestaña Pagos de la configuración de WPForms

A continuación, desplázate hacia abajo hasta la sección Stripe . Aquí, activa la opción Habilitar Webhooks .

Habilitar la opción de Webhooks

A continuación, haz clic en el botón Guardar Ajustes en la parte inferior de la página.

Después de guardar tus ajustes, la página se actualizará. Ahora deberías ver campos adicionales para una mayor configuración de webhooks.

Campos de webhooks

Para generar la información que necesitas para estos campos, deberás usar tu cuenta de Stripe para crear un nuevo endpoint. Este proceso no requiere codificación, y te mostraremos exactamente qué hacer en el siguiente paso.

Volverás a la página de ajustes de WPForms más tarde, así que para el siguiente paso, abre una nueva pestaña o ventana en tu navegador.

Los modos Live y Test necesitan configuraciones individuales. Para el Modo de Prueba, usa los campos ID de Webhook de Prueba y Secreto de Webhook de Prueba. Para el Modo Live, usa los campos ID de Webhook Live y Secreto de Webhook Live. Asegúrate de que el modo de tu sitio coincida con los ajustes de Stripe.

Crear un punto de conexión de webhook en Stripe

En la nueva pestaña o ventana que has abierto, inicia sesión en tu cuenta de Stripe y abre tu panel de Stripe.

Cuando inicies sesión en tu cuenta de Stripe, encontrarás un botón de alternancia de Modo de prueba en la esquina superior derecha de la página. Asegúrate de que este botón coincida con el modo de tu sitio: si tu sitio está en Modo de prueba, activa el botón Activado, y si tu sitio está en Modo en vivo, asegúrate de que esté Desactivado.

Botón de alternancia del modo de prueba en Stripe

A continuación, haz clic en la opción Desarrolladores ubicada en la esquina superior derecha y selecciona Workbench.

Haz clic en Developers y luego selecciona Workbench

Este tutorial utiliza la nueva herramienta Stripe Workbench, que es la recomendada. Sin embargo, si todavía estás utilizando la herramienta de Desarrollador en Stripe, consulta nuestro tutorial para aprender cómo configurar webhooks a través del panel de desarrollador.

Una vez que se abra la pantalla de Workbench, haz clic en la pestaña Webhooks .

Seleccionar Webhooks

En la pestaña Webhooks, haz clic en el bot ildeo>+ Crear un punto final para crear un nuevo punto final de webhook.

Crear un endpoint

Esto abre la p ildeagina Seleccionar eventos, donde deber ildeas introducir detalles para configurar tu webhook. Aseg ildeurate de que la opci ildeon Eventos de est ildea configurada en Tu cuenta.

Seleccionar cuenta para rastrear eventos

Despu ildees de eso, despl ildeazate hacia abajo hasta la secci ildeon Eventos. Aqu ildea, haz clic en el men ildeu desplegable Cargos y marca la opci ildeon Seleccionar todos los eventos de cargos.

Seleccionar todos los eventos de Carga

A continuaci ildeon, selecciona el men ildeu desplegable Cliente y marca la opci ildeon Seleccionar todos los eventos de clientes.

Seleccionar todos los eventos de Clientes

Finalmente, localiza el men ildeu desplegable Factura y marca la opci ildeon Seleccionar todos los eventos de facturas.

Seleccionar todos los eventos de Factura

Despu ildees de elegir los eventos que deseas configurar, haz clic en Continuar para proceder.

Haz clic en Continuar para proceder

Ahora, deber ildeas a tildeadir el punto final de Webhooks de WPForms en el campo URL del punto final.

Para ello, vuelve a la pesta tildea del navegador con tu p ildeagina de configuraci ildeon de WPForms abierta. Una vez all ildea, deber ildeas copiar el punto final de Webhooks haciendo clic en el icono de copiar.

Copiar el Endpoint de Webhooks de WPForms

Despu ildees de eso, cambia a tu cuenta de Stripe y pega el punto final de Webhooks en el campo URL del punto final.

Pegar URL del endpoint

Aunque el campo Descripci ildeon es opcional, recomendamos introducir WPForms para identificar f ildeacilmente el prop ildeosito del webhook.

Una vez hecho esto, haz clic en el bot ildeo>Crear destino para guardar tu punto final.

Haz clic en el botón Crear destino

Una vez que hayas configurado el webhook, Stripe te navegar ildea a su p ildeagina dedicada. Aqu ildea, podr ildeas copiar tanto el ID del webhook como el secreto de firma. Simplemente haz clic en el valor junto a ID de punto final y luego selecciona Copiar ID para copiarlo.

Haz clic en Copiar ID

Despu ildees de copiar el ID del punto final, vuelve a la configuraci ildeon de WPForms y p ildeegalo en el campo ID en vivo de Webhooks.

Campo ID en vivo de webhooks

A continuaci ildeon, vuelve a tu cuenta de Stripe y, junto al Secreto de firma, haz clic en Revelar.

Secreto de firma

Después de revelar el Secreto de firma, copia su valor y pégalo en el campo Secreto en vivo de webhooks en la configuración de WPForms.

Campo Secreto en vivo de webhooks

Una vez que tus claves estén en su lugar, haz clic en el botón Guardar configuración.

Despu ildees de configurar los webhooks de Stripe con WPForms, el estado de tus pagos se sincronizar ildea en tiempo real entre WPForms y Stripe. Esto tambi ildeen te permite gestionar reembolsos y renovar suscripciones directamente desde WPForms, sin acceder frecuentemente al panel de control de Stripe.

Si deseas ver eventos espec ildeaficos activados por el webhook, visita la p ildeagina de webhooks en tu panel de control de Stripe.

Para más detalles sobre reembolsos, renovaciones y para entender los estados de pago, consulta nuestra guía sobre visualización y gestión de pagos de formularios.

Preguntas frecuentes

Estas son respuestas a algunas de las preguntas m ildeas frecuentes que recibimos sobre la configuraci ildeon de webhooks de Stripe en WPForms.

No veo la opci ildeon para configurar manualmente los webhooks de Stripe. ildeAQu ildee hago para habilitarla?

Si configuraste tu integraci ildeon de Stripe en la versi ildeon 1.8.4 o superior de WPForms, los webhooks de Stripe se configuran autom ildeaticamente en tu sitio. Por lo tanto, no necesitas configurarlo manualmente.

Sin embargo, si deseas mostrar la configuraci ildeon de los webhooks, necesitar ildeas actualizar el par ildeametro de URL de la p ildeagina de configuraci ildeon de WPForms.

Para hacer esto, ve a WPForms b Configuraci ildeon y luego selecciona la pesta tildea Pagos. Despu ildees de eso, a tildeade &webhooks_settings a la URL. La URL deber ildeia parecerse a la siguiente.

https://example.com/wp-admin/admin.php?page=wpforms-settings&view=payments&webhooks_settings

Solo asegúrate de reemplazar example.com con tu dominio real.

¡Eso es todo! Ahora sabes cómo configurar los webhooks de Stripe con WPForms.

A continuación, ¿te gustaría aprender más sobre la gestión de pagos en WPForms? Consulta nuestro tutorial sobre creación de formularios de pago en WPForms para obtener más información.

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.