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
  • Option 1: Import from your Computer
  • Option 2: Import from another Tour
  • To import a screen

Was this helpful?

  1. Building
  2. Interactive Tours
  3. Record

Importing Media

When building media tours, you can upload media from your computer or pull entire screens from different tours.

PreviousFull page screenshot not workingNextEdit

Last updated 1 month ago

Was this helpful?

Option 1: Import from your Computer

Tourial accepts multiple file types to function as your primary screens within the tour: screenshots (images), videos, and gifs. Please note that when uploading media for screen background use, you'll want all of your media to be at a 16:9 aspect ratio and high resolution. Here's the full list of supported file types for media uploads in media tours: .mp4, .mov, .webm, .png, .jpeg, .jpg, .png, .gif, .svg, .webp

  1. Either select Media Library in the bottom right or Add Screen in the Storyboard ​

  2. In the pop-up, click Upload to upload your images or videos. ​

  3. Once uploaded, select the screen and click Add to tour ​

Option 2: Import from another Tour

Let's say you built a page that you love in a previous Tourial. It has all the tools, views and interactions and now you want to use that page in another Tourial.

With the Import Screen feature, you can easily select a screen(s) from any existing Tour in your account and use it in a different one.

To import a screen

  1. Open the Tour you'd like the other page imported into

  2. Select Media Library located on the right of the Storyboard ​

  3. In the pop-up window, select Import screen and then choose with Tour you want to import from and the screen you want to import.

  4. Click Add to tour

Note: Tourial's file size limit for media imports is 99MB per file

🏗️