Google Calendar WordPressAñade un calendario de Google Calendar a tus posts en WordPress

 

En este artículo vamos a enseñarte cómo puedes adjuntar un calendario de Google a uno de tus posts o páginas.
Échale un vistazo a nuestro tutorial para insertar un mapa de Google Maps en WordPress si quieres aprender a insertar mapas.

Para poder insertar un calendario, debemos generar una API Key de Google, hacer público el calendario en cuestión, obtener el ID del calendario y por último meter tanto la API Key como el ID del calendario en el plugin correspondiente.

Añade un calendario de Google Calendar a tus posts en WordPress

Generar API Key

Lo primero que vamos a hacer es generar la API Key necesaria.
Ve a la página de desarrolladores de Google y crea un nuevo proyecto.
Si no tienes ningún proyecto creado, al entrar te saldrá el botón Crear proyecto, pero si ya tienes uno creado, entrarás al panel de dicho proyecto.
Si tu caso es el primero, pulsa en Crear proyecto, y si es el segundo, puedes optar por crear uno nuevo o utilizar ese mismo proyecto.
Para crear un nuevo proyecto cuando ya tienes uno creado, pulsa en la flecha que hay al lado del nombre del proyecto, y luego en el símbolo + que hay en la ventana que acaba de aparecer.

Seleccionar proyecto Nuevo proyecto

Luego pulsa en Crear.

Crear proyecto

Tras crear el proyecto, pulsamos en el botón HABILITAR APIS Y SERVICIOS.

Habilitar APIs y Servicios

Busca Google Calendar API en la lista de APIs.

Google Calendar API

Ahora habilítala. Al habilitar la API, haces que las API Keys puedan comunicarse con la API.

Habilitar Google Calendar

Cuando la tengas habilitada, pulsa en Credenciales, a la izquierda, y cuando entres, pulsa en Crear credenciales > Clave de API.

Crear API Key

Cuando se genere una key, se abrirá un diálogo que te mostrará la API Key.

Key creada

Guarda esta key, que es la que vas a necesitar para conectar tu WordPress con la API de Google Calendar.

Preparar el calendario

Para hacer la prueba hemos creado un calendario llamado Calendario de prueba con un evento llamado Evento de prueba.

Calendario de prueba

Como ya hemos indicado al principio del post, lo que hay que hacer es compartir el calendario y obtener su ID. Para ir a la configuración del calendario, sitúa el puntero del ratón sobre el calendario que quieres configurar, pulsa sobre los tres puntos que aparecen, y luego en Configurar y compartir.

Opciones calendario

Una vez en la configuración, marca la casilla Compartir públicamente.

Compartir calendario

Baja un poco más y busca la ventana de Integrar calendario. Ahí encontrarás la ID del calendario, que es la que necesitas para indicar a WordPress qué calendario quieres integrar.

ID Calendario

Guarda este ID para cuando vayas a configurar el plugin.

Configurar el plugin

Ahora falta integrar lo que hemos hecho en WordPress.
Primero instala y activa el plugin Simple Calendar – Google Calendar Plugin.

Simple Calendar - Google Calendar Plugin

Una vez lo tengas activado, ve a Calendars > Settings e introduce la API Key que has obtenido en el primer paso.

Introducir API Key en Plugin

Guarda los cambios y ve a Calendars > Add New para crear el calendario que se sincronizará con el de Google Calendar.

Crear calendario

En la creación del calendario, baja un poco y pulsa en la pestaña Google Calendar. En la opción Calendar ID es donde debees poner la ID que has obtenido antes del calendario.

Introducir ID Calendario

Es posible que en la parte superior aparezca el mensaje Error calling GET https://www.googleapis.com/calendar/....
Este error puede deberse a que no hayas habilitado la API de Google Calendar en el primer paso (Generar API Key). También es posible que hayas introducido mal la API Key (copia la key y pégala en un block de notas, pues es posible que se haya copiado algún caracter no deseado).

Cuando tengas el calendario creado, pulsa en Publicar (el mismo botón que pulsas al publicar entradas), pues de lo contrario no podrás insertar el calendario.
Y con esto ya tenemos el calendario creado.

Insertar calendario

Para probar que nos ha funcionado correctamente, vamos a insertar el calendario en una entrada.

En la creación de la entrada, pulsa en el botón de Add Calendar que hay al lado del botón de Añadir objeto.

Añadir calendario creado

Tras pulsar el botón, se te abrirá una venta en la que debes seleccionar el calendario. Selecciona el calendario que has creado y pulsa en Insert Calendar.

Añadir calendario

Tras insertar el calendario, observa que se ha introducido un shortcode. En nuestro caso dicho shortcode es [calendar id="19"].
Puedes introducir este shortcode cada vez que quieras introducir el calendario.

Tras publicar la entrada (también podemos verlo si está en estado "Borrador"), visitamos la página para ver el calendario.

Calendario insertado en post

Ahora vamos a introducir otro evento en el calendario de Google Calendar para ver si se ha sincronizado correctamente.

Añadido nuevo evento en Google Calendar

Si actualizamos la página en la que hemos insertado el calendario, éste no se actualiza, pero si vamos al calendario y pulsamos en Clear cache, se actualizará el calendario.

Limpiar caché Calendario sincronizado
 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


* Campo obligatorio.

Utilizamos cookies propias para garantizar el correcto funcionamiento de la web. Accede a nuestra Política de Cookies para más información. Aceptar y Continuar
Suscríbete y recibe nuestra newsletter GRATUITA con novedades en nuestro Hosting y consejos de WordPress para hacer tu negocio más rápido, más fuerte y más seguro