Cómo incrustar Google Calendar en WordPress: 3 métodos fáciles

Publicado: 2020-03-26

Google Calendar es una aplicación muy útil que te permite organizar tu agenda, administrar y compartir eventos y ser más productivo. Es por eso que tanta gente en todo el mundo lo usa y tú también deberías hacerlo. ¿Y si pudieras integrarlo con tu sitio? ¿No sería increíble? En esta guía, le mostraremos cómo incrustar Google Calendar en WordPress paso a paso.

Para darte una idea de lo útil que puede ser esta herramienta, tomémosme como ejemplo. Mucho antes de trabajar con WordPress, era un estudiante universitario con una vida agitada. Fue divertido, pero fallé en mantenerme al día con muchas cosas ya que tenía tantos plazos que cumplir y tan poca memoria para recordarlos todos. Luego, se lanzó Google Calendar, y me ha salvado desde entonces, no a mí, sino a muchos otros también.

Hoy en día, hay más de 250 000 sitios web clasificados como clientes de Google Calendar, y casi 100 000 de ellos usan Google Calendar. Si no está familiarizado con Google Calendar, es posible que se pregunte qué hace para obtener tanto reconocimiento. Google Calendar lo ayuda a programar reuniones, crear recordatorios, administrar y responder invitaciones a reuniones, compartir y ver calendarios y muchas otras cosas.

Sin embargo, como estamos hablando de Google Calendar para sitios web de WordPress, hay más de lo que nunca has sabido. En esta guía, le mostraremos cómo incrustar WordPress en Google Calendar y cómo puede aprovechar al máximo esta excelente herramienta.

Introducción al Calendario de Google

Todo el mundo está familiarizado con el gigante tecnológico Google. Entre las diversas aplicaciones de Google, Calendar se destaca como una de las herramientas más efectivas para las tareas y actividades cotidianas. En definitiva, ayuda a organizar la vida de los usuarios, tanto trabajando solo como cooperando con otras aplicaciones de Google como Gmail.

Para las empresas, Google Calendar es útil porque le permite crear eventos, enviar invitaciones a invitados, crear eventos recurrentes, administrar quién participa y establecer asistentes opcionales, entre otras cosas. Además, hay muchas otras funcionalidades de Google Calendar para usuarios premium de G Suite, como configurar videoconferencias y agregar y administrar lugares.

¿Por qué incrustar Google Calendar en WordPress?

Ahora que entendemos por qué las personas, los grupos y las empresas usan esta herramienta, pasemos a por qué debería agregar Google Calendar a su sitio de WordPress:

  1. Informe a sus clientes sobre eventos futuros: el uso de Google Calendar para su sitio web le brinda la posibilidad de informar a sus clientes sobre próximos eventos para que puedan tener tiempo para participar. De esta manera, puede asegurarse de que todos estén al tanto de antemano y se unan a los eventos.
  2. Administrar citas personales: Si lo anterior es por el bien de los usuarios, este propósito es únicamente para usted. Puede administrar todas sus actividades enumerándolas aquí, agregando notas, recordatorios y todo lo necesario para simplificar sus horas de trabajo. Este es el propósito principal de Google Calendar para uso personal, pero ahora que está integrado con su sitio web, las ventajas serán múltiples.

La integración de Google Calendar con su sitio de WordPress es una excelente manera de mantener a sus usuarios informados sobre los próximos eventos importantes. Además, es una herramienta increíble para crear eventos y reuniones recurrentes, administrar quién participa y organizar videollamadas, entre otras cosas. De hecho, hay muchos otros complementos que tienen funcionalidades similares. Entonces, ¿por qué debería apegarse a Google Calendar? Aunque Google no ha sido la única marca que vio la importancia de desarrollar una herramienta de gestión y programación para las empresas de WordPress, Google Calendar se ha mantenido en la cima desde el principio porque sus características son invencibles.

Además, es Google, por lo que el reconocimiento de marca es muy poderoso. Otros complementos tienen diferentes funcionalidades, pero la verdad es que, por lo general, no son de mucha ayuda. Además, aunque la mayoría de los complementos requieren que pague por funciones premium, esas funcionalidades no son rival para Google Calendar. Entonces, si tiene que pagar, es mejor que use su dinero para expandir las funciones de Google Calendar.

¿Cómo incrustar Google Calendar en WordPress? Una guía paso a paso

Hay 3 formas diferentes de agregar Google Calendar a WordPress :

  1. con un complemento
  2. A través del editor de bloques WP
  3. Usando HTML

Todos estos métodos son muy efectivos, por lo que debe elegir el que mejor se adapte a sus habilidades y necesidades. Ahora, echemos un vistazo más de cerca a cada opción.

1) Incruste Google Calendar en WordPress con un complemento

