Cómo usar WordPress Forms WebHoks

¿Desea integrar sus formularios de WordPress con diferentes aplicaciones y servicios web? Si necesita una forma simple de enviar datos en una aplicación web directa. Formulario de WordPress, los webhoks son la solución perfecta. Con un formulario webhook, no tiene que tomar la ayuda de un conector de terceros como Zapier. En esta publicación, le mostraremos cómo usar Webhoks en sus formularios de WordPress para que pueda enviar fácilmente datos en tiempo real a sus aplicaciones y servicios favoritos. Pero primero, si eres un principiante, nos abordaremos qué son Webhoks y por qué son importantes. Tenga en cuenta que el método que utilizaremos hoy no requiere habilidades de codificación.
¿Qué son los webhooks? Los webhooks permiten que dos aplicaciones web se comuniquen entre sí. Entonces, por ejemplo, si alguien envía un formulario de orden de compra en su sitio web, puede enviar esos datos a su canal Slack para actualizar el equipo de producto que se ha realizado un pedido. Puede hacer esto cuando obtenga un nuevo potencial o cliente de suscriptor. En términos técnicos, los webhoks son llamadas HTTP definidas por el usuario que es activado por un evento en un sistema de origen y enviados al sistema de destino. Esto significa que cuando se realiza un evento o activación en su sitio web, se envían mensajes automáticos a un servicio conectado. Un desencadenante puede ser algo como comentarios de blog, usuarios de compras de productos y referencias de formularios.
Si se pregunta por qué debería usar Webhoks, aquí hay algunos beneficios:
Transferir automáticamente la información entre dos servicios/aplicaciones
Automatice las tareas y reduzca el tiempo de administración. Aproveche el costo de usar servicios de conexión como Zapier y HubSpot para procesar datos en aplicaciones.
Los webhoks son increíblemente útiles para los desarrolladores y los usuarios de WordPress que conocen la tecnología. Con esto, comencemos nuestra guía de paso por paso sobre cómo crear un formulario webhook en WordPress. Creación de un formulario webhook en WordPress [Método de luz] Hay muchas formas en que puede usar WebHoks para enviar sus formularios de WordPress a otras aplicaciones web.
Usaremos WPFORMS para este tutorial porque ofrece un suplemento de Webhoks que es fácil de usar para cualquier persona, incluidos los principiantes. No hay absolutamente ninguna codificación involucrada.
WPFORMS es el mejor complemento de generación de formulación para sitios de WordPress. Y lo que necesita saber es que ofrece toneladas de plantillas prefabricadas y campos listos para usar, que le permiten crear todo tipo de formularios de WordPress. Esto incluye el pedido del producto, el registro, la reserva de reuniones, formularios de contacto simples y más. WPFORMS viene con un generador de formulación mediante el deslizamiento y la colocación que hace que la personalización de las formas sea simple. Tiene muchos suplementos e integraciones que puede usar para conectarse a aplicaciones de correo electrónico, pago y marketing.

Con su programa de complemento Webhooks, puede conectar fácilmente a WordPress a cualquier servicio o aplicación. Solo se necesitan unos pocos clics para activar esta funcionalidad. WPFFORMS también le permite usar reglas condicionadas para activar una acción de webhook basada en la respuesta del usuario al formulario. Entonces, solo si se cumple el valor de un campo, se ejecutará el webhook. Esto le brinda más control sobre los datos que desea enviar y a qué aplicación. Puede iniciar sesión en muchas aplicaciones y servicios. Para este tutorial, le mostraremos cómo conectarse a Slack. Pero tenga en cuenta que puede usar los mismos pasos para conectarse a otras aplicaciones y puntos finales. Slack. Puede actualizar los miembros o departamentos de su equipo cuando una persona envía un formulario, abandonar un formulario y más. Ahora, para enviar datos de WordPress a otro servicio utilizando Webhoks, deberá crear un puente entre las dos aplicaciones. Entonces, para conectarse a Slack, deberá crear una aplicación Slack (Deck). Si es nuevo en esta área, no se preocupe, es bastante fácil y lo guiaremos paso a paso. Primero, deberá abrir la página API Slack y hacer clic en Crear una aplicación.
En la siguiente ventana emergente, puede elegir cómo desea crear una aplicación con Slack. Hay dos opciones:
Desde cero

