Tourial Product Documentation
  • 👋Welcome to Tourial!
    • Planning Tours with AI
    • Building Tours with AI
  • 🏁Best Practices & Launching
    • Tour Building Best Practices
    • Before you Launch Check-List
  • 🏗️Building
    • Interactive Tours
      • Record
        • Chrome Extension
          • Downloading the Chrome Extension
          • Troubleshooting
            • Full page screenshot not working
        • Importing Media
      • Edit
        • Interactive Tools
          • Advanced Features
        • Timed Tools
        • Video Trimming
      • Branding
      • Mobile-Optimization
      • HTML Demos (Experimental)
        • Chrome Extension (Capture)
        • Building & Editing
    • Tour Centers
      • Interactive Topics
      • Editing Styles
      • Navigation & Format
      • Supported Content in Tour Centers
        • Adding Google Slides to your Tour Center
      • Upfront Prompts
      • Mobile Optimization
  • 🌎Sharing
    • Embedding Demos
      • Embedding Interactive Demos
        • Lightbox Embed
        • Website Embed
      • Embedding Tour Centers
      • Updating your Embed Code when changes are made
    • Tour Link Sharing
    • Tour Center Link Sharing
    • Share Links
      • How to create a share link
  • GIF Generation
  • 🔢Analytics
    • Tour Analytics
    • Tour Center Analytics
  • ⚙️Admin & Settings
    • Inviting your team
    • Setting your Account Branding
    • Workspaces
      • Create & Add Users to a Workspace
    • User Management
    • White Label Your Account & Content
    • Tourial Forms
      • Form Fails
      • Hyperlinking in Tourial Forms
  • ➕Integrations
    • HubSpot
      • Instant Scheduling with HubSpot Scheduler
      • Tour Engagement Data
        • Slack Notifications with HubSpot
        • Triggering HubSpot Workflows
        • Pushing Engagement Data from HubSpot to SFDC
      • HubSpot Reporting Setup
      • TourPlayer Engagement Data
      • Lead Forms with HubSpot
      • How do I hide the chatbot?
      • How do I hide the Cookie Banner?
      • FAQs
    • Marketo
      • Lead Forms with Marketo
      • Engagement Data with Marketo
        • Slack Notifications with Marketo
        • Approving Marketo Custom Activities
      • Marketo Reporting Setup
    • Partners
      • G2
      • TrustRadius
    • Pardot
      • Lead Forms in Pardot
      • Engagement Data with Pardot
      • How to Create a Pardot Dashboard to Measure Tourial's Impact
    • Salesforce
      • Leads Forms in Salesforce
      • Engagement Data with Salesforce
        • Add Tourial Engagement to record's Lightning page
        • Add Tourial Engagement as Salesforce tab
        • Create an SFDC report using Engagement Data
      • How to Create a Salesforce Dashboard to Measure Tourial's Impact
    • Zapier
    • Calendly
    • Chili Piper
    • Cross-Frame Events
      • Tours
      • Tour Centers
    • Slack
  • Security
    • SSO (Single Sign-on)
    • Uptime Reports
    • Form Compliance
Powered by GitBook
On this page
  • Tooltip best practices
  • Sizing best practices

Was this helpful?

  1. Building
  2. Interactive Tours

Edit

Editing Tour Best Practices

PreviousImporting MediaNextInteractive Tools

Last updated 1 year ago

Was this helpful?

Tooltip best practices

Keep tooltips brief & to the point.

If your message is long, consider plugging it into an LLM like OpenAI's ChatGPT or Google Gemini to help shorten the copy. Not only will this keep your Tourial accessible, it will also keep potential buyers engaged.

Avoid placing the tooltip too close to the edge to avoid overflow

The closer your tooltips coincide with the edge of the screen, the more likely they are to overflow on smaller screens.


Sizing best practices

Treat the frame size previewer as a QA Tool that we can use to make sure the tour looks and feels great at all screen sizes for all buyers.

Not seeing the options for Medium and/or Large Frame? This likely means that the screen you're viewing the Tour on doesn't have enough space to display the larger versions of the tour.

When building your tours, it is important to test all screens at all sizes to make sure that every one of your buyers 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 of the tour. Small sizes are the least viewed version and are typically accessed by a shrunken browser window or an iPad Mini (or similarly small screen size that doesn't allow the Tour to display a larger version.)

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

🏗️