AI draft
A first-run tour, drafted from the page
Open your dashboard in AI mode. GuideMark picks up to six steps in reading order, AI writes each one, and you tweak a line before turning the tour on.
AI-drafted tours. Zero setup hassle.
AI product tours, drafted for every page of your app
Stop building tours by hand. Open a page and GuideMark scans it, picks up to six steps in reading order, and AI writes a title and text for each. Every tooltip is placed where it fits. Switch on Auto-detect and the tours take your app's colours, font and corners.
Others hand you an editor. GuideMark hands you a draft.
With most product tour software, every step is yours to set up: choosing the elements, writing each tooltip, positioning it, styling it, and then doing it all again for the next page. GuideMark does that part: it scans the page and picks up to six steps in reading order, AI writes a title and text for each, and every tooltip is placed where it fits. You review and publish.
Other product tour tools
- Choosing the stepsClick through your app and pick every element yourself.
- Writing the copyWrite a title and text for every tooltip, then rewrite them.
- Placing tooltipsPosition each one by hand and check it on smaller screens.
- Matching your designRebuild your colours, fonts and corners in a theme editor.
- Covering every pageOne tour at a time, for the pages you get round to.
AI drafted
- Choosing the stepsGuideMark scans the page and picks up to six steps in reading order.
- Writing the copyAI writes a title and text for each step. You edit what you like.
- Placing tooltipsEvery tooltip is placed where it fits the screen.
- Matching your designAuto-detect reads your colours, font and corners from your CSS.
- Covering every pageA draft for any page you open, and drafted tours for pages where users get stuck.
Styling
On brand, or premium. Never generic.
Tours shouldn't look like a plugin. Auto-detect reads your app's colour, font and corners and styles every tooltip to match. Or give them a premium look: frosted glass, full colour or solid, in light or dark mode.
- Auto-detect
- One click, and GuideMark reads your app's primary colour, body font and corner radius at runtime, with a text colour chosen for contrast.
- Frosted glass
- Tooltips that let your product show through, blurred and lit like the rest of a modern interface.
- Full colour, solid, light or dark
- Pick a style and a theme, then set the font, button colour and button shape, with a live preview as you go.
Review and publish
The draft lands in your editor, ready to tweak
This is GuideMark's own tour panel, the one you see while creating a tour. The AI fills it in. You read it through, change what you like and save.
- Every step editable
- Rename a step, rewrite its tooltip text, or delete it. The element it points at is one click away.
- Drag to reorder
- Change the order the tour runs in by dragging steps up or down.
- Add steps by clicking
- Click any other element on the page while recording, and it joins the tour as a new step.
Interactive product tour examples
Feature launch
A beacon on a new button
A pulsing beacon marks what's new, and its tip opens only when someone interacts with it, so nobody gets interrupted.
Support replies
A link that starts the tour
Every tour has a link. Put it in a support reply or your docs, and the tour starts as soon as the page opens.
Three tours drawn the way users see them. Starting points to adapt, not templates to copy.
FAQ
Product tour FAQ
A product tour is a short series of tooltips inside your app that points new users at the steps that matter, one element at a time. GuideMark tours run on your live product, so users learn by doing instead of watching a video.
Yes. Open a page in AI mode and GuideMark scans it for interactive elements and content sections, picks up to six steps in reading order, and AI writes a title and text for each. You can edit every step before and after the tour goes live.
Most product tour tools give you an editor and leave the steps, the copy and the styling to you. GuideMark drafts them: it scans the page and picks up to six steps in reading order, AI writes a title and text for each, each tooltip is placed where it fits, and Auto-detect matches your app's styling. You edit a draft instead of building every tour from scratch.
Yes. Turn on Auto-detect and GuideMark reads your app's primary colour, body font and corner radius at runtime and styles the tooltips to match, with a text colour chosen for contrast. Or choose a premium look yourself: frosted glass, full colour or solid, in light or dark mode, with your own font and button style.
Yes. Start recording, click the elements you want in order, and write each step yourself. GuideMark still places every tooltip where it fits on screen. No code is needed beyond the one script tag.
A beacon is a small pulsing marker on an element. It draws attention to something new without interrupting anyone, and its tip opens when the user interacts with it. A tip can also open on hover or on click, without a beacon.
Yes. Every tour has a link that opens its page with a playTour parameter, which starts the tour as soon as the page loads. Use it in support replies, emails or docs.
Yes. Every plan includes unlimited product tours and beacons. Plans are priced by monthly active users and start at €24/mo.
Ship your first product tour today.
Install the script, click through your app, and turn the tour on.