Agrega la aplicación Eventos de Google Calendar a tu sitio para que tu audiencia se mantenga al tanto de tu programación.
Al mostrar tu calendario, puedes mostrar tu disponibilidad, los próximos eventos y más. Puedes actualizar el diseño del calendario para mostrar un mes, una semana o la agenda de hoy. También puedes personalizar el esquema de color y las fuentes del calendario para que vaya a la par con tu imagen de marca.
Paso 1 | Agrega Eventos de Google Calendar a tu sitio
Agrega la aplicación Eventos de Google Calendar a tu sitio desde Wix App Market.
- Haz clic en Agregar apps a la izquierda del Editor.
- Busca la aplicación "Google Event Calendar" en la barra de búsqueda.
- Haz clic en Agregar al sitio.
Paso 2 | Conecta tu cuenta de Google
Puedes iniciar sesión en cualquiera de tus cuentas de Google para sincronizar tu calendario de eventos.
Para conectar tu cuenta de Google:
- Haz clic en el calendario en tu Editor.
- Haz clic en Ajustes.
- Haz clic en Conectar cuenta.
- Ingresa las credenciales de la cuenta que deseas mostrar.
- Haz clic en Permitir para otorgar acceso a Wix.com.
Paso 3 | Configura la visibilidad de los eventos
Elige cuáles de tus eventos se muestran a los visitantes del sitio, cuáles se muestran como ocupados y qué eventos son privados.
Para seleccionar la visibilidad de los eventos:
- Haz clic en el calendario en tu Editor.
- Haz clic en Ajustes.
- Haz clic en la pestaña Calendarios.
- Selecciona las casillas de verificación junto a los calendarios que deseas que sean visibles para los visitantes de tu sitio y visibles pero con los detalles ocultos.
Paso 4 | Cambia el estilo, la presentación y las opciones
Personaliza el formato de tu calendario y cómo ven los visitantes del sitio los detalles de tus eventos:
- En Estilo, puedes ajustar que tu calendario muestre un mes, una semana o la agenda del día.
- En Mostrar puedes elegir mostrar la zona horaria, la hora de inicio del evento y cómo mostrar los eventos privados.
- En Opciones puedes seleccionar el formato de 12 o 24 horas, en qué día de la semana comienza tu calendario y si tu calendario muestra la zona horaria de los visitantes de tu sitio o una zona horaria personalizada.
Para personalizar el estilo, la presentación y las opciones:
- Haz clic en el calendario en tu Editor.
- Haz clic en Ajustes.
- Haz clic para expandir los pasos y personalizar el estilo, la presentación y las opciones:
Elegir un estilo para tu calendario
- Haz clic en la pestaña Estilo.
- Elige tu estilo:
- Mensual: muestra el mes completo en formato de cuadrícula.
- Alineación del calendario: elige si deseas alinear tu calendario a la izquierda o al centro.
- Cambiar tamaño de celda: elige cómo se comporta la celda cuando se cambia de tamaño:
- Mantener proporción de 1:1: mantiene la forma de cuadrado de la celda cuando cambias el tamaño del calendario.
- Usar una proporción flexible: cambia la forma de la celda cuando se redimensiona el calendario.
- Semanal: muestra el calendario con cada día de la semana en la parte superior.
- Alineación del calendario: elige si deseas alinear tu calendario a la izquierda o al centro.
- Altura del calendario: elige cómo se comporta el calendario cuando agregas o quitas contenido:
- Predefinida: mantener la altura establecida.
- Adaptativa: amplía automáticamente el calendario para mostrar todos tus eventos cada semana.
- Agenda: muestra el calendario en un formato de línea de tiempo con el día actual en la parte superior.
- Altura del calendario: elige cómo se comporta el calendario cuando agregas o quitas contenido:
- Predefinida: mantener la altura establecida.
- Adaptativa: amplía automáticamente el calendario para mostrar todos tus eventos cada semana.
Actualizar las opciones de mostrar
- Haz clic en la pestaña Mostrar.
- Elige tus opciones de mostrar:
- Mostrar zona horaria: haz clic en la palanca Mostrar zona horaria para mostrar u ocultar la zona horaria en tu calendario.
- Mostrar hora de inicio del evento: haz clic en la palanca Mostrar hora de inicio del evento para mostrar u ocultar la hora de inicio en el calendario.
- Mostrar eventos privados: haz clic en la palanca Mostrar eventos privados para mostrar u ocultar eventos privados en el calendario.
- Mostrar eventos privados como: haz clic en Privado para ingresar un nuevo nombre para todos los eventos privados.
Nota: Las opciones dependen del diseño que elijas.
Cambiar las opciones de la aplicación
- Haz clic en la pestaña Ajustes.
- Elige las opciones para la aplicación:
- Formato de tiempo: selecciona cómo se muestra la hora:
- 12 horas: las horas de la mañana y de la tarde aparecen con un sufijo a.m. o p.m.
- 24 horas: las horas del día aparecen como números de 00:00 a 23:59.
- Comenzar la semana el: elige un día para comenzar la semana.
- Idiomas: selecciona tu idioma.
- Zona horaria: elige cómo se aplica la zona horaria:
- Basada en la ubicación del visitante del sitio: la ubicación del visitante determina la zona horaria.
- Zona horaria personalizada: puedes establecer la zona horaria personalizada del calendario utilizando las opciones disponibles.
Paso 5 | Diseña tu calendario
Puedes personalizar tu calendario para complementar tu sitio, hacer coincidir tus fuentes y armonizarlo con la paleta de colores de tu marca.
Para diseñar tu calendario:
- Haz clic en el calendario en tu Editor.
- Haz clic en Ajustes.
- Haz clic en la pestaña Diseño.
- Elige los elementos que deseas personalizar:
- Color de fondo y opacidad del encabezado: establece un color y una opacidad del encabezado.
- Estilo y color de fuente de mes y año: establece un tema de texto, una fuente y un tamaño de fuente.
- Color y opacidad del fondo: establece un color y una opacidad de fondo.
Cuadrícula del calendario
- Cuadrícula del calendario: establece un color y una opacidad del borde.
- Estilo y color de texto de días de semana: establece el tema, la fuente y el tamaño del texto de los días de semana.
- Estilo del texto de la fecha: establece un tema de texto, una fuente y un tamaño de fuente.
- Color de la fecha actual: establece un color para resaltar la fecha actual en el calendario.
- Color del mes actual: establece un color para resaltar el mes actual en el calendario.
- Color del mes anterior y de los próximos meses: establece el color del mes anterior y de los próximos meses.
- Estilo y color del nombre del evento: establece el tema, la fuente y el tamaño del texto del nombre del evento.
- Estilo y color del horario del evento: establece el tema, la fuente y el tamaño del texto del horario del evento.
- Ancho del indicador de evento: establece el ancho del indicador de evento.
- Radio de la esquina del evento: establece el radio de la esquina.
- Colores del evento: selecciona "Usar colores del tema del sitio" o "Utiliza los colores de Google Calendar".
- Estilo de botón: elige un estilo de botón entre las opciones disponibles.
- Estilo de fuente y color: establece el tema del texto, la fuente, el tamaño y el color de la fuente del botón.
- Color y opacidad del borde: establece el color y la opacidad del borde del botón.
- Ancho del borde: establece el ancho del borde del botón.