Navless

Editing Interactive Tours Best Practices

The guide on editing interactive tours emphasizes keeping tooltips concise and well-placed to avoid screen overflow, using AI tools to shorten lengthy messages, thoroughly testing tour frame sizes across devices to ensure optimal user experience, and strategically selecting frame sizes based on the primary viewing platform, noting that medium frames are common for website embeds while large frames are typical for shared URLs.

Tooltip Best Practices

  • Keep tooltips brief and to the point.
  • If your message is long, consider using an LLM like OpenAI's ChatGPT or Google Gemini to help shorten the copy. This keeps your Tourial accessible and keeps potential buyers engaged.
  • Avoid placing the tooltip too close to the edge of the screen to prevent overflow, especially on smaller screens.

Sizing Best Practices

  • Treat the frame size previewer as a QA tool to ensure the tour looks and feels great at all screen sizes for all buyers.
  • If you don't see options for Medium and/or Large Frame, it likely means your screen doesn't have enough space to display the larger versions of the tour.
  • Test all screens at all sizes to ensure every buyer has a great experience.

Note: When embedding your tours on your website, most visitors will see the "Medium" sized version of the tour. When sharing the URL for the tour page, most visitors will be viewing the large version. Small sizes are the least viewed and are typically accessed by a shrunken browser window or a small device like an iPad Mini.

Tip: If you intend to primarily share your tour on small devices or through a small embed, set your tour to a smaller frame size before you start building.

Related