# \[New Component\] TOUR, guide your visitors, one step at a time, ..and more
**URL:** https://forums.realmacsoftware.com/t/new-component-tour-guide-your-visitors-one-step-at-a-time-and-more/57139
**Category:** Elements Store
**Created:** [July 29, 2026, 4:34am UTC](https://forums.realmacsoftware.com/t/new-component-tour-guide-your-visitors-one-step-at-a-time-and-more/57139 "2026-07-29T04:34:31Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)
#### Post date: [July 29, 2026, 4:34am UTC](https://forums.realmacsoftware.com/t/new-component-tour-guide-your-visitors-one-step-at-a-time-and-more/57139/1 "2026-07-29T04:34:31Z")
Hi everyone! Iβm excited to present **[Tour](https://www.multithemes.com/elements/components/tour/)**, our new component designed to guide visitors through your Elements projects.
### Tour turns your page into a guided walkthrough π[Options and Features](https://www.multithemes.com/elements/components/tour/)
[](https://www.multithemes.com/elements/components/tour/demo-4/)
βΉ You can use also your β¨ keyboard β β β β or space bar to navigate (esc to quit)
This component is extremely versatile and features a dual purpose: it can be used either as a sequential multi-step **guided tour** , perfect for onboarding and walkthroughs, or as a standalone tool to **target and highlight a single object** , as you can see in the **[Multi-Target page](https://www.multithemes.com/elements/components/tour/multi-target/)**
**Jump to the banner:**
[](https://www.multithemes.com/elements/components/tour/multi-target/?banner)
Thanks to a spotlight effect that dims the background and flexible positioning controls, it allows you to instantly capture the userβs attention right where you want it.
**Jump to the promo:**
[](https://www.multithemes.com/elements/components/tour/demo-4/?promo)
## **Key features:**
- **Dual Mode:** Use it as a multi-step guided tour or as a focused spotlight on a single element.
- **Advanced Spotlight:** Elegantly dims the background to focus attention on the active target.
- **Flexible Positioning:** Advanced placement controls for tooltips and cards (top, bottom, left, right, auto-fit).
- **Interactive Controls:** Smooth navigation with Next, Back, Skip, and custom finish actions.
- **Custom Drop Zones:** Easily embed images, icons, or custom Elements inside the tour boxes.
- **Accessibility:** Built-in keyboard navigation and focus management support.
- **Tailwind Native:** Full support for Tailwind utility classes for advanced styling without limits.
- **Responsive Controls:** Fine-tune visibility and layout behavior across every breakpoint. ..and much more!
- **β β β β or space bar to navigate**
## **List of use cases:**
- **User Onboarding:** Step-by-step walkthroughs for new sign-ups, introducing core dashboard features.
- **Layout & Interface Tours:** Explaining complex website structures, navigation menus, or editorial layouts.
- **Feature Highlights:** Spotlighting new updates or hidden tools when users log in after a release.
- **E-Commerce & Product Discovery:** Pointing out crucial details (e.g., size guides, discounts, or configuration options) via single-target highlights.
- **Guided Form Completion:** Helping users navigate multi-step checkouts or lengthy application forms with contextual tooltips.
- **Interactive E-Learning:** Guiding students through digital learning tools, platform controls, or interactive modules.
- **Contextual Help & Support:** Replacing static FAQ pages with an on-page tour that solves common user questions instantly. **[DEMO with Franck](https://www.multithemes.com/elements/components/tour/demo-1/?archives) π**
**Rverything you see in the demos is included with the component:** you can open the demo project, explore the different configurations, and integrate them directly into your work. Once installed, you will find the demo project in the available projects panel when creating a new one (expand the list with βview allβ, _See all library items_).
**Compatibility note:** **[TOUR](https://www.multithemes.com/elements/components/tour/)** is fully compatible with **Elements V3** and includes all updates required for **Tailwind 4**.
[Available in the marketplace](https://store.elementsapp.io/components/sitemap) [](https://www.multithemes.com/elements/components/sitemap/)Now in promo! π²
Let me know what you think, and happy building π
thanks !
---
### Author:  [@barz-stacks](https://forums.realmacsoftware.com/u/barz-stacks)
#### Post date: [July 29, 2026, 5:20am UTC](https://forums.realmacsoftware.com/t/new-component-tour-guide-your-visitors-one-step-at-a-time-and-more/57139/2 "2026-07-29T05:20:32Z")
Congratulations π₯³
A really wow product! Nice
---
### Author:  [@WeaverPixel](https://forums.realmacsoftware.com/u/WeaverPixel)
#### Post date: [July 29, 2026, 7:43am UTC](https://forums.realmacsoftware.com/t/new-component-tour-guide-your-visitors-one-step-at-a-time-and-more/57139/3 "2026-07-29T07:43:47Z")
What a phantasmic idea π
---
### Author:  [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)
#### Post date: [July 29, 2026, 5:01pm UTC](https://forums.realmacsoftware.com/t/new-component-tour-guide-your-visitors-one-step-at-a-time-and-more/57139/4 "2026-07-29T17:01:18Z")
> [@barz-stacks](#):
>
> Congratulations π₯³
> A really wow product! Nice
Thanks Mark π
> [@WeaverPixel](#):
>
> What a phantasmic idea π
π thanks Markus, It started as a simple tour and then it grew π
---
### Author:  [@ajenks](https://forums.realmacsoftware.com/u/ajenks)
#### Post date: [July 29, 2026, 5:11pm UTC](https://forums.realmacsoftware.com/t/new-component-tour-guide-your-visitors-one-step-at-a-time-and-more/57139/5 "2026-07-29T17:11:01Z")
Very cool, this should help improve conversion rates on our sites. Well done.