Saltar al contenido

Cómo incrustar Google Calendar en tu sitio web

May 4, 2020
Cómo incrustar Google Calendar en tu sitio web

¿Necesita un calendario en vivo de aspecto profesional en su sitio web para informar a los visitantes sobre los próximos eventos o para programar una cita? En lugar de crear algo desde cero o usar alguna aplicación de calendario personalizada que podría no obtener actualizaciones futuras, ¿por qué no usar algo que millones de personas usan a diario?

En este articulo, te enseñaremos a insertar Google Calendar en su sitio. También es gratis y fácil de usar. Todo lo que necesita para comenzar es una cuenta de Google.

Comience iniciando sesión en su cuenta de Google, haga clic en la cuadrícula de aplicaciones junto a su foto de perfil y haga clic en Calendario .

calendario google

Obten el código de inserción

Abra Opciones haciendo clic en los tres puntos adyacentes al calendario que desea incrustar.

obtener codigo de insercion
Haga clic en Configuración y compartir desde la ventana emergente.

Desplácese hacia abajo en la página de configuración del Calendario hasta que encuentre la sección Integrar calendario.

Integrar calendario

Para que su calendario sea visible para todos y no solo para aquellos con quienes lo comparte, deberá hacerlo público.

Para hacer esto, active la casilla junto a Poner a disposición del público en Permisos de acceso.

hacerlo publico
Incruste el código en la sección HTML de una página web o publicación. Por ejemplo, si está utilizando WordPress, cree una nueva página.

Haga clic en Texto para cambiar al editor HTML. Copie el código de incrustación de su calendario de Google y péguelo en la página.

Incruste el código en la sección HTML de una página web

Haga clic en la pestaña Visual para ver cómo se ve el calendario en su página. También puede seleccionar Vista previa para verlo en la parte frontal de su sitio web.

hacer clic en la pestaña Visual
Pegue el código HTML del Calendario en cualquier página web donde se le permita incrustar objetos.

Si le gusta la configuración de formato predeterminada de Google para el calendario, está listo para comenzar. Para cambiar el color, el tamaño y otras opciones de su calendario, puede personalizar su configuración.

Personalizar la configuración de Google Calendar

Haga clic en el botón Personalizar ubicado directamente debajo del código de inserción. Esto abrirá una nueva ventana.

Edite o agregue un título a su calendario escribiéndolo debajo de Título del calendario . Si desea que se muestre el título, active la casilla junto a Título .

personalizar configuracion google calendario
Especifique qué elementos desea mostrar en su calendario marcando la siguiente configuración en Mostrar :

  • Título
  • Botones de navegacion
  • Datos
  • Icono de impresión
  • Pestañas
  • Lista de calendario
  • Zona horaria

elementos a mostrar google calendar

El tamaño predeterminado de Google Calendar es 800 por 600. Cambie el tamaño moviendo las flechas hacia arriba y hacia abajo junto a Ancho y Altura .

Por ejemplo, si desea incrustar un calendario en una barra lateral, reduzca el Ancho a un tamaño más pequeño, como 300.

elegir tamaño

Otras configuraciones que puede personalizar incluyen:

  • Color de fondo para que coincida con el color de su marca
  • Zona horaria e idioma
  • Borde (activado o desactivado)
  • Mes predeterminado
  • Primer día de la semana

personalizar google calandar

Después de personalizar las opciones, vea su calendario en vivo final en su página web. Cuando cambia un evento en su calendario, se actualizará automáticamente. Si desea realizar algún cambio, siempre puede volver a la configuración de Google Calendar y ajustarla.

Asegúrese de copiar y pegar el nuevo código HTML después de realizar actualizaciones de formato para reflejar los nuevos cambios.

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

Para permitir que los visitantes guarden su evento en su propio Google Calendar, agregue un botón a su sitio web. Asegúrate de que tu calendario sea público.

Abre tu Google Calendar. Tenga en cuenta que los cambios solo se pueden realizar desde una computadora y no desde una aplicación móvil.

Para agregar un evento, seleccione el día al que desea agregarlo y haga clic en Crear en la esquina superior izquierda.

crear calendario
Complete los detalles de su evento en la ventana emergente y haga clic en Guardar.

