Cómo conectar su formulario de contacto de WordPress a Discord

Publicado: 2019-04-30

¿Te preguntas cómo integrar Discord con tu formulario de contacto? Discord te permite enviar mensajes de texto y chatear por voz con otros jugadores mientras juegas tu juego favorito. En este artículo, le mostraremos cómo conectar su formulario de contacto de WordPress a Discord.

¿Cómo conectar el formulario de WordPress a Discord?

Discord es una aplicación gratuita de chat de voz y texto para jugadores. Funciona en todos los dispositivos, incluidos el teléfono y el escritorio. Puedes usarlo para:

  • Permita que las personas se unan a su canal de Discord.
  • Organice torneos de juegos e invite a los jugadores a participar en ellos.
  • Conéctate con personas de ideas afines.

Para permitir que las personas se unan a su servidor de Discord, puede iniciar un sitio web de WordPress y agregar un formulario de contacto a su sitio. Y luego, debe conectar su formulario a su servidor Discord.

Por lo tanto, cada vez que alguien envíe el formulario, se enviará un mensaje automático a su canal de Discord. Y luego puedes invitarlos a tu servidor.

Así que vamos a mostrarte el proceso paso a paso de conectar tu formulario de contacto de WordPress a Discord.

Paso 1: crea un formulario de WordPress

Lo primero que debe hacer es instalar y activar el complemento WPForms. Es el mejor complemento de creación de formularios de arrastrar y soltar que le permite crear diferentes tipos de formularios sin ningún problema.

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

Puede seguir la guía sobre cómo instalar un complemento de WordPress si necesita ayuda.

Ahora, siempre puede usar un formulario de contacto simple para este tutorial. Sin embargo, creemos un formulario de registro de torneos de juegos asumiendo que planea organizar un torneo de juegos.

Y para eso, necesita instalar el complemento Form Templates Pack .

instalar el complemento Form Templates Pack

El complemento Form Templates Pack viene con más de 100 plantillas de formulario predefinidas para casi todos los nichos. Para instalar este complemento, vaya a WPForms » Complementos y haga clic en el botón Instalar complemento una vez que lo encuentre.

Ahora vaya a WPForms » Agregar nuevo para crear un nuevo formulario. Busque el formulario del torneo de juegos en la sección Plantillas adicionales y haga clic en él para usar la plantilla.

plantillas adicionales

Con WPForms, puede personalizar su formulario fácilmente y también sin ninguna habilidad de codificación. Puede agregar o eliminar campos e incluso reordenarlos simplemente arrastrándolos y soltándolos.

Una vez que haya terminado con la parte de diseño, puede cambiar la notificación y otras configuraciones de este formulario. Finalmente, guarde el formulario usando el botón Guardar presente en la esquina superior derecha.

¿Quieres consultar nuestro formulario? Aquí está la demostración del formulario del torneo de juegos.

Paso 2: agregue una entrada de prueba a su formulario

Tendrá que agregar al menos una entrada a su formulario para probar la conexión entre Discord y WPForms. Esto será necesario en la etapa posterior de este tutorial.

Para crear una nueva entrada, puede incrustar su formulario en cualquier publicación, página o incluso en la barra lateral de su sitio web.

Pero usemos la opción de vista previa y creemos una entrada de prueba. Así que vaya a WPForms »Todos los formularios , coloque el cursor del mouse sobre el título de su formulario y haga clic en la opción Vista previa .

formulario de vista previa

Una vez que su formulario se abre en una nueva página, complete el formulario y haga clic en el botón Enviar para crear una nueva entrada con fines de prueba.

Pasemos al siguiente paso ahora.

Paso 3: Instale el complemento Zapier

Usaremos el complemento Zapier para conectar nuestro formulario de WordPress a Discord. Así que vaya a WPForms » Complementos e instale el complemento Zapier.

Para aquellos que no lo saben, Zapier le permite integrar su formulario a más de 1300 aplicaciones y realizar varias tareas fácilmente.

complemento zapier

A continuación, vaya a WPForms » Configuración y haga clic en la pestaña Integración .

Aquí verá la clave API de Zapier para su sitio. Necesitará esta clave API para conectar su sitio WPForms a Zapier. Así que mantenga esta página abierta y continúe con el siguiente paso.

Clave de api de integración de WPForms Zapier

Paso 4: crea un nuevo Zap

Zapier le permite conectar dos o más aplicaciones para realizar tareas automatizadas. Este proceso se llama Zap. Requiere un disparador para realizar una acción en particular.

En nuestro caso, el desencadenante es cuando alguien envía el formulario y la acción es un mensaje que se publicará en el canal de Discord de su elección.

Para crear un nuevo Zap, vaya al sitio web de Zapier e inicie sesión en su cuenta. Si no tiene una cuenta de Zapier, puede crear una nueva cuenta de forma gratuita.

hacer un zap

¡Ahora haga clic en el botón Make a Zap! presente en la esquina superior derecha de la pantalla. Esto abrirá una nueva página donde seleccionaremos WPForms como nuestra aplicación de activación.