Ahora, echemos un vistazo a cómo puede hacer que esta integración suceda en tres sencillos pasos. Varios complementos de soporte lo ayudan a incrustar Google Calendar en su sitio de WordPress. Sin embargo, en este tutorial, usaremos el complemento más recomendado: Simple Calendar . Esta herramienta lo ayuda a mostrar Google Calendar en WordPress de una manera muy fácil.

Además de mostrar eventos por semana o mes o en formato de lista, también se sincroniza con Google Calendar, lo que significa que no tendrás que agregar nada a WordPress. Además, también puede personalizar su aspecto e ir más allá haciendo uso de sus muchos complementos o conectándose con otros complementos.

Paso 1: agregue un calendario simple a WordPress

El primer paso para agregar Google Calendar a WordPress es instalar Simple Calendar en su sitio. Para hacer esto, simplemente:

  • En su tablero de WordPress , vaya a la sección Complementos
  • Haga clic en Agregar nuevo y luego escriba Calendario simple en el cuadro de búsqueda
  • Allí verá el calendario simple: el complemento de calendario de Google . Haga clic en Instalar ahora y espere unos momentos hasta que finalice.

  • Vaya a la sección Complementos instalados y actívelo.

Después de hacer eso, mire su barra lateral y debería ver una sección de Calendarios con un pequeño ícono de calendario. ¡Eso significa que ha instalado con éxito Simple Calendar!

Paso 2: conecta tu sitio con tu calendario

Una vez que haya instalado y activado Google Calendar, debe conectarlo con su sitio de WordPress. Entonces, para configurar el complemento, haga clic en Calendarios – Configuración . Allí, verás la pestaña Orígenes de eventos , y verás que te pide una clave API de Google. Aquí puede encontrar cómo hacer que la API funcione, pero si no quiere leer todo, aquí se lo resumiremos.

  • Abra la consola de desarrolladores de Google
  • En la parte superior derecha de la pantalla, haga clic en Crear proyecto . Luego escriba el nombre que desee y haga clic en Crear

  • A continuación, accederá a la página de API y servicios. Aquí, haga clic en Habilitar API y servicios para acceder a la biblioteca de API
  • En la siguiente pantalla, verá un cuadro de búsqueda. Escriba API de calendario , elija el resultado sugerido API de calendario de Google y actívelo

  • Después de eso, vaya a la pestaña Credenciales , haga clic en Crear credenciales y elija la clave API como se muestra a continuación.

  • Ahora verá la clave API generada para usted. Haga clic en Restringir clave para medidas de seguridad
  • Accederá a la página de detalles de la clave API, donde verá varias opciones.
    • En la parte Restricción de la aplicación , elija URL de referencia HTTP (sitios web)

    • En la sección Restricciones del sitio web , seleccione Agregar un elemento e ingrese la URL de su sitio. Una vez que hayas hecho eso, haz clic en Listo

    • En la sección de restricciones de API , elija Restringir clave y Google Calendar API al seleccionar las API, luego haga clic en Guardar

¡Estupendo! Ha navegado con seguridad a través de la parte más difícil. Ahora siéntase libre de copiar la clave API, regrese al cuadro dentro del panel de WordPress de Configuración de calendarios donde solicita una clave API de Google y pegue la clave. Haga clic en Guardar cambios y continúe con el siguiente paso. Ya casi estás ahí.

Paso 3: muestra Google Calendar en WordPress

Este es el paso final en el que descubrirá cómo mostrar Google Calendar y mostrárselo a los visitantes de su sitio web de WordPress.

  • Primero, visite Google Calendar y haga clic en Configuración . Verá una barra lateral izquierda, desplácese hacia abajo para encontrar Configuración para mis calendarios y elija el calendario que desea mostrar en WordPress.

  • Después de hacer clic en los calendarios que desea mostrar, verá un menú desplegable donde hará clic en Permisos de acceso . Marque la opción Poner a disposición del público
  • Luego, haga clic en Integrar calendario en el mismo menú desplegable. Aquí, copie la identificación debajo de la dirección pública en formato iCal
  • Ahora, regrese al panel de control de WordPress y, en la pestaña Calendarios, elija Agregar nuevo
  • Escriba el título que desea para su Calendario y luego desplácese hacia abajo hasta que vea la configuración del Calendario . Allí, elige la pestaña Google Calendar y verás esto:
  • Pegue la identificación que copió en el tercer paso anterior ( dirección pública en formato iCal ) en el cuadro de identificación del calendario
  • Haga clic en Publicar

¡Felicidades! Acabas de insertar Google Calendar.

¿Qué sucede si no desea utilizar ninguna herramienta de terceros? Te tenemos cubierto. Echemos un vistazo a otros métodos para agregar Google Calendar a WordPress sin un complemento .

2) Agregue Google Calendar con el editor de bloques de WordPress

