WPForms + ChatGPT: Cómo enviar notificaciones generadas por IA

Publicado: 2023-04-07

¿Sabe que puede crear automatizaciones útiles conectando sus formularios de WordPress con ChatGPT?

Actualmente, todo tipo de empresas utilizan ChatGPT para mejorar la eficiencia.

Y la buena noticia es que los propietarios de sitios de WordPress ahora también pueden aprovechar las capacidades únicas de ChatGPT para automatizar procesos.

En esta publicación, le mostraremos cómo integrar sus formularios de WordPress con ChatGPT para ayudarlo con sus tareas comerciales de rutina.

Conecte su formulario con ChatGPT ahora

¿Puedes conectar ChatGPT con WordPress?

Sí, es bastante fácil conectar ChatGPT con su sitio de WordPress.

WPForms es el mejor complemento de WordPress Form Builder. ¡Consíguelo gratis!

Solo necesita un complemento de terceros conocido como Uncanny Automator. Este complemento le permite crear una automatización que conecta ChatGPT con algún otro complemento de su sitio de WordPress, como un generador de formularios.

Una vez que haya realizado la conexión, hay infinitas formas en las que puede usar ChatGPT para ayudarlo a hacer crecer su negocio más rápido y facilitar los procesos.

Cómo usar formularios de WordPress con ChatGPT

Use los enlaces rápidos a continuación para navegar fácilmente a través de este tutorial paso a paso para la integración de WordPress ChatGPT.

En este articulo

  • 1. Instale los complementos necesarios
  • 2. Crear un nuevo formulario de WordPress
  • 3. Agregue campos a su formulario
  • 4. Crea una cuenta de Uncanny Automator
  • 6. Conecta Uncanny Automator con ChatGPT
  • 7. Configurar acción de automatización
  • 8. Usa la respuesta generada por ChatGPT
  • 9. Publica tu formulario

1. Instale los complementos necesarios

En primer lugar, debe instalar el complemento WPForms. WPForms es el complemento de creación de formularios para WordPress más potente pero fácil de usar para principiantes. Tiene un puntaje de calificación de 4.9 en WP.org, el más alto de todos los complementos de formulario.

WPForms tiene una extensa biblioteca de más de 600 plantillas de formularios que hacen que el proceso de creación de formularios sea muy conveniente. Para colmo, se integra fácilmente con toneladas de servicios de marketing y ahora también con ChatGPT.

Recomendamos obtener la licencia de WPForms Pro para desbloquear las principales funciones avanzadas que necesitará para hacer crecer su negocio.

The WPForms pricing page

Para obtener instrucciones sobre cómo instalar el complemento, consulte nuestra guía de instalación de WPForms.

Usaremos WPForms para crear nuestros formularios de WordPress. Pero necesitamos otro complemento que sirva como puerta de enlace entre WPForms y ChatGPT.

Este complemento es Uncanny Automator.

Uncanny Automator

Entonces, mientras lo hace, continúe e instale Uncanny Automator a continuación.

A los efectos de este artículo, utilizaremos la versión gratuita de Uncanny Automator, aunque es posible que desee actualizar más tarde para desbloquear disparadores adicionales y eventos de acción para sus integraciones.

2. Crear un nuevo formulario de WordPress

Ahora que tenemos los complementos que necesitamos, estamos listos para avanzar.

Para este tutorial, crearemos un formulario de nueva contratación y lo conectaremos con ChatGPT. Luego, ChatGPT enviará un correo electrónico único a cada nuevo empleado automáticamente al enviar el formulario, dándoles la bienvenida al equipo.

¿Suena interesante?

Pero para hacer eso, primero debemos comenzar construyendo un formulario. Abra su panel de administración de WordPress y vaya a WPForms » Agregar nuevo .

Adding a new form in WPForms

Esto lo llevará a la pantalla de configuración del formulario. En la parte superior de la pantalla, puede ingresar un nombre para su formulario para que pueda encontrarlo fácilmente más tarde por su nombre de pila desde su tablero.

