Back to Blog
Getting Started 15. ledna 2025 2 min read

Quickstart: Your First Tour in 60 Seconds

Patrik Duch

Founder, Illumate UI

Quickstart: Your First Tour in 60 Seconds

Your First Tour in 60 Seconds

Getting started with Illumate UI is fast. Here's the shortest path to a working product tour.

1. Add Your Website

Go to the Sites page and click Add Website. Enter your URL and give it a name. The system loads your live site in a secure iframe — you'll see "Secure • Connected" when it's ready.

2. Enable Editor Mode

Click the Editor Mode button in the top toolbar. Your entire page lights up — every element gets a dashed orange border showing it's clickable.

3. Click an Element

Click on any element you want to explain — a heading, button, navigation link, form field. A configuration panel slides open where you can set the hint title, description, and placement.

4. Save and Play

Save the hint, then hit the Play button to see it live. Your users will see the same tooltip, positioned exactly where you placed it.

That's it. One hint, one minute, one better onboarding experience. Build from here.

---

Next: Creating multi-step guided tours

Ready to improve your user onboarding?

Start creating interactive product tours in minutes.