Completar los detalles de su evento

Para abrir un evento en su calendario, haga doble clic en él. A continuación, haga clic en los tres puntos en la esquina superior derecha para abrir Opciones, y seleccione Publicar evento .

 Publicar evento
Incruste el código HTML de la ventana emergente en su sitio web para permitir a los visitantes agregar el evento a su propio Google Calendar.

Incruste el código HTML
Regrese a su sitio web y pegue el código de la vista de origen o HTML donde desea que se muestre el botón del evento.

Cuando un visitante hace clic en el botón Calendario de Google, abrirá su calendario y le agregará el evento. También puede invitar a personas a su evento utilizando el enlace que se muestra en la misma ventana emergente.

Incrustar Google Calendar en WordPress usando complementos

Como con la mayoría de las funciones en WordPress, hay un complemento para eso. Incrustar un Calendario de Google en un sitio web de WordPress no es una excepción. A continuación hay varios complementos de WordPress para que considere usar.

Complemento de calendario simple

Calendario simple muestra sus eventos por semana, mes o en una lista. Es fácil de configurar, responde a dispositivos móviles y se puede personalizar según sus necesidades.

Incrustar Google Calendar en WordPress usando complementos
Otras características incluyen:

  • Administre eventos en Google y haga que se actualicen automáticamente en WordPress
  • Eventos de código de color
  • Intuitivo y sencillo de configurar
  • Funcionalidad adicional con complementos

Este complemento es una excelente opción para los usuarios avanzados de Google Calendar. Una característica única es la capacidad de transferir eventos codificados por colores.

El Embedder de Dan para Google Calendar

Muestre los calendarios de Google en una lista o vista completa con Dan’s Embedder para Google Calendar.

Dan's Embedder para Google Calendar

No hay necesidad de administrar o importar eventos en WordPress. Solo necesita uno o más calendarios públicos de Google. Otras características incluyen:

  • Configurar opciones con códigos cortos
  • Especifique cuántos elementos mostrar
  • Incrustar varios calendarios

Este complemento requiere una clave API. Siga los pasos a continuación para obtener el suyo:

  • Visita Google Developers Console
  • Desde el menú lateral, verifique API y autenticación > Credencial
  • Haga clic en el botón Crear nueva clave en la sección Acceso a la API pública
  • Seleccione la tecla del navegador y deje la limitación de referencia en blanco
  • Pon esta clave en la página de configuración del complemento

Calendario de eventos WD

Cree una promoción de eventos y administre o agregue eventos a su blog de WordPress con Event Calendar WD.

administre o agregue eventos a su blog

Proporcione una descripción detallada de sus eventos utilizando el editor de WordPress, adjunte etiquetas y asigne categorías a cada uno. Algunas otras características incluyen:

  • Interfaz fácil de usar para un control total sobre cómo mostrar los calendarios y eventos en su sitio web
  • Personalice y administre fácilmente sus calendarios
  • Un número ilimitado de calendarios y eventos.
  • Optimice cada evento para una mejor visibilidad del motor de búsqueda y SEO
  • Habilite los botones para compartir en redes sociales para correr la voz sobre sus eventos

Calendario de reserva simple de WP

Instale e inserte rápida y fácilmente calendarios de Google en su sitio web.

Instale e inserte calendarios de Google en su sitio web
La versión gratuita de WP Simple Booking Calendar le brinda acceso a las funciones básicas que necesita, como realizar un seguimiento de sus eventos. Los aspectos más destacados de la versión gratuita incluyen:

  • Disposición Responsive
  • Copia de seguridad y restauración de datos y calendarios
  • Muestra tu disponibilidad

Para funciones de edición y edición más avanzadas, puede actualizar a la versión Premium.

Los usuarios que deseen administrar y mostrar su disponibilidad para sus servicios en su sitio web o anunciar los próximos eventos se beneficiarán enormemente al incorporar un Calendario de Google en su sitio. La integración de un calendario directamente en su sitio web mantendrá a los visitantes en su sitio y aumentará las posibilidades de que hagan una cita o se inscriban en un evento.

Todo lo que necesita es una conexión a Internet, un navegador web y una cuenta de Google para crear y mostrar un calendario profesional en su sitio.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies