Cómo integrar Google Calendar en un sitio web

Si tienes una agenda muy apretada, deberías usar Google Calendar para administrar todos tus eventos y citas. Pero ¿sabías que también puedes incorporar un calendario de Google en tu sitio web o en la página de tu organización para brindar información valiosa a tus visitantes? ¿Te preguntas cómo? Sigue esta guía para aprender cómo.

Integrar un calendario en su sitio web ofrece múltiples ventajas. En primer lugar, garantiza que los visitantes se mantengan informados sobre los próximos eventos, lo que fomenta la participación y el interés. En segundo lugar, crea una experiencia de usuario perfecta al permitir que las personas consulten cómodamente su agenda sin salir de su sitio.

Además, la integración permite a los usuarios guardar eventos específicos en sus calendarios personales, lo que mejora su capacidad de planificar y asistir, ya que muestra las fechas y horas correctas en su sitio web. No tiene que enviar a las personas a otra página, por lo que todo se mantiene fluido y agradable cuando están revisando cosas.

Incrustar también es mejor que compartir Google Calendar con todos los visitantes de tu sitio.

Cómo integrar Google Calendar en un sitio web

En los pasos siguientes, mostramos cómo incorporar Google Calendar en un sitio de WordPress. Sin embargo, el método también funcionará en todos los sitios web que admitan la incorporación de contenido HTML o JavaScript.

1. Visita Google Calendar en la web en tu navegador preferido.
2. Haga clic en el ícono de engranaje en la esquina superior derecha de la pantalla.
3. Seleccione Configuración .
4. Vaya a la sección Configuración de mis calendarios utilizando la barra lateral izquierda.
5. Seleccione el calendario que desea incrustar en su sitio web.
6. Desplácese hacia abajo hasta la sección Integrar calendario .
7. Seleccione el código que se encuentra debajo del encabezado Código para insertar . Proceda a copiarlo con un clic derecho o mediante el atajo de teclado (Ctrl/Cmd+C).
8. Crea una nueva página para insertar el código en una página o publicación de WordPress. Ve a Páginas Agregar nueva página
9. En el editor, ve a la sección donde quieres mostrar tu Calendario de Google y cambia a la vista de Texto .
10. Pegue el código y vuelva a la vista visual . Debería ver una vista previa del calendario.
11. Publica o actualiza la página para que los cambios tengan efecto.

Puede navegar a su sitio web y verificar la página o el artículo donde ha incrustado el calendario para confirmar.

Lamentablemente, no puedes obtener el código de inserción desde la aplicación de Google Calendar para Android o iPhone. Para ello, debes usar la aplicación web.

También es posible integrar Google Calendar en Notion si lo prefieres como backend de tu sitio web.

Cómo personalizar la inserción del Calendario de Google

Integrar Google Calendar en tu sitio web es fácil, pero también puedes personalizar el aspecto del calendario para que coincida con el tema general de tu sitio. Afortunadamente, Google también ofrece esta opción de personalización, que te permite ajustar la apariencia del calendario.

1. Abra Google Calendar en su navegador.
2. Haga clic en el ícono de engranaje en la esquina superior derecha del calendario.
3. Seleccione Configuración en el menú desplegable.
4. Vaya a la sección Configuración de mis calendarios desde la barra lateral izquierda.
5. Busque y seleccione el calendario.
6. Haga clic en el botón Personalizar en la sección Integrar calendario .
7. Deberían aparecer las opciones de personalización.
8. Realice los cambios en el calendario desde la barra lateral izquierda.
9. Una vez satisfecho con la apariencia, copie el nuevo código generado en la sección Código para incrustar utilizando el ícono de copiar.

Ahora puedes continuar e insertar el código en tu sitio web.

Tenga en cuenta que las opciones de personalización se limitan a cambiar el color de fondo del calendario, habilitar o deshabilitar el título, los botones de navegación, las pestañas, el ancho o la altura, etc. Si utiliza una imagen de fondo personalizada en Google Calendar , no aparecerá en la inserción.

Cómo permitir que los visitantes de su sitio guarden un evento del calendario

También puede que quieras que tus visitantes guarden eventos importantes desde el Calendario de Google integrado directamente en su calendario para que puedan recibir notificaciones de eventos. Afortunadamente, el Calendario de Google también facilita esta tarea.

1. Vaya a Google Calendar en su navegador.
2. Localiza y selecciona el símbolo de engranaje disponible en la esquina superior derecha de tu pantalla.
3. Seleccione Configuración en el menú del calendario.
4. Desplácese por la barra lateral y vaya a la sección Configuración de mis calendarios .
5. Desplácese hacia abajo hasta la sección Permisos de acceso para eventos
6. Marque la casilla junto a Poner a disposición del público.

7. Regresa a la vista de inicio de Google Calendar. Selecciona el evento que deseas hacer público.
8. Haga clic en el icono del lápiz para editar el evento. Aparecerá un nuevo cuadro de diálogo con opciones de edición.
9. Cambie la opción de visibilidad de Visibilidad predeterminada a Pública usando el menú desplegable.
10. Utilice el botón Guardar para aplicar los cambios..

Los visitantes de su sitio web ahora pueden guardar el evento que usted hizo público.

Cómo ocultar eventos del calendario integrado de Google

En ocasiones, es posible que no desee que su audiencia acceda a todos los eventos agregados al calendario integrado. Algunos eventos pueden ser privados o solo para invitados y no desea que sean de dominio público. En tales casos, puede hacer que dichos eventos sean privados para ocultarlos de los visitantes de su sitio y del calendario integrado de Google.

1. En Google Calendar, selecciona el evento que quieres que sea privado.
2. Haga clic en el icono del lápiz para editar el evento.
3. Cambie la opción de visibilidad de Visibilidad predeterminada a Privada usando el menú desplegable.
4. Haga clic en Guardar .

Comparte tus eventos del calendario

Incorporar Google Calendar en tu sitio web no solo sirve para mostrar tu agenda, sino también para mejorar la interacción y conectar con tu audiencia a un nivel más profundo. Ya sea para anunciar eventos interesantes, programar citas o simplemente mantener a todos informados, Google Calendar y sus exclusivas funciones de personalización añaden un toque de profesionalismo y transparencia a tu sitio web o blog y elevan tu presencia en línea.

Si utilizas mucho el calendario, sincroniza Google Calendar con Outlook para acceder fácilmente a tus citas y agendas.

Preguntas frecuentes

P: ¿Cómo importo un calendario de Google a una URL?

R: Para importar un calendario de Google a una URL, abra el calendario de Google en la Web. Haga clic en el icono de engranaje Seleccione Configuración Seleccione un calendario en particular en la barra lateral izquierda En la sección URL pública de este calendario , seleccione la URL.

P: ¿Cómo puedo integrar un calendario de Google en un correo electrónico?

R: No se admite la incorporación directa de Google Calendar en los correos electrónicos. Sin embargo, puedes compartir tu calendario por correo electrónico agregando la URL del calendario.