XeroWP
Q

Qaiyo Timeline Events

0/5 (0 ratings) — active installs Updated Nov 7, 2026
agendaConferenceeventsscheduletimeline
Download v1.1.0 Plugin Website

Qaiyo Timeline Events displays a beautiful program timeline — perfect for conferences, webinars, meetups, workshops, product launches and company milestones.

One event, all its time slots

You create an event — the whole conference, workshop day or launch — and add its time slots inside it, in one screen. Drag them into order, open a slot to fill in its details, and everything saves as you type. Layout, colors and display options belong to the event, so the same program can look completely different from one event to the next.

Duplicate an event

“Duplicate” in the events list (or “Copy to a new draft” in the editor) copies an event with all of its time slots, settings and details into a new draft — next year’s conference or a second workshop day is ready in seconds.

Finished time slots fade by themselves

Time slots that have ended are dimmed and labelled “Ended”, and the carousel opens at the next one. It happens in the visitor’s browser and repeats every minute, so it stays right on cached pages too. Switch it off per event, or per page with dim_past="0".

Layouts

  • Vertical timeline — a classic agenda with a time rail, animated cards and colored dots.
  • Horizontal carousel — an elegant, swipeable card carousel with arrows, dots, keyboard navigation and optional autoplay.

Shortcode and Gutenberg block

  • A block editor block with a live preview and an event picker — no shortcode needed.
  • The classic [qaiyo_timeline_events] shortcode for any page builder or widget.

Add to calendar

  • Per-event “Add to calendar” buttons: Google Calendar and a downloadable .ics file.
  • A one-click .ics export of the whole program, ready to import into any calendar app.

Design that matches your site

  • The accent color is detected automatically from your theme or page builder — Elementor, Bricks Builder, Divi, Oxygen and Gutenberg (theme.json) are supported.
  • Heading and body fonts follow the theme’s global typography (Elementor, Bricks).
  • Dark and light color schemes.
  • Per-event accent color, badge (label + icon + colors), card padding, title size and timeline rail (solid or dashed, width, light and dark color).
  • Individual time slots can override the accent color and badge when one of them needs to stand out.

Speaker cards

  • Speaker name, company, and photo from the Media Library (circular crop) — or an automatically generated monogram avatar.
  • Optional moderator row above the timeline.

SEO / AEO ready

  • schema.org Event microdata on every card.
  • An EventSeries JSON-LD block for search engines and AI assistants.
  • You control the title HTML tag (p, h3–h6, span) — never an extra H1.

Accessible (WCAG 2.2 AA)

  • The carousel follows the WAI-ARIA carousel pattern: a Stop/Start button whenever it rotates on its own, rotation pauses on hover and keyboard focus, slides out of view are taken out of the tab order, and slide changes are announced.
  • Arrow, dot and calendar buttons have accessible names and a visible focus ring; every target is at least 24 × 24 px.
  • Text drawn in your accent color is darkened or lightened automatically until it reaches 4.5:1 contrast, so a pale theme color never produces unreadable labels.
  • Reduced-motion and Windows high-contrast (forced colors) modes are respected.
  • In the editor every field has a label, and time slots can be reordered with Move up / Move down buttons as well as by dragging.

Works with any theme

  • Sizes are set in pixels, not rem, so a theme that changes the root font size cannot shrink the timeline; theme styles for links, buttons and headings are reset inside the timeline.

Multilingual

  • Fully translatable, including the block editor — translations are delivered through translate.wordpress.org, and the plugin ships a .pot template.
  • Polylang and WPML compatible (wpml-config.xml included); works with TranslatePress and Loco Translate.

Dashboard

  • With Qaiyo Admin Booster active, the Qaiyo dashboard widget shows a Timeline Events card: the time slot on right now, the next three upcoming ones linked to their event, and how many events and time slots you have. Nothing is added to the dashboard otherwise.

Usage

Create an event under Timeline Events, add its time slots, then add the block or copy the shortcode shown right in the event editor:

[qaiyo_timeline_events id="123"]

Everything else is optional — the attributes below override the event’s own settings for one placement:

Attributes: id (the event), title, subtitle, badge, moderator, mod_role, date (program day, for calendar export), theme (dark/light), layout (vertical/horizontal), orderby (auto/time_asc/time_desc/date_asc/date_desc), autoplay (ms), max.

Qaiyo Timeline Events Pro adds multi-day and multi-track agendas, an alternating steps layout, highlight notes, a live “happening now” mode with a countdown, reusable speaker profiles, front-end filtering and CSV import/export.

External services

This plugin relies on the following external services. No data is sent anywhere unless one of the situations below applies.

1. WordPress.org plugin directory API (api.wordpress.org)

Used only on the admin screen “Discover Qaiyo”, to list this author’s free plugins available on WordPress.org. The request is made by your site when a logged-in administrator opens that screen, and the result is cached for 12 hours. It sends no personal data and no information about your site — only the query for the plugin list. This is WordPress’s own infrastructure.
Privacy: https://wordpress.org/about/privacy/

2. Google Calendar (calendar.google.com)

The “Add to calendar Google” button is a plain link. Nothing is sent while the page loads. Only when a visitor clicks it does their browser open Google Calendar, passing the event title, description and start/end time in the link, along with the visitor’s IP address and user agent as with any website visit. Visitors who never click the button send nothing to Google. The .ics download is generated by your own site and involves no third party.
Terms: https://policies.google.com/terms — Privacy: https://policies.google.com/privacy