Del manifiesto de una aplicación.
Aquí, crearemos una aplicación Slack a partir de cero. Parece mucho trabajo, pero solo requiere unos pocos clics.
Luego verá la ventana emergente donde puede agregar el nombre de la aplicación y elegir el trabajo de Slack. Después de haber terminado, haga clic en la aplicación de creación. Esto abre la página de información básica. Aquí, debe hacer clic en la opción Webhoks entrante.
En la siguiente pantalla, active la configuración de activación de Webhooks recibida. Esto le permite publicar mensajes flojos de servicios externos.

Una vez activado, verá la sección Webhooks URL para su espacio de trabajo en la página. Ahora debe crear un nuevo webhook para obtener información de su formulario de WordPress. Así que haga clic en el botón Agregar un nuevo webhook al espacio de trabajo.

A continuación, puede ver la ventana emergente donde puede seleccionar un canal Slack para publicar los formularios enviados. Después de haber elegido un canal Slack, haga clic en Permitir.

Ahora podrá ver el nuevo Webhook de URL para su aplicación Slack.

Todo lo que tiene que hacer ahora es copiar la URL del webhook. Lo necesitarás unos pasos más tarde.

Paso 2: Instale y active WPFFORMS Una vez que tenga la URL del Webhook, puede agregarla al formulario de WordPress. Para comenzar, cree una cuenta en el sitio web de WPFORMS. Hay una versión gratuita del complemento, pero necesitará la versión premium para acceder a funciones de formulario avanzadas, como Webhoks. WPFORMS viene con un reembolso de dinero libre de riesgo 100% para que pueda probar el servicio antes de contratar. Después de registrarse, encontrará el archivo de descarga del complemento y la clave de licencia en la pestaña Descargas.

Ahora vaya al tablero de WordPress e instale el complemento. Si desea más detalles, puede consultar nuestra guía sobre cómo instalar un complemento de WordPress.

Antes de comenzar a crear su formulario, debe instalar el suplemento Webhooks. Para hacer esto, vaya a la pestaña WPForms »suplementos y encontrará muchos suplementos que lo ayudan a expandir la funcionalidad de sus formularios de WordPress. Aquí, haga clic en el suplemento de instalación para el complemento Webhooks.
Ahora está listo para crear su formulario webhook en WordPress. Paso 3: Cree un formulario webhook para crear un nuevo formulario, vaya a la página WPFFORMS »Agregue nuevo, donde verá una lista de plantillas prefabricadas. Estas plantillas vienen previamente compatibles con los campos que necesitará de acuerdo con el propósito de su formulario, su biblioteca de plantillas incluye:

Formulario de contacto simple
Solicitar un formulario de cotización

Formulario de donación

Formulario de facturación/orden
Formulario de encuesta
Forma de sugerencia
…¡y otra! Para este tutorial, elegiremos la plantilla de plantilla de plantilla, porque hemos creado una aplicación floja para comentarios de los usuarios en el paso anterior. Siéntase libre de elegir uno que mejor se adapte a lo que necesita. Todo lo que tiene que hacer es dar un nombre a su formulario en la parte superior de la página. Luego elija cualquier plantilla de acuerdo con sus necesidades o puede elegir la plantilla vacía para comenzar desde cero.
Después de seleccionar una plantilla, verá el generador de formularios deslizantes y de ubicación en la siguiente ventana. Si desea agregar más campos, simplemente extra y coloque nuevos campos desde el menú izquierdo para obtener una vista previa del formulario. WPPForms ofrece muchas opciones de personalización, por lo que puede hacer clic en cualquier campo para editarlos. Le permite cambiar los nombres de los campos, la descripción y la configuración más avanzada.
Después de haber terminado de agregar los campos de formulario, haga clic en el botón Guardar. En el siguiente paso, descubriremos cómo configurar Webhoks para este formulario y conectar su aplicación Slack. Paso 4: Configure un webhook para Slack para que Webhooks funcione en su formulario, debe navegar por la configuración de Webhooks y hacer clic en la opción de activación de Webhooks.
Se creará un nuevo Webhook que puede editar para configurar su integración Slack. En primer lugar, puede cambiar el nombre del webhook. Esto lo ayudará a reconocerlo más tarde.
Ahora, ¿recuerdas la URL webhook que copió de la aplicación Slack al paso 1? Tendrá que pegarlo aquí en la opción de solicitud de URL. Esto le permitirá conectar su formulario de WordPress con otros servicios como Slack.

