Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo añadir eventos de Google Calendar desde el formulario de contacto de WordPress

¿Utilizas formularios de contacto de WordPress para reservar citas, consultas u otras interacciones basadas en eventos? Añadir manualmente estos eventos al calendario de Google puede llevar mucho tiempo y dar lugar a errores.

Muchos de nuestros usuarios han descubierto que el envío automático de eventos desde el formulario de contacto de WordPress directamente a Google Calendar mejora la eficacia y agiliza el flujo de trabajo.

En este artículo, te mostraremos cómo añadir fácilmente eventos de Google Calendar desde tu formulario de contacto de WordPress, lo que te permitirá guardar o ahorrar un tiempo valioso y te garantizará un proceso de programación sin problemas.

Adding Google Calendar events from a WordPress contact form

¿Por qué añadir eventos de Google Calendar desde un formulario de WordPress?

Normalmente, puede añadir un formulario de contacto a su sitio web de WordPress y recibir avisos por correo electrónico o en su escritorio de WordPress.

Puede utilizar un formulario de contacto para que los clientes reserven citas, soliciten una devolución de llamada, obtengan una cita / presupuesto, etc. Sin embargo, gestionar manualmente los clientes potenciales del formulario de contacto no es muy eficaz, y puede perder clientes por ello.

Aquí es donde Google Calendar puede ayudar. Funciona en cualquier dispositivo y puedes recibir avisos o recordatorios instantáneos de cada evento del calendario.

El envío automático de las entradas / registros de tus formularios a Google Calendar garantiza que no te pierdas ninguna reserva, cita, pedido o llamada.

Dicho esto, veamos cómo crear fácilmente un evento de Google Calendar a partir de las entradas / registros de un formulario de WordPress.

Conectar el formulario de contacto y Google Calendar

Para este tutorial, vamos a utilizar WPForms, que es el mejor maquetador de formularios para WordPress. Viene con una interfaz intuitiva de arrastrar y soltar que te permite crear fácilmente cualquier tipo de formulario.

A continuación, utilizaremos Zapier para conectar tu formulario de contacto con Google Calendar. Zapier funciona como un puente, conectando 2 aplicaciones diferentes sin necesidad de código.

Primeros pasos.

Cómo crear su formulario de contacto en WPForms

Primero, necesita instalar y activar el plugin WPForms. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Nota: Necesita la versión Pro o superior para utilizar la extensión Zapier para WPForms.

Tras la activación, vaya a la página WPForms ” Ajustes e introduzca su clave de licencia. Encontrará su clave de licencia en el área de su cuenta en el sitio web de WPForms.

Entering your license key for WPForms

Ahora, es el momento de crear su formulario de contacto. Si ya tienes un formulario de contacto establecido, simplemente edítalo yendo a la página WPForms ” Todos los formularios y haciendo clic en su nombre.

Si no, visite la página WPForms ” Añadir nuevo en su administrador de WordPress para iniciar el maquetador de WPForms y crear un nuevo formulario.

Vamos a utilizar una plantilla de formulario de contacto sencilla a la que hemos añadido campos de fecha/hora para las horas de inicio y fin de la llamada. Si necesitas ayuda para crear tu formulario y añadir campos, marca / comprobar nuestra guía paso a paso para crear un formulario de contacto.

Creating a call booking form in WPForms

Sugerencia: ¿Desea utilizar una plantilla de formulario especializada en eventos? Simplemente instale la extensión Plantillas de formularios en WPForms ” Complementos para acceder al Formulario de planificación de eventos y a más de 1300 plantillas.

Una vez que hayas establecido tu formulario, tienes que añadirlo a tu sitio web WordPress. Simplemente edita la página (o entrada) en la que quieres incluirlo o añade una nueva yendo a Páginas ” Añadir nuevo.

En primer lugar, tienes que hacer clic en el icono “+” para añadir un nuevo bloque. A continuación, busca el bloque WPForms y añádelo a tu área de contenido:

