Cómo agregar eventos de Google Calendar a WordPress (en 4 pasos)


calendario de Google le proporciona una poderosa herramienta para mantenerse organizado y realizar un seguimiento de cualquier evento que esté organizando (o desee asistir). El problema es que WordPress no le ofrece una forma de integrar sus calendarios de Google, o al menos no sin el complemento adecuado.

Con un complemento, podrá agregar un calendario de Google a sus páginas de WordPress y usarlo para ayudar a mantener informados a sus visitantes sobre los próximos eventos. En este artículo, hablaremos sobre algunas situaciones en las que esta funcionalidad puede resultar útil, luego le enseñaremos cómo agregar eventos de Google Calendar a WordPress en cuatro pasos.

¡Hagámoslo!

Una introducción a Google Calendar (y su destreza en la programación)

Un calendario de Google.

Google Calendar es uno de los servicios más populares del gigante tecnológico. Puede ayudarlo a mantener su vida personal organizada al ayudarlo a programar eventos a los que debe asistir, mandados que debe hacer y mucho más.

Sin embargo, nuestro verdadero interés radica en cómo Google Calendar se aplica a la jornada laboral. Cuando se trata de negocios, el principal atractivo de Google Calendar es la asistencia que le brinda al crear eventos, invitar a invitados, verificar quién asistirá y quién no, y más.

Esas son características básicas que se encuentran en muchos competidores. Sin embargo, Google Calendar también le permite organizar videoconferencias, programar lugares y agregar muchos detalles para cada evento. Sin embargo, tenga en cuenta que muchas de estas funciones solo están disponibles para pagos premium G Suite usuarios. Si está utilizando la versión gratuita de Google Calendar, aún puede aprovechar su funcionalidad de programación de eventos, pero sin algunas de las ventajas avanzadas.

En cuanto a por qué querría utilizar Google Calendar con WordPress, existen dos escenarios principales en los que puede resultar útil:

  1. Informar a sus visitantes sobre los próximos eventos. Con Google Calendar, puede crear eventos fácilmente y mostrar a sus visitantes lo que se avecina para que puedan hacer planes.
  2. Como herramienta de gestión de citas. Puede utilizar la herramienta como administrador de citas improvisado.

Hay muchos complementos que puede usar para gestionar citas a través de WordPress. Sin embargo, pocos de ellos ofrecen las funciones que ofrece Google Calendar, incluso si eres un usuario gratuito. Además, casi ninguno de ellos es tan intuitivo. Si ya usa Google Calendar para administrar su horario privado, tiene sentido expandir sus funciones también a su sitio web de WordPress, todo lo que necesita es el complemento correcto.

Cómo agregar eventos de Google Calendar a WordPress (en 4 pasos)

Hay varios complementos que puede usar para agregar su propio calendario a WordPress. Sin embargo, no todos admiten la integración de Google Calendar, que es lo que estamos buscando. De los que lo hacen, tiene dos opciones populares, que incluyen Calendario simple y Administrador de calendario de Google WP.

Para este tutorial, decidimos ir con Calendario simple porque ofrece un poco más en términos de características y estilo, aunque otra opción puede ser más adecuada para ti. Una vez que haya instalado y activado el complemento, continúe con el paso número uno.

Paso # 1: crea un nuevo calendario en WordPress

Una vez que active el complemento Calendario simple, se le presentará una pantalla de bienvenida:

La pantalla de bienvenida del complemento Calendario simple.

Aquí, verá los últimos cambios en el complemento y también podrá ir directamente a su Calendarios, Configuración, complementos, y Documentación pestañas. No necesitará las dos últimas pestañas por ahora, así que echemos un vistazo a la Calendarios sección primero.

O haga clic en el Calendarios en la parte superior de la pantalla ahora o elija el Calendarios> Agregar nuevo pestaña de su panel de WordPress. Llegará a la página del editor de WordPress, que está llena de códigos cortos que rigen cómo se mostrarán los eventos de su calendario:

Editando su calendario.

La estructura predeterminada establece el título primero, luego muestra cuándo y dónde se llevará a cabo el evento. Finalmente, le muestra una breve descripción y le permite ver más detalles abriendo una nueva ventana. Esta estructura funciona bastante bien, pero puedes reorganizar los elementos de tu evento cambiando las cosas.

Le mostraremos cómo se ve en un minuto. Por ahora, continúe y establezca un nombre para su calendario, así como una categoría, si lo desea. Ahora desplácese hacia abajo hasta el widget que dice Configuración del calendario y continúe con el paso número dos.

Paso 2: vincule Google Calendar como fuente de su calendario

La primera opción que verá dentro del Configuración del calendario se llama widget Fuente del evento, y te permite elegir Google Calendar como fuente:

Elegir Google Calendar como fuente de su calendario.

Pasando al Eventos pestaña, puede elegir cuándo debe comenzar su calendario y el rango de fechas que usa para mostrar eventos:

Pestaña de eventos del complemento.