Puede usar el cuadro de búsqueda Choose a Trigger App para encontrar WPForms. Una vez que lo encuentre, haga clic en él para ir al siguiente paso.

elige una aplicación de activación

WPForms ofrece solo una opción de activación. Por lo tanto, seleccione la opción de activación Nueva entrada de formulario y haga clic en Guardar + Continuar .

nueva entrada de formulario

En el siguiente paso, deberá conectar su cuenta de WPForms a Zapier. Para hacer eso, haga clic en el botón Conectar una cuenta .

Esto abrirá una ventana emergente. Aquí debe ingresar la URL completa de su sitio web y la clave API de Zapier. Puede volver al paso 3 para comprender cómo obtener su clave API.

permitir el acceso a Zapier

Una vez hecho esto, haga clic en el botón Sí, continuar para conectar su sitio web a Zapier.

Ahora volverá al asistente de configuración donde verá su cuenta de WPForms. Puede hacer clic en el botón Probar para verificar si su sitio web está conectado o no.

conexión de prueba

Si recibe un mensaje de éxito, haga clic en el botón Guardar + Continuar para ir al siguiente paso.

Zapier ahora buscará todos los formularios de su sitio web y le pedirá que seleccione uno del cuadro desplegable. Seleccione el formulario de registro del torneo de juegos que creó anteriormente y haga clic en Continuar .

seleccionar formulario del menú desplegable

A continuación, Zapier le mostrará todas las entradas de su formulario de torneo de juego. Simplemente seleccione cualquiera de las entradas con fines de prueba y luego haga clic en Continuar .

Paso 5: elige Discord como una aplicación de acción

En el último paso, ha creado correctamente su aplicación de activación. Es hora de elegir Discord como aplicación de acción.

Así que busca Discord y haz clic en él para continuar.

elige una aplicación de acción

En el siguiente paso, se le pedirá que seleccione una acción de Discord que desea que suceda cuando se envíe su formulario.

Como desea que se publique un mensaje en su canal de Discord, seleccione Enviar mensaje de canal y haga clic en el botón Continuar .

seleccione la acción Discord

Necesitas conectar tu servidor Discord a Zapier ahora. Para hacer esto, haga clic en Conectar una cuenta .

Se abrirá una ventana emergente que le pedirá que seleccione un servidor de Discord en el menú desplegable. Y luego, debe hacer clic en el botón Autorizar para darle a Zapier el permiso para usar su cuenta de Discord.

autorizar la aplicación de discordia

Después de esto, debe hacer clic en el cuadro Google reCaptcha para demostrar que no es un robot. Una vez hecho esto, su cuenta de Discord se agregará a Zapier.

Puede verificar la conexión haciendo clic en el botón Probar . Una vez que reciba el mensaje de éxito, haga clic en Guardar + Continuar para continuar con el siguiente paso.

probar la conexión de Discord

Ahora, tendrás que configurar la plantilla de mensaje del canal de Discord. ¡No te preocupes! Es muy simple.

En primer lugar, seleccione un canal de Discord del cuadro desplegable Canal . Este será el canal donde todas las entradas del formulario se publicarán automáticamente.

El cuadro de texto del mensaje le permite decidir qué mensaje desea que se publique en su canal cuando alguien envíe el formulario de contacto en su sitio.

Puede hacer clic en el icono Insertar un campo para agregar los campos del formulario de contacto al área de texto. Y también puede agregar texto personalizado si lo desea.

plantilla de mensaje de canal de discordia

El resto de campos son opcionales. Así que desplácese hacia abajo hasta la parte inferior del formulario y haga clic en Continuar .

Para probar si todo funciona correctamente, puede hacer clic en el botón Enviar prueba a la discordia en el siguiente paso. Recibirás un mensaje de éxito que indica que tu mensaje de prueba se envió a Discord. También puede confirmarlo comprobando su canal de Discord.

Ahora haga clic en Finalizar para completar el proceso de configuración de la acción y vaya al paso final.

WPForms a Discord Zap

Por último, dar cualquier nombre a su Zap y convertirlo en ON para hacer sus WPForms a la discordia ZAP empezar a trabajar.

¡Eso es todo! Ha conectado correctamente su formulario de contacto de WPForms a Discord. Entonces, cada vez que alguien envíe el formulario, se enviará un mensaje a su canal de Discord automáticamente.

En conclusión

Esperamos que este artículo le haya ayudado a comprender cómo conectar su formulario de WordPress a Discord.

Para conocer formas más increíbles de usar WPForms y Zapier juntos, consulte estas guías sobre cómo:

  • Cómo enviar entradas de WPForms a Google Calendar
  • Reciba notificaciones de Slack desde su formulario de WordPress.
  • Realiza automáticamente una tarea de Asana desde un formulario de WordPress
  • Cree un formulario de registro personalizado de iContact en WordPress
  • Conecte su formulario de contacto de WordPress a Discord
  • Crea un formulario Airtable personalizado para WordPress

¿No usas WPForms hasta ahora? ¡Comience con el mejor complemento de formulario de WordPress hoy mismo!

Si le gustó este artículo, síganos en Twitter y Facebook para recibir actualizaciones de nuestro blog.