Tourial Product Documentation
  • 👋Welcome & Getting Started!
    • Inviting your team
    • Setting your Account Branding
    • Downloading the Chrome Extension
  • 🏁Best Practices & Launching
    • Tour Building Best Practices
    • Before you Launch Check-List
  • 🏗️Building
    • Interactive Demos
      • Record
        • 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
    • Demo Centers
      • Interactive Topics
      • Editing Styles
      • Navigation & Format
      • Supported Content in Demo Centers
        • Adding Google Slides to your Demo Center
      • Upfront Prompts
  • 🌎Sharing
    • Embedding Demos
      • Embedding Interactive Demos
        • Lightbox Embed
        • Website Embed
      • Embedding Demo Centers
      • Updating your Embed Code when changes are made
    • Tour Link Sharing
    • Demo Center Link Sharing
    • Share Links
      • How to create a share link
  • 🔢Analytics
    • Tour Analytics
    • Demo Center Analytics
  • ⚙️Admin & Settings
    • 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
      • 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
    • Partners
      • G2
      • TrustRadius
    • Pardot
      • Lead Forms in Pardot
      • Engagement Data with Pardot
    • 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
    • Zapier
    • Calendly
    • Chili Piper
    • Cross-Frame Events
      • Tours
      • Demo Centers
    • Slack
  • Security
    • SSO (Single Sign-on)
    • Uptime Reports
    • Form Compliance
Powered by GitBook
On this page

Was this helpful?

  1. Sharing
  2. Embedding Demos

Embedding Interactive Demos

The 2 types of Tourial Embeds (Website & Lightbox) plus some best practices!

PreviousEmbedding DemosNextLightbox Embed

Last updated 9 months ago

Tourial Website Embed

Tourial Lightbox Embed

Embed Best Practices

Embed Tourials with a minimum width and height to prevent tooltip overflow

The recommended implementation size is 1080 x 607.5px.

Tourials should be embedded with a minimum of 888 x 500px wide to help prevent tooltips from overflowing.

Website Embed
Lightbox Embed
🌎
  • Tourial Website Embed
  • Tourial Lightbox Embed
  • Embed Best Practices