Con una Timely cuenta, puede insertar fácilmente un control deslizante de eventos en su sitio web para mostrar eventos en línea. Una vez que inserta el control deslizante, todos los cambios realizados en sus eventos publicados se actualizan automáticamente en su sitio web. En esta publicación, aprenderá todos los pasos para configurar el código de inserción para el control deslizante de su evento.
1. Beneficios de tener un control deslizante de eventos en su sitio web
Aprovechar un calendario de eventos en línea es simple con Timely. Para resaltar eventos específicos, recomendamos agregar un hermoso y atractivo control deslizante de eventos a su sitio web.
Timely El widget de control deslizante de eventos es una forma impactante de mostrar eventos en su sitio web. Usando la vista deslizante, puede mostrar eventos como una presentación de diapositivas. El control deslizante mostrará un evento por diapositiva, lo que aumentará el conocimiento y la participación del evento. Véalo en acción en nuestro página de demostración del widget del control deslizante de eventos.
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 el control deslizante de su evento son las mismas. Continúa leyendo para aprender más.
3. Configuración del código de inserción del control deslizante de su evento
Al agregar un código de inserción del control deslizante de eventos en su CMS, le permitirá publicar un número limitado de eventos en un hermoso widget deslizante. Si tiene un tipo particular de eventos que desea mostrar en el control deslizante, 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 el control deslizante de su evento, en Tipo de incrustación, elegir la Slider .
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 del código de inserción de iFrame del control deslizante). De lo contrario, continúe leyendo esta publicación para obtener más información.
4. Configuración avanzada
Justo debajo del Slider 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 del control deslizante de eventos Configuración avanzada:
Ancho máximo del control deslizante
Con esta función, puede seleccionar el ancho máximo para su control deslizante de acuerdo con el espacio disponible para este widget en su página web.
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
Si lo desea, puede elegir el intervalo de fechas de los eventos que se mostrarán en su control deslizante. 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 solo desee mostrar los eventos que están marcados como destacados en su calendario, simplemente marque la casilla Eventos especiales.
5. filtros
Además, puede decidir qué eventos mostrar en el control deslizante aplicando sus filtros preestablecidos. Puede seleccionar sus categorías, etiquetas, organizaciones, lugares y todos los demás filtros personalizados que haya creado. Esto lo ayudará a mostrar solo los eventos que desea que vea su cliente.
6. Copiar su código de incrustación de iFrame deslizante
Después de personalizar la configuración avanzada y los filtros del código de inserción del control deslizante, 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 control deslizante Haga clic en los enlaces a continuación para ver instrucciones detalladas sobre cómo incrustar el código del widget deslizante 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.