Cómo agregar calendario de eventos y widgets a un sitio web de Wix

Comparte esta publicación

Con una Timely cuenta, puede incorporar rápidamente y sin esfuerzo un calendario con eventos y widgets en tus páginas web de Wix. Simplemente copie un fragmento de código y péguelo en el back-end de su sitio web. Cualquier cambio o actualización que realice en su calendario y eventos aparecerá instantáneamente. Además, tiene la opción de utilizar el calendario en línea para aceptar directas. reservasy vender entradas para tus eventos. Esta publicación te mostrará cómo agregar un calendario de eventos y widgets a un sitio web de Wix.

1. ¿Qué es Wix?

Wix es una plataforma de construcción web basada en la nube. Le brinda la capacidad de personalizar sitios web mediante el uso de varias plantillas y un simple editor HTML5 de arrastrar y soltar. Con Wix, puedes utilizar varias aplicaciones, gráficos, galerías de imágenes, fuentes, vectores, animaciones y más. Además, los usuarios de Wix tienen la opción de iniciar su sitio web desde cero.

Si ya ha establecido o tiene la intención de crear un calendario en línea para Wix, esta publicación le mostrará cómo agregar Timely calendario de eventos en una página web de Wix. Sigue leyendo para aprender mas.

2. Calendario completo vs Incrustación de widgets

Timely software de calendario de eventos es una forma increíblemente conveniente y eficiente de organizar y promocionar eventos en Wix. Con una gran variedad de vistas del calendario disponibles, puede personalizar la experiencia para crear un calendario a gran escala u optar por un mini widget de calendario.

Un calendario a gran escala generalmente abarca una página completa de Wix. Al ser una versión de calendario expansiva, deja espacio para varias funciones de calendario, como la búsqueda por fecha y palabra clave, la suscripción al calendario y los filtros.

imprimir pantalla de Timely vista completa del calendario de la cartulina
Vista completa del calendario de la cartulina

Las vistas del mini widget de calendario son más pequeñas y requieren menos espacio. Por lo general, solo muestran un número limitado de próximos eventos y no tienen funciones de búsqueda o filtrado.

ejemplo de Timely vista de flujo de widget de calendario o mini calendario
Vista de widget de calendario de transmisión
ejemplo de Timely vista de flujo de widget de calendario o mini calendario
Vista de widget de calendario de fila moderna

Además, puede utilizar Timely control deslizante y carrusel widgets para mejorar aún más el diseño de tu sitio Wix. Estos widgets definitivamente pueden ayudarlo a exhibir sus eventos de una manera atractiva.

Todas las opciones se pueden integrar individualmente o juntas para crear una experiencia perfecta para los visitantes de su sitio web.

3. Cómo agregar vistas completas del calendario a una página de Wix

Antes de instalar Timely calendario en tu sitio web de Wix, asegúrate de tener el plan de Wix correcto. Para obtener resultados óptimos, recomendamos instalar Timely usando Elementos personalizados, que es una característica que solo está disponible en el plan Wix Premium.

Además, le recomendamos que tenga su Timely URL del calendario a mano. Puedes encontrar tu Timely URL del calendario haciendo clic en el Calendario público acceso directo en el cordón derecho de su tablero. Se parece a esto: https://events.timely.fun/xxxxxxx/posterboard.

Captura de pantalla del acceso directo a la URL del calendario público oportuno
Timely Acceso directo a la URL del calendario público

Una vez que haya completado estos pasos iniciales, siga las instrucciones a continuación:

  1. Inicia sesión en tu cuenta de Wix.
  2. Dentro del Editor de sitios web de Wix, seleccione la página que desea incrustar Timely calendario.
  3. Haga clic en Insertar, y luego en Incrustaciones personalizadas. A continuación, agregue un Elemento personalizado.
imprimir pantalla del sitio web de wix resaltando dónde agregar un elemento personalizado
Incrustación de elementos personalizados en el panel de control de Wix
  1. Seleccionar Elige la fuente. Luego, establezca el URL del servidor opción con el valor: https://events.timely.fun/embed-wix.js
imprimir pantalla wix elemento personalizado
  1. Seleccionar Establecer atributos y establecer al menos el atributo src de datos con tu Timely url de calendario público (por ejemplo, https://events.timely.fun/xxxxxxx/posterboard). Para que el calendario responda en pantallas más pequeñas, establezca el ancho de datos con el valor "var(–customElementWidth)". Además, si lo desea, puede estirar la sección del calendario al ancho completo para mejorar la visibilidad.
imprimir pantalla elementos wix
  1. Guarda tus cambios y luego ve al front-end de tu sitio Wix. Allí verás que tu Timely El calendario se ha instalado correctamente, de acuerdo con la configuración del código de inserción. Si aún no ves el calendario, intenta cerrar sesión en Wix.

4. Cómo agregar widgets a un sitio web de Wix

Para presentar un mini widget de calendario en tu página o sitio web de Wix, primero debes personalizar tu Timely URL del calendario reemplazando la última sección de la URL con el nombre de la vista de calendario deseada. Por ejemplo, si desea crear un widget de calendario de Stream View, la URL del calendario aplicable es https://events.timely.fun/xxxxxxx/stream.

Para control deslizante y carrusel, aunque Wix funciona con incrustación de enlaces y no con incrustación de código, primero deberá configurar los códigos de incrustación necesarios para estos widgets. Si no está seguro de cómo hacerlo, consulte las instrucciones descritas en las siguientes publicaciones de la guía del usuario:

Una vez que los códigos de inserción estén listos, puede modificar la URL de su calendario público reemplazando el nombre de la vista por un carrusel o un control deslizante. Por ejemplo, https://events.timely.fun/xxxxxxx/slider y https://events.timely.fun/xxxxxxx/carousel.

Con la URL de sus widgets a mano, siga las mismas instrucciones proporcionadas en esta publicación anterior para agregarlos a la página web deseada. La única diferencia es que, al crear la página, deberás limitar las dimensiones del área incrustable de antemano. Al hacerlo, se asegurará de que el widget aparezca en el lugar correcto de la página.

ejemplo de un widget de carrusel instalado en un sitio web
Ejemplo de un widget de carrusel instalado en un sitio web

Esperamos que esta guía del usuario te haya ayudado a aprender cómo agregar un calendario de eventos a los sitios web y páginas de Wix. Si lo desea, puede incluso utilizar Timely calendario para aceptar reservas y vender entradas para tus eventos, directamente desde su propio sitio web.

Para obtener más información sobre el usuario, visite nuestro Centro de Ayuda. Si tiene alguna pregunta, no dude en póngase en contacto con nosotros. Alternativamente, puede abrir un ticket de soporte desde su Timely ..