Timely Logo
Login

How to Set Up Slider and Carousel Views

With a Timely account, you can easily set up slider and carousel views to create more engagement with your clients. You can choose any of these two animated views to highlight the most important events from your events calendar.

1. How To Access the Views

To access the views, go to the Settings > Embed Code. There you can choose between the available embed code types:

  • Calendar
  • Slider
  • Carousel
  • Add Event button

The types that we will explain in this post are Slider and Carousel.

print screen of the types of embeds that the user can use on their calendar

2. Slider View

Timely event slider widget is an impactful way to show events on your website. Using the slider view, you can display as a slideshow. The slider will show one event per slide, increasing event awareness. See it in action in our event slider widget demo page.

To access the slider view, go to the Settings > Embed Code > Type > Slider.

print screen of the Slider embed code in the settings area of the dashboard

Additionally, by expanding the Advanced settings, you can choose the maximum width of the slider, the sliders delay time in seconds and also the date range. Also, you can click on the Featured events checkbox to only show the events that have been marked as featured in your calendar

3. Carousel View

Timely's events carousel widget is a fun and attention-grabbing way to highlight events on your website. With the carousel view, you can showcase up to 12 events in a row of up to 4 events at a time. See it live in our events carousel widget demo page.

To access the carousel view, go to the Settings > Embed Code > Type > Carousel.

print screen of the Carousel embed code in the settings area of the dashboard

Furthermore, by expanding the Advanced settings, you can choose the maximum number of events to display, the maximum number of events per page, and also the date range. Moreover, you can click on the Featured events checkbox to only show the events that are already featured in your calendar.

4. Filters

For both the slider and the carousel views, you can filter the events that will show up, using categories, tags, organizes, venues and all the other custom filters that you might have created. This will help you to show only the events that you want your customer to see. Just expand the filters and choose the ones you want on the Slider or on the Carousel view.

print screen of the filters to select the most relevant events for both Slider and Carousel views

5. Copying the Widget Code

When you are done selecting and customizing you view, simply go to the Widget code area, and choose the way you want to embed it on your website, as an iFrame or as a Server Side Embed.

print screen of the widget code where you can copy the code and paste it into your website to display the slider or carousel views

Then, click on Copy Snippet and paste this piece of code in the calendar’s webpage of your website. Your page will show a beautiful slider or carousel view to display your most important events.

For more user guidance, please go to our Help Center. If you have any questions or need additional assistance, do not hesitate to contact us. Alternatively, you can open a support ticket from your Timely account’s dashboard.

See more:

Event Management Software (Journey + WP v.3 new platform)

© 2023 Timely. All right reserved.
magnifiercross