Wiloke Timeline Slider for Elementor — is a premium-quality addon that empowers you to showcase events, histories, or processes in a chronological order. Whether you're a business owner wanting to display your company's journey, a blogger narrating a story, or a developer building a complex project roadmap, this plugin provides the tools to create a compelling visual narrative. It integrates seamlessly with the Elementor page builder, offering a user-friendly drag-and-drop interface that makes building complex timelines incredibly simple.
The plugin offers a wide range of customization options to match your website's design perfectly. You can choose between horizontal and vertical layouts, customize colors, fonts, and icons, and add various types of media, including images and videos, to each timeline event. With its fully responsive design, your timeline will look perfect on any device, from desktops to smartphones, ensuring a consistent and engaging user experience for all your visitors. Elevate your content and tell your story in a dynamic, modern way.
Why This Matters
Standard text and images often fail to capture user attention. Studies show that websites with interactive visual content achieve up to 70% higher conversion rates. A timeline slider transforms a passive reading experience into an active journey, which can reduce your bounce rate by over 30%. By presenting your company history, project milestones, or personal story in an engaging format, you build trust and keep visitors on your site longer, significantly boosting your SEO and user engagement metrics.
Features
- Fully responsive design for all devices.
- Horizontal and vertical timeline layouts.
- Drag-and-drop interface within Elementor.
- Advanced styling options for colors, typography, and spacing.
- Support for images, videos, and custom icons in timeline events.
- Unlimited number of timeline items.
- Smooth animations and transition effects.
- Customizable date formats and labels.
- SEO-friendly and optimized for fast loading speeds.
- Cross-browser compatibility (Chrome, Firefox, Safari, Edge).
Timeline Layout Comparison
| Feature | Horizontal Timeline | Vertical Timeline |
|---|---|---|
| Best Use Case | Showcasing a sequence of events on a single screen, ideal for sliders. | Detailed storytelling, step-by-step guides, long histories. |
| Layout | Events are arranged left-to-right, saving vertical space. | Events are arranged top-to-bottom, ideal for scrolling. |
| Interactivity | Swiping, dragging, or clicking navigation arrows. | Standard page scrolling, intuitive for all users. |
| Content Amount | Best for concise descriptions and key milestones. | Excellent for longer text descriptions and rich media. |
| Mobile View | Adapts well, often converting to a vertical or touch-swipe layout. | Naturally responsive and easy to read on mobile devices. |
How to install the plugin?
- Download the plugin archive using the button above.
- Navigate to Plugins > Add New in your WordPress dashboard.
- Click "Upload Plugin" at the top and select the downloaded ZIP file.
- Install, activate the plugin, and follow the quick setup wizard instructions.
FAQ
Can I use custom post types to populate the timeline?
Yes, the Wiloke Timeline Slider plugin is highly flexible. It allows you to source content dynamically from your WordPress posts, pages, or any custom post type. This is perfect for creating timelines of blog posts, portfolio items, or events without having to enter the data manually.
Is the timeline slider optimized for performance and page speed?
Absolutely. The plugin is built with clean, efficient code and lazy loading for images to ensure it does not negatively impact your website's performance. It is optimized to load quickly, contributing positively to your Core Web Vitals and overall user experience.
Does this plugin require Elementor Pro to work?
No, the Wiloke Timeline Slider works perfectly with the free version of Elementor. While it is also fully compatible with Elementor Pro, you do not need the Pro version to access the core features of the timeline widget and create beautiful, functional timelines.
How can I customize the appearance of the timeline to match my brand?
The plugin offers extensive styling controls directly within the Elementor editor. You can easily customize colors, fonts, icon styles, background colors, spacing, and border styles for every part of the timeline, including the cards, line, and navigation elements, ensuring it aligns perfectly with your site's branding.