Después de eso, puede elegir una plantilla de formulario. Si bien tenemos una plantilla de nueva contratación integrada, es un poco más avanzada que el formulario que necesitamos ahora.

Por lo tanto, crearemos un formulario más simple desde cero para que la integración sea lo más sencilla posible.

Después de nombrar su formulario en la pantalla de configuración del formulario, haga clic en Crear formulario en blanco .

Create a Blank Form

Ahora se encontrará dentro del generador de formularios, donde puede comenzar a agregar campos a su formulario.

¡Excelente! Agreguemos algunos campos a este formulario.

3. Agregue campos a su formulario

Insertar campos en su formulario es increíblemente fácil con WPForms. Simplemente mueva el cursor al panel de la izquierda y haga clic en el campo que necesita agregar. También puede arrastrar y soltar el campo si desea tener más control sobre dónde debe aparecer el campo en el formulario.

Los dos campos más importantes son Nombre y Correo electrónico . Entonces, comencemos agregando esos.

Adding Fields

Puede cambiar fácilmente el nombre de cualquier campo. Cambiaremos el nombre del campo Nombre a "Nombre de nuevo empleado". Simplemente haga clic en el campo después de haberlo agregado al formulario para abrir sus Opciones de campo, luego escriba el nuevo nombre para el campo en la opción Etiqueta .

Renaming Field

A continuación, agreguemos también los siguientes campos antes de cambiarles el nombre como cambiamos el nombre de los campos anteriores:

  • Título del trabajo (texto de una sola línea)
  • Departamento (desplegable)
  • Administrador (desplegable)
  • Fecha de inicio (fecha/hora)

New Hire Form Fields

Para los campos desplegables, puede agregar opciones seleccionables haciendo clic en el campo para abrir Opciones de campo e ingresando el texto para cada opción en la sección Opciones.

Dropdown choices

Para el campo Fecha/Hora, usamos el formato Fecha porque no necesitamos un campo Hora para nuestros propósitos. Puede cambiar el formato desde Opciones de campo » General .

Date Format

Si lo desea, también puede deshabilitar las fechas pasadas para que el campo del selector de fechas solo muestre las fechas presentes y futuras para la selección.

Puede encontrar esta configuración en la pestaña Avanzado de Opciones de campo. Utilice el botón de alternancia Deshabilitar fechas pasadas para deshabilitar todas las fechas pasadas.

Disable Past Dates Option

¡Perfecto! Agregamos todos los campos que necesitamos para este formulario y está casi listo.

Ahora sería un buen momento para guardar el formulario, para que no perdamos los cambios que hicimos. Puede encontrar el botón Guardar en la parte superior del generador de formularios, junto al botón Insertar.

Save form changes

Hemos terminado con la construcción del formulario ahora. En el siguiente paso, es hora de iniciar el proceso para conectar este formulario con ChatGPT.

4. Crea una cuenta de Uncanny Automator

Antes de poder conectar ChatGPT a su sitio de WordPress, primero debe tener una cuenta activa de Uncanny Automator.

Desde su panel de WordPress, seleccione Automator » Configuración.

Uncanny Automator settings

Esto lo llevará a la sección Licencia de su configuración. Haga clic en el botón Conectar su sitio para continuar.

Haz clic en este botón para conectar tu sitio a Uncanny Automator

Tan pronto como presione ese botón, aparecerá una nueva ventana emergente. Seleccione el botón Conectar su cuenta gratuita y siga las instrucciones en pantalla para crear su cuenta gratuita de Uncanny Automator y conectar su sitio con ella.

Botón para activar el asistente de configuración de Uncanny Automator

Cuando haya creado con éxito su cuenta, puede comenzar a crear su receta de automatización.

5. Configurar el disparador de automatización

En Uncanny Automator, cada automatización se llama "receta". Cada receta tiene dos componentes: un complemento que activa una automatización y otra aplicación o complemento que completa una acción basada en el evento desencadenante.

