Navegador Google

Cómo incrustar Google Calendar en su sitio web

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

Siguiendo esta ruta, puede incrustar un Calendario de Google 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 al lado de su foto de perfil y haga clic en Calendario.

Obtener código de inserción

Abierto opción por haciendo clic en los tres puntos adyacentes al calendario que desea integrar.

Haga clic en Configuración y uso compartido desde la ventana emergente.

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

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

Para ello, marque la casilla junto a Poner a disposición del público abajo Permisos de acceso.

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

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

Haga clic en el Visual para ver cómo se ve el calendario en su página. También puede seleccionar Vista previa para verlo en el front-end de su sitio web.

Pegue el código HTML del calendario en cualquier página web donde pueda 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.

Personaliza la configuración del Calendario de Google

Pinchalo 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 Título del calendario. Si desea que se muestre el título, marque la casilla junto a Título.

Especifique los elementos que desea mostrar en su calendario al verificar las siguientes configuraciones en Espectáculo:

  • Título
  • Botones de navegacion
  • Datos
  • icono de impresión
  • Pestañas
  • Lista de calendarios
  • Huso horario

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 Largo 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.

Otras configuraciones que puede personalizar incluyen:

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

Después de personalizar las opciones, vea su horario final en vivo en su página web. Cuando editas un evento en tu calendario, se actualiza automáticamente.

A continuación se muestra una captura de pantalla de la vista del mes.

También puede ver su calendario por semana.

Si desea realizar cambios, siempre puede volver a la configuración de Google Calendar y ajustarlos.

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

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

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

Abre tu calendario de Google. 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.

Complete los detalles de su evento en la ventana emergente y haga clic en para salvaguardar.

Para abrir un evento en su calendario, haga doble clic en él. Luego haga clic en los tres puntos en la esquina superior derecha para abrir Opcion, y seleccione Publicar evento.

Incruste el código HTML de la ventana emergente en su sitio web para permitir que los visitantes agreguen el evento a su propio calendario de Google.

Vuelva a su sitio web y pegue el código fuente HTML o vea el código donde desea que aparezca el botón del evento.

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

Integre Google Calendar en WordPress usando complementos

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

Complemento de calendario simple

Simple Calendar muestra sus eventos por semana, mes o en una lista. Es fácil de configurar, compatible con dispositivos móviles y personalizable según sus necesidades.

Otras características incluyen:

  • Gestiona eventos en Google y actualízalos automáticamente en WordPress
  • Eventos de código de color
  • Intuitivo y fácil de configurar
  • Características adicionales con complementos

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

Embedder de Dan para Google Calendar

Vea los calendarios de Google en una lista o vista completa con 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 shortcodes
  • Especificar el número de elementos a mostrar
  • Integra múltiples calendarios

Este complemento requiere una clave API. Sigue los siguientes pasos para obtener el tuyo:

  • Visite la Consola para desarrolladores de Google
  • En el menú lateral, marque API y autenticación > IDENTIFICACIÓN
  • Pinchalo Crear una nueva clave Botón de la sección Acceso a la API pública
  • Seleccione clave del navegador y deje el límite de referencia en blanco
  • Ponga esta clave en la página de configuración del complemento

Calendario de eventos de WD

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

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 muestra 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 un mejor SEO y visibilidad en los motores de búsqueda
  • Habilite los botones para compartir en las redes sociales para publicitar sus eventos

Calendario de reservas simple de WP

Instale e integre rápida y fácilmente Google Calendars en su sitio web.

La versión gratuita de WP Simple Booking Calendar le brinda acceso a las funciones básicas que necesita, como el 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 tus disponibilidades

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

Los usuarios que deseen administrar y mostrar la disponibilidad de sus servicios en su sitio web o anunciar próximos eventos se beneficiarán enormemente de la integración de un calendario de Google en su sitio.

Incrustar un calendario directamente en su sitio web mantendrá a los visitantes en su sitio y aumentará las posibilidades de que reserven una cita o se registren para 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 de aspecto profesional en su sitio.

Republica GEEK

Esta pagina es para ti, seremos tu apoyo en esta situación, quiero que sepas que no es un problema, es un hobby y como tu nosotros también lo ejercemos. Diseñada con la única intención de darte la información que no encuentras en otro lado, nos encargamos de montar la información que sabemos te importa. Así que, acompáñanos a llegar mas lejos...

Publicaciones relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Botón volver arriba