Después de eso, verá varias configuraciones para configurar el webhook. Discutiremos aquí lo que todos hacen y qué agregar a estos campos.

Método de solicitud: le permite elegir qué tipo de conexión desea crear con su servicio conectado. Hay muchos tipos de métodos HTTP que puede usar de acuerdo con el tipo de conexión que desea crear:


Obtener: recibirá datos del formulario enviado y enviará los detalles de una aplicación conectada. Publicar: enviará los datos de un servicio secundario. Utilizaremos la solicitud de publicación HTTP porque necesitamos publicar datos de su formulario en su canal Slack.

Put: le permite actualizar los datos al ejecutar Webhook.

Patch: esto le permite reemplazar los datos al ejecutar Webhook.

Eliminar: esto le permite eliminar la información cuando se ejecuta este webhook específico.
Formato de solicitud: esta opción mostrará el servidor por qué tipo de contenido envía. Esto es un poco técnico, pero prácticamente hay dos tipos diferentes de formato de solicitud:
JSON: Formatee sus datos en un formato de aplicación/JSON y establecerá el tipo de contenido como Charset = UTF-8.
Formulario: forme sus datos en un formato de aplicación/x-www-form-urlencoded y establecerá el tipo de contenido como charset = utf-8.
Secreto: si eres un desarrollador y quieres integrar tu propia API para la autenticación, entonces puedes usar una clave secreta. Pero para nuestro tutorial, no necesitamos esta opción, por lo que dejaremos esto en blanco.
Guardar la solicitud: esto envía valores específicos cuando la aplicación se envía a la aplicación. Al ejecutar Webhook, los campos se generarán automáticamente. También dejaremos este campo en blanco.
El cuerpo de la solicitud: para esta opción, debe configurar el tipo de mensaje y seleccionar un campo para publicar mensajes. Debido a que los usuarios ingresarán sugerencias en formato de texto, estableceremos la clave en el texto. Luego seleccione el campo en el que los usuarios ingresarán su mensaje.
Después de haber terminado con la configuración de la solicitud de webhook, haga clic en el botón Guardar. Paso 5: Configure las notificaciones de formulario Entonces, puede configurar las notificaciones de correo electrónico para el formulario de WordPress. Esto le permite enviar correos electrónicos automáticos al administrador, cualquier miembro del equipo y el cliente/usuario una vez que envíe el formulario. Para configurar estos flujos de trabajo de correo electrónico, vaya a la pestaña Configuración »Notificaciones, verifique la opción de activación de notificaciones para ver la configuración predeterminada. Aquí, puede personalizar la configuración de notificación y agregar las direcciones de correo electrónico del destinatario. Para configurar esto, haga clic en el botón Agregar una nueva notificación desde la esquina superior derecha de la página. Luego debe usar la opción de visualización de etiquetas inteligentes y seleccionar correo electrónico. Con esta etiqueta, WPFFORMS detectará automáticamente la dirección de correo electrónico ingresada por el formulario.
En la sección de mensajes de correo electrónico, puede agregar el mensaje personalizado y usar la etiqueta inteligente {all_fields} para mostrar todos los datos en el formulario que ingresó el usuario.
No olvide guardar la configuración al final. Paso 6: Personalice el mensaje de confirmación de WPFFORMS también le permite mostrar mensajes de confirmación en la parte delantera de su sitio después de que los usuarios envíen el formulario con éxito. En la pestaña Configuración »Confirmaciones, verá la configuración de confirmación. Por defecto, el tipo de confirmación se establece en “mensaje”, pero hay 3 opciones en este menú:
Mensaje: Agregue un mensaje de confirmación que se muestra en el front-end después de que los clientes envíen su pedido. Acade la página: redirige a los usuarios a cualquier página de su sitio.
Vaya a URL (redirección): envíe a los usuarios a una URL en particular.
Para obtener más información sobre esto, puede consultar nuestra guía sobre cómo configurar correctamente las notificaciones y las confirmaciones de formulación. Después de haber terminado con la configuración, haga clic en el botón Guardar. También debemos mencionar aquí que WPFFORMS le permite integrarse con su servicio de correo electrónico favorito, como Constant Contact y MailChimp. Simplemente debe acceder a esto en la pestaña de marketing y seguir las instrucciones en la pantalla para conectar su cuenta de correo electrónico. En la mayoría de los casos, deberá proporcionar una clave API que pueda generar con el proveedor de correo electrónico.
Si desea conectar los formularios en línea a una pasarela de pago, puede averiguar cómo hacer esto aquí: cómo crear un formulario de pedido en línea, todo lo que tiene que hacer ahora es publicar el formulario de webhook en su sitio de WordPress. Paso 7: Publique el formulario Webhooks en su sitio web para comenzar a enviar formularios a servicios externos, primero debe publicar el formulario webhook. Con el bloque personalizado WPForms, puede agregar los formularios en cualquier página o publicar en su sitio de WordPress. Para este tutorial, agregaremos el formulario en una nueva página en nuestro sitio. Así que navegue por la pestaña Páginas »Agregue nuevo del panel de administración de WP. En la pantalla del editor de bloques, agregue un nuevo bloque y busque “WPForms”.