Puede crear recetas de Uncanny Automato directamente desde su panel de WordPress. Desde el menú de administración, desplace el cursor sobre Automator y luego presione Agregar nuevo .

Add new recipe in automator

Serás llevado a la pantalla del editor de recetas ahora. Aquí, seleccione su tipo de receta. Uncanny Automator te permite seleccionar una receta por el tipo de usuario que puede iniciarla.

Dado que suponemos que una empresa utilizará internamente nuestro formulario para enviar correos electrónicos automatizados a los nuevos empleados, elegiremos la opción Usuarios registrados . Esto garantizará que la automatización se active solo cuando el personal autorizado que haya iniciado sesión envíe este formulario.

Sin embargo, eres libre de elegir cualquier tipo dependiendo de tus necesidades. Una vez que haya seleccionado el tipo de receta, haga clic en Confirmar en la parte inferior para continuar.

Select recipe type

Ahora, puede darle un título a esta receta y elegir su complemento tripper. Dado que construimos nuestro formulario usando WPForms, vamos a seleccionar WPForms como nuestro disparador.

WPForms trigger

Elija un evento desencadenante de las opciones disponibles. En la mayoría de los casos, incluido este, el activador " Un usuario envía un formulario " funcionará bien.

Select trigger event

Cuando haya terminado de seleccionar el evento desencadenante, ahora tendrá que seleccionar el formulario específico que debe desencadenar esta automatización. Aquí es donde deberá seleccionar el formulario que creó en el paso anterior.

En nuestro caso, este formulario se llama Formulario de Nueva Contratación. Así que vamos a usar el menú desplegable para seleccionar este formulario.

Select form for the trigger event

Presione el botón Guardar una vez que haya terminado.

En este punto, ha configurado con éxito su evento desencadenante. Pasemos a conectar Uncanny Automator con ChatGPT.

6. Conecta Uncanny Automator con ChatGPT

Desplácese hacia abajo y haga clic en el botón Agregar acción para comenzar a configurar el evento de acción de su automatización.

Adding action for automation

Una vez que haya hecho eso, se abrirá una lista con todas las aplicaciones disponibles que puede integrar con WPForms. Busque el icono de OpenAI en esta lista y haga clic en él.

Select OpenAI

Cuando haya hecho clic en ese icono, aparecerá una nueva ventana emergente en su pantalla, que le pedirá que conecte su cuenta de OpenAI con Uncanny Automator. Haga clic en la opción Conectar cuenta para avanzar.

Connect with ChatGPT

Aquí, deberá ingresar su clave API secreta para OpenAI. Para encontrar su clave, primero, asegúrese de tener una cuenta de OpenAI. Si posee una cuenta, simplemente visite este enlace en una nueva pestaña del navegador para acceder a su página de claves de OpenAI.

Haga clic en el botón Crear nueva clave secreta .

Create New Secret Key

Haga clic en el icono del portapapeles para copiar su clave API. Regrese a la pestaña anterior del navegador donde está configurando la receta de Uncanny Automator e ingrese su clave API secreta en el modal. Luego, presione el botón Conectar cuenta OpenAPI .

Connect with OpenAI

Tan pronto como se conecte, recibirá un mensaje de éxito que confirma que OpenAI ya está listo para usar con Uncanny Automator.

OpenAI ready to use

Ahora, podemos configurar ChatGPT como nuestra acción de automatización.

7. Configurar acción de automatización

Después de conectar su cuenta de ChatGPT con Uncanny Automator, regrese a la pantalla del editor de recetas. Esta vez, el ícono de OpenAI ya no estará atenuado, lo que sugiere que está listo para usar.

Haga clic en el icono de OpenAI .

Select OpenAI

Esto abrirá un menú desplegable con una lista de opciones de acción de OpenAI disponibles. Seleccione la opción " Usar un aviso para generar texto con el modelo GPT ".

Select GPT Model

