Con una Timely cuenta, puede crear fácilmente un carrusel de eventos en su sitio web para mostrar eventos en línea. Una vez que se instala el widget de carrusel, todos los cambios realizados en los eventos seleccionados se actualizan automáticamente en el carrusel de su sitio web. En esta publicación, aprenderá todos los pasos para configurar el código de inserción para su carrusel de eventos.
1. Beneficios de tener un carrusel de eventos en tu sitio web
Creación de un calendario en línea y widgets de eventos para su sitio web es simple con Timely.
Para resaltar eventos específicos de una manera divertida y llamativa, considere agregar un carrusel de eventos a su sitio web. Con Timely vista de carrusel, puede mostrar hasta 12 eventos en una fila de hasta 4 eventos a la vez. Míralo en vivo en nuestro página de demostración del widget de carrusel de eventos.
Mostrar eventos en un carrusel de ofertas hará que su sitio web sea más interesante y atractivo. De hecho, un carrusel con eventos puede mejorar el diseño de la página web y la forma en que su audiencia interactúa con el contenido de su evento.
2. Sistemas de gestión de contenido (CMS) compatibles
TimelyLa plataforma de eventos y los widgets de pueden integrarse en cualquier sitio web público o privado o aplicación móvil. Funcionan perfectamente con muchas plataformas de contenido de sitios web, incluidas, entre otras, las siguientes:
- WordPress
- HTML
- Shopify
- Wix
- Squarespace
- Joomla
- Drupal
- Magento/Adobe Comercio
- Adobe Experience Manager
- Weebly
- Ve papi
- Microsoft SharePoint / Power Pages
- Agilidad
Independientemente del CMS que utilice, las instrucciones generales para configurar el código de inserción para su carrusel de eventos son las mismas. Continúa leyendo para aprender más.
3. Configuración de su código de inserción de carrusel de eventos
Al agregar un código de inserción de carrusel de eventos en el backend de su sitio web, le permitirá publicar una cantidad limitada de eventos en un widget de carrusel visualmente atractivo. Si tiene un tipo particular de eventos que desea mostrar en el carrusel, se recomienda personalizar el código de inserción del widget.
Consulte las instrucciones paso a paso a continuación:
- Inicie sesión en su Timely ..
- En el menú de navegación principal, haga clic en Configuración, y luego en Código de inserción. También puede usar el acceso directo en la esquina superior derecha de su tablero.
- Luego, se abrirá una nueva página que muestra todas las opciones y preferencias de su código de inserción. Actualmente, hay 4 tipos de códigos de inserción entre los que puede elegir: calendario, carrusel, control deslizante y botón Agregar evento.
- Dado que esta publicación trata sobre cómo configurar el código de inserción para su carrusel de eventos, en Tipo de incrustación, elegir la carrusel .
Si no desea personalizar el código de inserción, puede ir directamente a la sección de código de widget a continuación (6. Configuración de su código de inserción de iFrame de carrusel). De lo contrario, continúe leyendo esta publicación para obtener más información.
4. Configuración avanzada del carrusel
Justo debajo del carrusel opción de tipo de código incrustado, verá el Configuración avanzada Menú desplegable. Estos ajustes serán diferentes según el tipo de código de inserción seleccionado.
Así es como se edita el código de incrustación del widget de carrusel de eventos Configuración avanzada:
Máximo de eventos para mostrar
Con esta función, puede optar por mostrar hasta 12 eventos en un carrusel. Simplemente escriba el número preferido de eventos en el cuadro.
Máximo de eventos por página
Si lo desea, también puede mostrar más de un evento al mismo tiempo en su carrusel. El número máximo de eventos que se pueden mostrar al mismo tiempo es 4.
Tiempo de retardo del control deslizante
Si lo desea, puede elegir el tiempo de demora para cada publicación de evento que se muestra en el control deslizante (en segundos).
Intervalo de fechas
Utilice la opción de rango de fechas para seleccionar un rango de fechas específico para los eventos que se mostrarán en su carrusel. Las opciones son las siguientes:
- Próximos Eventos
- Eventos de hoy
- Empezando mañana
- Intervalo de fechas personalizado
- Próximos n días
- Próximos n eventos
Eventos destacados
En caso de que desee que su carrusel solo muestre los eventos que están marcados como destacados en su calendario, simplemente marque la casilla Eventos especiales.
5. filtros
Además de la configuración avanzada explicada anteriormente, también puede exhibir un carrusel con eventos filtrados. Puede seleccionar sus categorías, etiquetas, organizaciones, lugares y todos los demás filtros personalizados que haya creado.
6. Copiar su código de inserción de carrusel iFrame
Después de personalizar la configuración avanzada y los filtros del código de inserción del carrusel, puede continuar y generar el código de inserción. Sólo tiene que seguir las siguientes instrucciones:
- Haz clic en el botón Código del widget (cópialo en tu sitio web) filtrar y elegir la opción Incrustación de iFrame – Javascript.
- Haz clic en el botón Copiar fragmento botón para copiar su código de inserción.
A continuación, solo necesita pegar el código en el backend de su sitio web para mostrar su Timely carrusel de eventos Haga clic en los enlaces a continuación para ver instrucciones detalladas sobre cómo incrustar el código del widget de carrusel en los siguientes sistemas de administración de contenido:
- WordPress
- HTML
- Shopify
- Wix
- Squarespace
- Joomla
- Drupal
- Magento/Adobe Comercio
- Adobe Experience Manager
- Weebly
- Ve papi
- Microsoft SharePoint / Power Pages
- Agilidad
Para obtener instrucciones sobre cómo instalar Timely calendario y widgets en otros CMS o aplicaciones móviles, por favor Póngase en contacto con atención al cliente.
Para obtener más instrucciones para el usuario, visite nuestro Centro de Ayuda. Si tiene alguna pregunta o necesita ayuda adicional, no dude en póngase en contacto con nosotros. Alternativamente, puede abrir un ticket de soporte desde su Timely tablero de cuenta.