Cómo usar webhooks en formularios de WordPress

Publicado: 2022-07-24

¿Cuántas aplicaciones o servicios web utiliza para el trabajo? ¿Qué método debe hacer cuando se trata de la transferencia de información de datos entre esas herramientas?

Si está trabajando en WordPress y desea enviar datos directamente a una aplicación web, pruebe con los webhooks.

En caso de que no tenga idea de cómo los webhooks sirven para su trabajo, no pierda de vista este artículo. Le presentaremos los webhooks y cómo usarlos en los formularios de WordPress con un complemento de terceros.

  • ¿Qué son los webhooks?
  • ¿Por qué usar webhooks?
  • ¿Cómo usar Webhook en formularios de WordPress?
  • Conecte WPForms a Slack a través de webhooks

¿Qué es un webhook?

Simplemente, un webhook facilita la comunicación entre dos aplicaciones web. Le ayuda a enviar información automáticamente desde sus formularios de WordPress a una herramienta externa. Por ejemplo, puede actualizar la nueva información de compra a través de un formulario para su equipo de Slack sin ninguna acción manual. Eso definitivamente multiplica la productividad de tu trabajo y te ahorra mucho tiempo.

Técnicamente, un webhook es una solicitud HTTP que es activada por un sistema de origen y enviada a un sistema de destino. Siempre que se produzca un evento o un disparador en su sitio web, el webhook llevará toda la información sobre ese evento al servicio conectado. Absolutamente, este proceso se produce automáticamente.

¿Por qué usar webhooks?

Como propietario de un sitio de membresía, estamos seguros de que debe manejar muchas cosas. Sin duda, ingresar datos manualmente lleva mucho tiempo. ¿Sería posible estimar cuánto se tarda en transferir a mano cada parte de la información de los nuevos suscriptores desde su sitio web al software de gestión? Quizás nadie pueda medir la duración exacta, ya que podría durar decenas de horas.

La pérdida de tiempo es solo una cosa. Un trabajo tedioso es otro obstáculo. Lo más probable es que no quiera pasar todo el día escribiendo los datos de los usuarios. Para que esto sea más conveniente, los webhooks son la solución perfecta para usted.

En el mismo contexto, los webhooks también se pueden aplicar al software de marketing por correo electrónico o a las pasarelas de pago.

Para usar webhooks, descubramos nuestras guías paso a paso en el próximo tutorial.

Cómo usar webhooks en formularios de WordPress

Hay muchas formas de crear un formulario webhook en WordPress. Tanto para los aficionados a la tecnología como para los que no lo son, sugerimos el complemento WPForms, ya que ofrece un complemento de Webhook que especifica la creación de webhooks. Estas herramientas son amigables para principiantes. Ni siquiera se requieren habilidades de codificación, pero algunos clics para habilitar sus funciones.

Paso 1: instale el complemento WPForms y el complemento de formulario Webhook

Antes de instalar cualquier complemento, asegúrese de haber instalado y activado el complemento WPForms en su sitio de WordPress. Simplemente vaya a Complementos > Agregar nuevo y escriba "WPForms" en la barra de búsqueda.

ppwp-wp-formularios-webhooks

A continuación, debe actualizar su licencia de WPForms para desbloquear funciones más avanzadas, incluidos complementos. Una vez que se verifique su licencia, no dude en instalar y activar el complemento Webhooks.

ppwp-wp-formularios-webhooks-addon-wordpress

Paso 2: crear un formulario de webhook

Primero, agregue un nuevo formulario o edite uno existente usando el complemento WPForms. Vaya a WPForms en la barra lateral de administración y vaya a la página de información general de formularios . Luego, haga clic en el botón Agregar nuevo para comenzar a crear un formulario.

ppwp-wpforms-overview-add-new-form-webhook

En la página de configuración del formulario, puede ingresar un nombre de formulario o no. Debe elegir una plantilla para su creador de formularios. No obstante, si quieres dejarlo desde cero, simplemente selecciona Formulario en blanco .

ppwp-wpforms-nombra-tu-formulario

Cuando el formulario esté completo, vaya a Configuración > Webhooks y active la opción Habilitar Webhooks . Y esto, por supuesto, crea un formulario de webhook después.