Ahora, verá que aparecen varias opciones que le permiten controlar el comportamiento de su modelo ChatGPT:

  • Modelo: si seleccionó la opción de acción que recomendamos anteriormente, solo tendrá acceso a GPT-3, que es el mejor modelo de lenguaje disponible actualmente en OpenAI. También puede elegir entre los modelos Curie, Babbage y Ada si elige una opción de acción diferente en la versión gratuita de Uncanny Automator. Recomendamos dejar esta opción por defecto para este tutorial.
  • Temperatura: esta configuración le permite controlar el grado de aleatoriedad de la respuesta generada por GPT-3. Puede ingresar valores de 0 a 2. Si no está seguro, es mejor dejar esto en el valor predeterminado de 1.
  • Longitud máxima: este campo acepta el número máximo de tokens. OpenAI cuenta la longitud en términos de tokens, que son unidades de "significado" en lugar de palabras. Según OpenAI: "Puede pensar en los tokens como piezas de palabras, donde 1,000 tokens son aproximadamente 750 palabras". Una vez más, puede dejar este campo en blanco para usar el valor predeterminado.
  • Mensaje del sistema: aquí puede ingresar cualquier instrucción o brindar contexto adicional a GPT-3 sobre el tipo de respuesta que espera de él.
  • Aviso: Esta es la parte más importante de esta configuración. GPT-3 usará cualquier cosa que escriba como aviso para generar y devolverle una respuesta.

Aquí está el mensaje del sistema y el aviso que usamos:

Message and Prompt

Puede notar que el indicador incluye algunos datos extraídos directamente del formulario que conectamos anteriormente como activador.

Esta es la mejor característica de esta integración porque puede personalizar su correo electrónico agregando datos reales de cada entrada del formulario.

Para tomar datos del formulario y agregarlos a su solicitud, simplemente presione el ícono de asterisco ( * ) junto al campo Solicitud.

Pulling data from trigger app

Cuando se abra el modal, desplácese hacia abajo y seleccione el evento desencadenante que configuró anteriormente.

Pulling data from trigger plugin

Ahora, puede extraer datos directamente de cualquier campo agregado a su formulario, siempre que incluya algunos metadatos adicionales, como la IP del usuario.

Selecting form data

Cuando termines, presiona Guardar .

8. Usa la respuesta generada por ChatGPT

Ahora que ha configurado una integración con ChatGPT, el paso final es usar el texto generado de alguna manera que pueda serle útil.

En nuestro escenario, estamos usando esta integración para que ChatGPT genere un correo electrónico y lo envíe al destinatario deseado. Sin embargo, ChatGPT no puede enviar un correo electrónico, por lo que necesitaremos una acción separada para manejar el proceso de envío de correo electrónico.

Para hacer esto, configuraremos una segunda acción en Uncanny Automator. Simplemente haga clic en el botón Agregar acción debajo de la acción de OpenAI que acaba de crear.

Add Action

Como antes, ahora verá una lista de aplicaciones disponibles para la integración. Esta vez, haga clic en Correos electrónicos.

Selecting email integration

Una vez que haya hecho eso, haga clic en el elemento de acción " Enviar un correo electrónico ".

Set up email action

Rellene los campos para configurar sus ajustes de correo electrónico. Asegúrese de utilizar el campo Correo electrónico de su formulario en el campo Para . Puede hacerlo haciendo clic en el botón de asterisco (*) a la derecha del campo y seleccionando el correo electrónico de las opciones de activación del formulario, como hicimos en un paso anterior.

Send an Email Action Settings

Desplácese hacia abajo para encontrar los campos de asunto y cuerpo de sus correos electrónicos. Primero, ingrese un texto adecuado para el tema.

Debido a que solo podemos obtener la respuesta completa de ChatGPT en una sola pieza, no podemos extraer solo la línea de asunto de su respuesta para usarla en el campo Asunto.

En su lugar, usaremos una línea de asunto fija escrita manualmente para los fines de este tutorial.

Writing the subject line

Para el cuerpo, debemos extraer el texto del correo electrónico que ChatGPT generó para nosotros en función de las indicaciones que configuramos en el paso anterior.

Es posible que haya notado que le indicamos a ChatGPT que no insertara una línea de asunto en su respuesta anteriormente.