Otra opción para agregar Google Calendar a cualquier publicación o página de su sitio es utilizar Google Calendar Block . Este método es muy simple y efectivo y no requiere ninguna codificación.

    1. Entonces, para incluir el Bloque de calendario de Google en su sitio web, vaya a una página o publicación donde desee agregar el Calendario y haga clic en Agregar bloque .
    2. Luego, escribe Google Calendar y selecciona el bloque correspondiente
    3. Después de agregar el bloque, deberá habilitar los permisos para el calendario que desea compartir y pegar el código de inserción del calendario en el campo correspondiente.
    4. Entonces, para obtener el código de inserción que necesita en el paso 3, vaya a Google Calendar, haga clic en los 3 puntos al lado del calendario y presione Configuración y uso compartido . Agregue Google Calendar a WordPress - Calendario incrustado
    5. Después de eso, vaya a la sección Permisos de acceso y haga público su calendario marcando la opción Poner a disposición del público . Recibirá una advertencia que indica que esto hará que todos sus eventos sean visibles. Haga clic en Aceptar
    6. Luego, vaya a la sección Integrar calendario y copie el código de inserción. Este es el código que usará para agregar su calendario a su sitio. Si revisa el código, verá que tiene su correo electrónico, así que asegúrese de que está de acuerdo con que el calendario sea público. Añadir Google Calendar a WordPress - Código de inserción
    7. Finalmente, regrese a la publicación o página donde desea mostrar su calendario y pegue el código de inserción en el campo correspondiente. Luego presione Incrustar y guarde los cambios.
    8. ¡Eso es! ¡Acabas de insertar Google Calendar en tu sitio de WordPress!

También puede personalizar su calendario haciendo clic en el botón Personalizar . Puede personalizar los colores, los botones, el tamaño, las pestañas, los iconos y más. Agregue Google Calendar a WordPress - Personalice el calendario

3) Incrustar Google Calendar en WordPress a través de HTML

Otra manera fácil de incrustar Google Calendar en su sitio de WordPress es a través de HTML . No dejes que el nombre te desanime si no eres un desarrollador. Este método no requiere ninguna habilidad de codificación y es muy efectivo.

  1. Entonces, para agregar Google Calendar a su sitio usando HTML, primero vaya a la página o publicación donde desea incluir su calendario
  2. Luego, agregue un nuevo bloque HTML personalizado . Aquí deberá pegar el código de inserción de su calendario
  3. Para obtenerlo, debe repetir los pasos 4 a 6 del método anterior del editor de bloques. Tendrás que ir a Google Calendar, hacer clic en los 3 puntos junto a tu calendario y luego ir a Configuración y uso compartido . Luego, haga público su calendario en Permisos de acceso , vaya a la sección Integrar calendario y copie el código de inserción
  4. Una vez que obtenga el enlace de su calendario, péguelo en el Bloque HTML y guarde los cambios.
  5. ¡Acabas de agregar tu Google Calendar a WordPress!
NOTA : WordPress convertirá automáticamente el código de inserción en un código abreviado
Finalmente, si en lugar de usar Gutenberg está usando el Editor clásico, simplemente pegue el código de inserción en la pestaña HTML.

Ahora que ha aprendido a mostrar Calendario en su sitio, echemos un vistazo a cómo puede aprovecharlo al máximo.

Consejos para personalizar Google Calendar en WordPress

Simple Calendar es el método más complejo para agregar Google Calendar a WordPress, por lo que aquí te daremos algunos consejos para aprovecharlo al máximo. Lo bueno de Simple Calendar es que te permite personalizar los estilos de tus calendarios.

Para que esto suceda, ve a tus Calendarios y elige la pestaña Todos los calendarios . Luego, especifique el calendario cuya apariencia desea modificar y abra el editor. Desplace el mouse para encontrar Configuración del calendario y haga clic en la pestaña Apariencia . Allí comienza la diversión y puedes personalizar los colores, el diseño, etc. Con todo, algunas cosas que puede hacer para personalizar sus calendarios son:

  • Elige entre un tema claro y oscuro para tu calendario
  • Decide qué color específico quieres que indique el día activo de tu calendario, así como las fechas de los eventos
  • Juega con la combinación de colores de tu calendario y encuentra uno que se adapte al estilo de tu sitio web

Códigos cortos y widgets para incrustar Google Calendar en publicaciones y páginas

Después de haber integrado Google Calendar agregado a WordPress, cuando cree una nueva publicación o página, verá un botón Agregar calendario como se muestra a continuación.

Este botón funciona como Agregar medios y le permite insertar el calendario en cualquier lugar que desee en el hilo. Si por alguna razón no tiene este botón, hay otras formas de agregar un calendario a sus publicaciones/páginas: a través de códigos abreviados y widgets.

