¿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 fecha? 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 por iniciar sesión en su cuenta de Google, haga clic en la cuadrícula de la aplicación junto a su foto de perfil y haga clic en Calendario.
Obtener código de inserción
Abrir Opciones 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 encontrar el Integrar el calendario sección.
Para que su calendario sea visible para todos y no solo para aquellos con quienes lo comparte, deberá hazlo público.
Para hacer esto, marque la casilla junto a Hacer accesible al público bajo Derechos de acceso.
Inserte 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 HTML. Copie el código de inserción de su calendario de Google y péguelo en la página.
Clickea en el Visual para ver cómo se ve el calendario en su página. También puede seleccionar Vista previa para mostrarlo en la interfaz de su sitio web.
Pegue el código HTML del calendario en cualquier página web donde se le permita incrustar objetos.
Si te gusta la configuración de formato predeterminada de Google para el calendario, estás listo. 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
Pinchalo Personalizar botón ubicado directamente debajo del código de inserción. Esto abrirá una nueva ventana.
Edite o agregue un título a su calendario ingresándolo en Título del calendario. Si desea que aparezca el título, marque la casilla junto a Título.
Especifique los elementos que 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
- 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 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.
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
Después de personalizar las opciones, muestre su programa final en vivo en su página web. Cuando edita un evento en su calendario, se actualiza automáticamente.
A continuación se muestra una captura de pantalla de la vista mensual.
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 HTML después de realizar cualquier actualización 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.
Abra su 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 Ahorrar.
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 Opciones, y seleccione Publica el evento.
Inserte 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.
Regrese a su sitio web y pegue la vista fuente o el código HTML donde desea que aparezca 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 mediante el enlace que se muestra en la misma ventana emergente.
Incrustar Google Calendar en WordPress usando complementos
Como ocurre con la mayoría de las funciones de WordPress, existe un complemento para esto. La integración de un calendario de Google en un sitio web de WordPress no es una excepción. A continuación se muestran varios complementos de WordPress que puede considerar usar.
Complemento de calendario simple
Simple Calendar muestra sus eventos por semana, mes o como una lista. Es fácil de configurar, receptivo para dispositivos móviles y personalizable para satisfacer sus necesidades.
Otras características incluyen:
- Gestione eventos en Google y actualícelos automáticamente en WordPress
- Eventos codificados por colores
- Intuitivo y fácil de configurar
- Funcionalidad adicional con Módulos adicionales
Este complemento es una excelente opción para los usuarios experimentados de Google Calendar. Una característica única es la capacidad de transferir eventos codificados por colores.
Integra Dan’s para Google Calendar
Muestre los calendarios de Google en una lista o vista completa con Dan’s Embedder para Google Calendar.
No es necesario administrar o importar eventos en WordPress. Solo necesitas uno o más calendarios públicos de Google. Otras características incluyen:
- Configurar opciones con códigos cortos
- Especifique la cantidad de elementos que se mostrarán
- Incorporar varios calendarios
Este complemento requiere una clave API. Siga los pasos a continuación para obtener el suyo:
- Visitar Consola de desarrolladores de Google
- En el menú lateral, marque API y autenticación > Credencial
- Pinchalo Crea una nueva clave en la sección Acceso a la API pública
- Para seleccionar Tecla de navegador y deje el límite de referencia en blanco
- Pon 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 WD Event Calendar.
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 los calendarios y eventos en su sitio web
- Personalice y administre fácilmente sus calendarios
- Número ilimitado de calendarios y eventos.
- Optimice cada evento para un mejor SEO y visibilidad en los motores de búsqueda
- Active los botones para compartir en redes sociales para dar a conocer sus eventos
Calendario de reservas simple de WP
Instale e integre rápida y fácilmente los 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 el seguimiento de sus eventos. Los aspectos más destacados de la versión gratuita incluyen:
- Disposición Responsive
- Hacer copias de seguridad y restaurar datos y calendarios
- Muestra tu disponibilidad
Para funciones de edición y publicación más avanzadas, puede actualizar a la versión Premium.
Los usuarios que quieran administrar y mostrar su disponibilidad para 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.
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 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.