Add a WPForms block to your page in Wordpress

Una vez que haya añadido el formulario a su sitio web, publique o previsualice la página.

Asegúrese de enviar una entrada / registro de prueba utilizando su formulario. Esta entrada / registro de prueba es necesaria para establecer y comprobar la conexión entre WPForms y Google Calendar.

Aquí está nuestra entrada / registro de prueba, con nombre, correo electrónico, fecha, hora de inicio y fin, además de un mensaje:

Creating a test entry for your contact form or booking form

Preparación para conectar WPForms y Zapier

Vamos a utilizar Zapier para enlazar WPForms y Google Calendar. Esto significa que necesitas instalar y activar la extensión Zapier de WPForms.

Simplemente vaya a la página WPForms ” Extensiones en su administrador de WordPress. Busque la extensión Zapier y haga clic en el botón “Instalar extensión” para instalarla y activarla.

Installing the Zapier addon for WPForms

Ahora, debe visitar la página WPForms ” Ajustes ” Integraciones. Desde aquí, solo tiene que hacer clic en el logotipo de Zapier para obtener una clave de API.

Es posible que desee copiar su clave de API en algún lugar seguro o mantener la pestaña abierta. La necesitará más tarde para conectar Zapier a su cuenta de WPForms.

Cómo crear un zap para enviar datos desde el formulario de contacto a Google Calendar

Ahora, es el momento de ir al sitio web de Zapier. Si aún no tienes una cuenta, entonces adelante y crea una cuenta gratuita aquí.

Una vez que hayas accedido al dashboard de Zapier, haz clic en el botón ‘Make a Zap’. Se encuentra en la parte superior izquierda de la pantalla.

Click on the button to start making your Zap

Nota: En Zapier, un ‘Zap’ es un proceso que tiene tanto un disparador como una acción. En este caso, nuestro desencadenante será alguien que rellene el formulario de contacto, y nuestra acción será crear un nuevo evento en Google Calendar.

Ahora, tienes que dar un nombre a tu Zap en la parte superior de la pantalla. Después de eso, es el momento de establecer el gatillo.

En primer lugar, escriba “WPForms” en la barra de búsqueda del cuadro “Elegir aplicación y evento”. A continuación, simplemente haga clic en el icono WPForms que aparece:

Select WPForms as your trigger app in Zapier

Zapier rellenará automáticamente el evento desencadenante de ‘Nueva entrada de formulario’.

Sólo tiene que hacer clic en el botón “Continuar”.

Choosing a trigger event in Zapier

A continuación, Zapier le indicará que acceda a su cuenta de WPForms.

Basta con hacer clic en el botón “Acceder a WPForms” para hacerlo:

Click the button to sign in to WPForms

Ahora debería ver una ventana emergente donde necesita introducir su clave API. Esta es la clave API que encontró antes en la página WPForms ” Ajustes ” Integraciones en su administrador de WordPress.

También tienes que añadir la URL de tu sitio web.

Enter your API key from WPForms and the URL of your website

Una vez hecho esto, basta con hacer clic en el botón “Sí, continuar” para pasar al paso siguiente.

Zapier ahora le pedirá que seleccione su formulario de contacto de la lista desplegable.

Selecting the correct contact form in Zapier

Si tiene varios formularios diferentes en su sitio, asegúrese de seleccionar el correcto:

A continuación, haz clic en el botón “Probar activador”.

Testing your trigger in Zapier

Zapier encontrará ahora la entrada / registro de prueba que creó anteriormente.

Lo verá en la pantalla.

The data from the test contact form entry that Zapier has found

Haz clic en el botón “Continuar” y pasarás a la parte Acción del Zap.

Aquí es donde tienes que elegir tu segunda aplicación, Google Calendar.

Selecting Google Calendar as your action app

A continuación, haga clic en el desplegable “Elegir evento de acción”.

Debe seleccionar la opción “Crear evento detallado”.

Select 'Create detailed event' as the action event for Google Calendar