Códigos cortos

Si observa detenidamente al agregar un nuevo calendario en la pestaña Calendarios, verá que se le proporciona un código abreviado en la parte inferior derecha de la pantalla. Para incrustar este calendario en sus publicaciones/páginas, simplemente escriba este código abreviado en cualquier lugar donde desee mostrarlo.

Agregar Google Calendar a WordPress - Códigos cortos

Widgets

El complemento Simple Calendar le proporciona un widget que puede mostrar en su sitio. Para activar esta opción, en tu Panel de WordPress ve a Apariencia > Widgets . Aquí verá los widgets disponibles y tendrá que arrastrar y soltar el widget Calendario simple en el lugar donde desea que se muestre.

Estas son formas fáciles de mostrar su calendario en diferentes partes de su sitio para aprovechar al máximo la integración de WordPress y Google Calendar.

Consejos para aprovechar al máximo Google Calendar

Incrustar Google Calendar en su sitio de WordPress es el primer paso para organizar mejor sus reuniones y eventos. La mayoría de las personas usan Calendario simplemente para crear reuniones, pero esta herramienta puede hacer mucho más por usted. Echemos un vistazo a algunos consejos para aprovechar al máximo Google Calendar.

  1. Encuentra un horario : cuando necesitas organizar una reunión con varias personas, puede ser difícil encontrar un horario que funcione para todos. La buena noticia es que Google Calendar tiene una función llamada Encontrar una hora que hace que encontrar la hora adecuada sea mucho más fácil. Simplemente cree un evento, invite a las personas que desee y luego vaya a la pestaña Buscar una hora para encontrar un espacio en el que todos estén disponibles.
  2. Bloquear espacios para citas : ¿Cansado de recibir invitaciones para reuniones en horas inoportunas? Si está utilizando GSuite, puede evitarlo bloqueando los espacios para citas. De esta forma, bloqueas el tiempo en el que tus compañeros de equipo pueden programar reuniones contigo. Para activar esta funcionalidad, simplemente cree un evento para el tiempo que esté disponible para las reuniones y luego vaya a Espacios para citas . Verá un enlace que dice " Página de citas de este calendario ". Haga clic en él y será redirigido a una versión web de su calendario que puede compartir.
  3. Agregar días festivos y otros eventos : el calendario le permite agregar todo tipo de eventos, como días festivos, eventos deportivos, anuncios de fases de la luna. Para agregar esta opción, haga clic en los 3 puntos al lado de su calendario y vaya a Configuración y uso compartido . Agregue Google Calendar a WordPress - Consejos de calendario Luego, en la sección Agregar calendario , ve a Explorar calendarios de interés y selecciona los que deseas activar. Una vez que termines, encontrarás los eventos que seleccionaste en la sección Otros calendarios .
  4. Zonas horarias : Hoy en día hay cada vez más equipos que trabajan desde diferentes partes del mundo y con diferentes zonas horarias. Si ese es tu caso, este consejo es perfecto para ti. Google Calendar le permite establecer zonas horarias primarias y secundarias para que siempre encuentre un buen momento para sus reuniones. Para activar esta opción, haz clic en los 3 puntos al lado de tu calendario y ve a Configuración y uso compartido . Luego, presione el botón Establecer mi zona horaria principal en Configuración del calendario . Allí, marque la opción para activar la zona horaria secundaria y seleccione la que desee. Cómo incrustar Google Calendar en WordPress - Zonas horarias Además, puede agregar etiquetas a sus zonas horarias y mostrar un reloj mundial.

Conclusión

Con todo, Calendar no solo lo ayudará a organizar su agenda, sino también a administrar y compartir eventos para que sus clientes puedan mantenerse al día con sus eventos y fechas importantes. Si agrega Google Calendar a WordPress, agregará más funcionalidades a su sitio web, brindará valor a los usuarios y se destacará de sus competidores. Hemos visto 3 métodos diferentes para incrustar Calendario en su sitio:

  1. Con el complemento Calendario simple
  2. Usando el editor de bloques de WordPress
  3. A través de HTML

Estos métodos son aptos para principiantes y todos son muy efectivos, así que elige el que mejor se adapte a tus necesidades. Además, hemos visto diferentes formas de personalizar su calendario y agregarlos usando códigos cortos y widgets. Finalmente, hemos visto algunos consejos que lo ayudarán a aprovechar al máximo Google Calendar. ¿Has probado esta guía? ¿Lo encontraste útil? ¡Comparta sus pensamientos con nosotros en la sección de comentarios a continuación! Más guías útiles para aprovechar al máximo su sitio:

  • Cómo publicar automáticamente desde WordPress a Facebook
  • Guía: Cómo integrar WooCommerce con MailChimp
  • Cómo configurar e integrar WooCommerce con Stripe