ppwp-wpforms-habilitar-webhooks

Ahora puede generar múltiples webhooks y conectarlos con toneladas de aplicaciones o servicios. Le indicaremos instrucciones para conectar sus webhooks con Slack, por ejemplo. Puedes tomarlos como referencia para hacer lo mismo con otras herramientas.

Conecte WPForms a Slack a través de webhooks

Como se mencionó, lo guiaremos a través de cómo usar webhooks para conectar sus WPForms a Slack en esta sección.

Paso 1: crea tu nueva aplicación de Slack

Para comenzar, cree una nueva aplicación de Slack que conecte a su equipo de espacio de trabajo de Slack con WordPress. Visite la página de la API de Slack y haga clic en el botón Crear una aplicación .

ppwp-slack-api

Después de eso, se abrirá una superposición para que elija cómo desea configurar su aplicación a partir de dos opciones: desde cero o desde un manifiesto de aplicación. En este tutorial, nos gustaría ir con la opción Desde cero .

ppwp-slack-crear-una-aplicación

En el siguiente paso, asigne un nombre a la aplicación y elija un espacio de trabajo para desarrollar su aplicación. Siempre que haya terminado con estos dos campos, estará listo para crear la aplicación .

ppwp-slack-choose-workspace

Haga clic en la opción Webhooks entrantes en la página Información básica y habilite Activar webhooks entrantes . De esta manera, puede publicar mensajes de fuentes externas en Slack.

El siguiente paso es configurar las URL de webhooks para obtener información de sus formularios de WordPress. En la página de la sección URL de webhooks para su espacio de trabajo , haga clic en el botón Agregar nuevo webhook al espacio de trabajo .

Esto lo lleva a otra página donde puede seleccionar un canal de Slack (de un menú desplegable) para enviar sus mensajes. Una vez que elija un canal de destino, haga clic en Permitir .

ppwp-permitir-webhooks-holgura

Ahora estás de vuelta en la página anterior, donde puedes ver una nueva URL de webhook para tu aplicación de Slack. Copie esa URL para seguir los pasos.

ppwp-slack-webhooks

Paso 2: agregue webhooks de Slack a WPForms

Abra su formulario de webhooks creado anteriormente y pegue la URL en el campo Solicitar URL para conectar su formulario con la API de Slack. Para el resto de la configuración de los webhooks, no dude en configurarlos a su gusto.

ppwp-slack-add-new-webhooks-wordpress-form

Dado que todas las configuraciones se realizan para una solicitud de webhook, recuerde guardar sus cambios haciendo clic en el botón Guardar .

Paso 3: publique el formulario de webhooks en su sitio de WordPress

Debe agregar el formulario de webhooks en sus páginas para que los datos se puedan sincronizar automáticamente con su canal de Slack.

En su panel de administración de WordPress, vaya a Páginas > Agregar nuevo y busque "WPForms" en la pantalla del editor de bloques. Una vez que se agregan los WPForms a su página, aparecerá un menú desplegable para que seleccione un formulario de webhook.

ppwp-wpforms-select-wordpress-webhook-formulario

Posteriormente, haga clic en el botón Publicar en la esquina superior derecha para publicar la página que contiene el formulario de webhooks en su sitio.

Si está utilizando el editor clásico de WordPress, use el botón Agregar formulario en el editor para agregar el formulario de webhooks en sus páginas.

ppwp-wpforms-add-webhook-form-wordpress

Después de publicar el formulario de webhooks, recibirá notificaciones de Slack cuando se envíe un formulario desde su sitio web.

Uso de webhooks para conectar sus formularios de WordPress con otras aplicaciones

Con la ayuda de las URL de webhooks, puede usar WPForms fácilmente para conectarse a varias aplicaciones y servicios. Una gran ventaja de este método es que tiene el control total sobre los datos que desea entregar y enviar a otras aplicaciones.

Es innegable que los webhooks son útiles y lo ayudan a enviar información automáticamente desde sus formularios de WordPress a aplicaciones externas. Esto le ahorra mucho trabajo y aumenta la productividad y la eficiencia de su trabajo simultáneamente.

No dude en hacer uso de los webhooks lo antes posible. Debes sorprenderte de lo increíbles que son para tu trabajo.