Se abrirá la página “Crear evento detallado en Google Calendar”.

Zapier te indicará que accedas a tu cuenta de Google Calendar.

Sign in to your Google Calendar account when prompted by Zapier

Tienes que dar permiso a Zapier para acceder a tu Google Calendar.

Esto permitirá a Zapier crear eventos para usted.

Give Zapier permission to access your Google Calendar

Una vez que hayas accedido a Google Calendar, haz clic en el botón “Continuar” para seguir adelante.

A continuación, verá la sección Personalizar evento detallado. Aquí, debe seleccionar el calendario correcto en el primer desplegable:

Choose which calendar you want to use with the Zap

Una vez hecho esto, escriba un resumen del evento.

Vamos a utilizar Llamada de cliente para el nuestro. También puede elegir un campo de formulario aquí si tiene un campo apropiado en su formulario para esto.

Type in an summary for your Google Calendar event, e.g. "Client Call"

Para la descripción del evento, vamos a utilizar el mensaje del formulario.

Sólo tiene que hacer clic en la casilla “Descripción” y, a continuación, en el campo del formulario que desee utilizar. Sus datos de prueba aparecerán junto al nombre del campo.

Select the form field that you want to use for the Google Calendar event's description

Aquí puede incluir otros campos, como el nombre y/o la dirección de correo electrónico de la persona.

También debe añadir la fecha y hora de inicio y la fecha y hora de finalización. De nuevo, haz clic en la casilla y selecciona el campo apropiado de tu formulario:

Select the correct fields from your form for the start and end times of the event

También puede incluir la dirección de correo electrónico de la persona que reservó la convocatoria o el acto.

Esto significa que se les enviará una invitación, para que puedan añadir fácilmente el evento a su propio calendario.

Enter the field for the attendee's email address, if you want to send them a Google Calendar invite

Aquí también puedes modificar otros ajustes. Cuando estés satisfecho con los ajustes, haz clic en el botón “Continuar”.

Ahora, Zapier te da la oportunidad de probar tu Zap.

The details of the test event that will be sent to Google Calendar

En primer lugar, verás los detalles de lo que se va a enviar a Google Calendar.

A continuación, haz clic en el botón “Probar y continuar” para probar tu Zap.

Click the 'Test and Continue' button to send the test entry's details to Google Calendar

A continuación, debes marcar / comprobar que el Zap ha funcionado.

Tienes que seguir adelante y ver tu calendario de Google para comprobar que el evento de prueba se ha añadido correctamente.

Viewing the details of the event that's been added to Google Calendar

Por último, tienes que encender tu Zap.

Basta con hacer clic en el botón azul “Activar Zap”.

Turn on your Zap once you're ready

Consejo: Si tu evento se ha añadido a una hora incorrecta, comprueba los ajustes de zona horaria en tu perfil de Zapier. Si son incorrectos, establécelos en la zona horaria correcta y vuelve a probar tu Zap.

Ya está. Las entradas / registros de tu formulario de contacto se enviarán automáticamente a tu calendario de Google.

Guías de expertos sobre el uso de calendarios en WordPress

Ahora que ya sabes cómo añadir eventos de Google Calendar desde el formulario de contacto de WordPress, quizá te interese consultar otras guías relacionadas con calendarios, eventos y reservas en WordPress.

Esperamos que este artículo te haya ayudado a aprender a añadir eventos de Google Calendar desde tu formulario de contacto de WordPress. También puedes consultar nuestra selección de expertos sobre los mejores servicios de telefonía para empresas y nuestra guía práctica sobre cómo obtener una dirección de correo electrónico empresarial gratuita.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

2 comentariosDeja una respuesta

  1. Lana

    Thanks for another great tutorial. I would be lost without you and your team. Great, easy to understand information and you don’t make me feel odd for asking questions. Thanks to you and all your team.memebers.

    • WPBeginner Support

      You’re welcome, glad our guides are helpful to you :)

      Administrador

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.