Estas configuraciones dependerán de la cantidad de eventos que desee mostrar en sus páginas, así que siéntase libre de jugar con ellos. Sin embargo, antes de que pueda ver su calendario en acción, deberá vincular su cuenta de Google con el complemento, que requiere una clave API de Google y una ID de calendario. Puede obtener su clave API de Google siguiendo estas instrucciones, luego simplemente péguelo en el Calendarios> Configuración pestaña:

Usando su clave API de Google.

Una vez que guarde su clave de API, es hora de obtener su ID de calendario. Para hacerlo, abra su nuevo calendario usando el editor nuevamente. Ahora salte al calendario de Google pestaña dentro de la Configuración del calendario widget:

Pegando su ID de calendario.

El complemento ahora le pedirá su ID de calendario, así que vaya a su cuenta de Google Calendar. A la izquierda, verá una lista de sus calendarios existentes. Si pasa el cursor sobre ellos, verá un botón de opciones en el que puede hacer clic. Hay una opción dentro llamada Configuración y uso compartido – haga clic en él ahora. En la siguiente pantalla, hay una sección que dice Permisos de acceso. Necesita habilitar el Poner a disposición del público ajuste justo debajo:

Poner su calendario a disposición del público.

A continuación, desplácese hacia abajo hasta llegar a la Integrar calendario sección. Tu ID de calendario debería estar justo en la parte superior, así que sigue adelante y cópialo ahora:

Encontrar su ID de calendario.

Ahora regrese a WordPress y pegue su ID de calendario dentro del Configuración del calendario widget. Si obtiene una vista previa de su calendario ahora, debería ver que está extrayendo los eventos de su cuenta de Google.

Una vez que guarde los cambios en su calendario, deberá mostrarlo en sus páginas.

Paso # 3: muestra tu calendario en WordPress

Mostrar su nuevo calendario en cualquier lugar de su sitio web es sencillo. Si abre el editor de cualquiera de sus calendarios, verá una sección llamada Código abreviado de calendario a la derecha de tu Configuración del calendario widget:

El widget de código abreviado del calendario.

Simplemente copie el código corto y péguelo en el editor de WordPress para cualquiera de sus otras páginas. Recuerde, la ubicación donde pegue su código corto determinará dónde aparece en su interfaz:

Colocando el shortcode de su calendario dentro del editor.

Los usuarios de Divi también encontrarán que el calendario funciona perfectamente. Sin embargo, deberá agregar un Código módulo a la ubicación deseada. Por ejemplo, aquí hay una sección estándar de dos columnas vista desde Divi Builder:

Una sección Divi de dos columnas.

Si hacemos clic en el Código configuración del módulo, podrá pegar el código abreviado de su calendario dentro del Contenido campo y guárdelo:

El módulo de código Divi.

Ahora, su calendario aparecerá donde lo colocó, como lo haría con cualquier otro tema. La diferencia es que Divi te da mucho más control sobre su ubicación.

Paso 4: modifica la apariencia de tu calendario

Uno de los principales puntos de venta de Simple Calendar es que incluye varias opciones para personalizar el estilo de su calendario. Para acceder a ellos, vaya a su Calendarios> Todos los calendarios pestaña y abra el editor del calendario que desea personalizar.

Una vez que esté dentro, desplácese hacia abajo hasta Configuración del calendario widget y vaya al Apariencia pestaña. Aquí podrá elegir entre una Luz y un Oscuro tema para tu calendario:

El tema ligero del complemento Simple Calendar.

Además, puede asignar un color específico para resaltar el día activo de su calendario y las fechas que albergan eventos:

Modificar los colores de tu calendario.

Si desea que su calendario se vea como en casa en su sitio web, le recomendamos que utilice los colores primarios de este último como parte del primero. En la mayoría de los casos, los fondos claros funcionan mejor con su calendario, ya que son más fáciles de leer:

Un calendario de Google en acción.

Sin embargo, siéntete libre de jugar con los colores de tu calendario y con el Divi Builder hasta que encuentres un estilo que se adapte a ti.

Conclusión

Lo más probable es que ya uses calendario de Google para organizar su horario personal. También puede ayudarlo a organizar eventos públicos, y su sitio web de WordPress puede ayudarlo a encontrar asistentes. Todo lo que tiene que averiguar es cómo mostrar su calendario en WordPress en primer lugar.

Si desea integrar Google Calendar con WordPress, le recomendamos que utilice el Calendario simple plugin y siguiendo estos pasos:

  1. Crea un nuevo calendario en WordPress.
  2. Vincula Google Calendar como fuente de tu calendario.
  3. Modifica la apariencia de tu calendario.
  4. Muestre su calendario en WordPress.

¿Tiene alguna pregunta sobre cómo mostrar sus eventos en WordPress? ¡Hablemos de ellos en la sección de comentarios a continuación!

Miniatura de la imagen del artículo por Bakhtiar Zein / shutterstock.com.