Cuando agrega el bloque WPForms a su página, verá un menú desplegable que le permite seleccionar el formulario Webhook que acaba de crear. Luego puede publicar su página en su sitio.

Si está utilizando el editor clásico de WordPress, puede agregar el formulario usando el botón Agregar formulario en el editor.

Incluso puede insertar el formulario webhook en un área lista para widgets como un sótano o barra lateral. Para hacer esto, vaya a la pestaña Widgets Widgets Aspect y coloque el widget WPFORMS en la barra lateral o el menú del sótano. Luego puede seleccionar el formulario que creó en el menú desplegable y guardar los cambios.
Ahora su formulario Webhooks se publica en su sitio cuando los usuarios completen y envíen el formulario, recibirá notificaciones débiles desde su sitio web. Por lo tanto, puede usar WPFFORMS para conectarse a diferentes aplicaciones utilizando URL de webhook. Obtenga el control total sobre los datos que desea hacerse cargo y enviar a otras aplicaciones. ¡Eso es todo! Esperamos que esta publicación lo haya ayudado a aprender cómo usar Webhoks en sus formularios de WordPress. Con WPForms, puede crear un formulario webhook y conectarse fácilmente a un servicio de terceros. También puede usarlo para crear otros formularios profesionales de WordPress, como formularios de control, formularios de reserva, formularios de registro y más. Para los siguientes pasos, puede consultar estos recursos:
Cómo agregar la opción “Guardar y continuar más tarde” a los formularios de WordPress
Cómo reducir el abandono de las formas y aumentar las conversiones

Las mejores herramientas de captura de correo electrónico y los generadores de formularios de WordPress lo ayudarán a agregar la función de rescate y reanudarán más adelante en sus formularios de WordPress y reducirán las tasas de abandono de los formularios.El último lo ayudará a aumentar su lista de marketing por correo electrónico.