Instructions in the prompt

De esta manera, podemos asegurarnos de que el texto que devuelve esté libre de menciones accidentales de una línea de asunto dentro del cuerpo del correo electrónico.

Ahora, solo necesitamos insertar el texto de ChatGPT en el cuerpo del correo electrónico.

Una vez más, siga adelante y presione el botón de asterisco ( * ) junto al campo Cuerpo para abrir la lista de datos disponibles que puede usar desde ChatGPT.

Debido a que aquí solo necesitamos la respuesta basada en avisos de ChatGPT, seleccionaremos la salida de respuesta en el menú desplegable de acción del modelo GPT.

Returning ChatGPT response to email

Cuando esté satisfecho con el aspecto de todo, continúe y presione Guardar.

Save 2nd Action

¡Ya casi hemos terminado! Todo lo que queda ahora es publicar el formulario que creamos en el paso 3.

9. Publica tu formulario

Para el paso final, simplemente regrese a su panel principal de WordPress y vaya a WPForms » Todos los formularios .

Forms overview page

Seleccione el formulario que creó anteriormente de esta lista para acceder a él dentro del generador. Una vez dentro, haga clic en el botón Vista previa en la parte superior.

Previewing your form

Esto lo llevará a una vista previa del formulario donde puede probarlo. Este es un buen punto para completar una entrada ficticia con una dirección de correo electrónico que le pertenezca y presione enviar para iniciar la automatización.

Si la integración se configuró correctamente, recibirá una respuesta bien escrita (que, en nuestro caso, es un correo electrónico de bienvenida) de ChatGPT.

Una vez que haya terminado de probar y obtener una vista previa de su formulario, regrese al generador de formularios una vez más y presione Incrustar .

Embed your form with the embed button

Esto abrirá una ventana modal que le preguntará si desea incrustar su formulario en una página existente o en una nueva.

Incrustaremos el formulario en una nueva página, aunque el proceso de cualquiera de las opciones funciona casi de la misma manera.

Embed form in new page

Ahora se le pedirá que asigne un nombre a su nueva página. Después de darle un nombre apropiado, haga clic en el botón Let's Go para continuar.

Naming a new page to embed your form on

Al presionar ese botón, se encontrará en su editor de WordPress con el formulario ya incrustado dentro de él usando un bloque.

Este es un buen lugar para echar un último vistazo a su formulario y asegurarse de que todo sea de su agrado. Cuando esté listo, presione el botón Publicar en la parte superior para iniciar su formulario de WordPress integrado con ChatGPT.

Publish the Form

Ahora puede disfrutar usando este formulario para activar una notificación por correo electrónico generada por IA.

Taking the form live

Aquí está el correo electrónico de bienvenida generado por IA que ChatGPT nos envió en función de las indicaciones que usamos:

AI generated welcome email

¿No es simplemente perfecto?

Este es solo un ejemplo de lo que puede lograr con una integración de WPForms + ChatGPT. Eres libre de explorar, experimentar y moldear esta integración para alinearla con tus necesidades comerciales específicas.

¡Y eso es! Has aprendido a conectar tus formularios de WordPress con ChatGPT.

A continuación, pruebe más ideas de integración de Aweomse ChatGPT

Hay toneladas de formas creativas en las que puede usar una conexión entre WPForms y ChatGPT para un gran uso.

Una forma de hacerlo sería usar nuestra plantilla de formulario de adopción de gatos y hacer que ChatGPT envíe un correo electrónico de confirmación con un dato divertido al azar sobre los gatos. Si bien ChatGPT se queda sin respuestas únicas después de un tiempo, aún podrá aumentar la variedad de datos que se envían con sus correos electrónicos, ¡manteniendo las cosas interesantes para los usuarios!

Conecte su formulario con ChatGPT ahora

¿Listo para construir tu formulario? Comience hoy con el complemento de creación 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 ayudó, síguenos en Facebook y Twitter para obtener más tutoriales y guías gratuitos de WordPress.