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
  • 1. Sharing Tours using Product Tour Pages:
  • Why use Product Tour Pages?
  • Creating a Product Tour Page

Was this helpful?

  1. Sharing

Tour Link Sharing

Sharing your Tours via Links

PreviousUpdating your Embed Code when changes are madeNextTour Center Link Sharing

Last updated 14 days ago

Was this helpful?

In addition to Embedding your tours on web pages, they can also be shared utilizing links.

1. Sharing Tours using Product Tour Pages:

Why use Product Tour Pages?

Save time by creating Product Tour Pages directly from the Tourial builder. No more need to spin up a new page to share your product tours.

Product Tour Pages are:

  • Quicker to Launch: go from 'finished tour' to 'live in the wild' in seconds

  • A Better Buyer Experience: consistent look and feel with built-in whitespace that automatically optimizes for ideal viewing on any device.

  • More Likely to Convert: Built-in, persistent CTA with prime (and familiar) location.

Creating a Product Tour Page

  1. Open the Tour you wish to create a tour page for.

  2. Click on the Publish button in the upper-right corner and Tourial will generate a shareable URL and an embed code

    1. Click on the Share button to open up the share menu. From here you can copy your tour's shareable URL and the embed code.

    2. You can also update the URL here - Tourial will generate a random string of characters for every tour, but we recommend updating this URL before you share with your buyers

  3. Hit the Settings button in the top right and you'll be able to customize the look and feel of your new, shareable produc tour page. You'll want to make sure that your shareable tours are on-brand and have trackable CTAs so your viewers can engage with your calls to action at any point in the tour experience.

  1. Under CTA, you can edit the following: - Text - URL - Font type and Color - Background Color - Border Color - Border Width - Background Color

  2. Upload your logo and click Save. (Recommended logo size of 64px height max).

  3. Next, add your Page Styles. Then click Save. Options include: - Background - Nav Color - Nav Border

  4. When you're done styling, click Done. You can go back and edit each section at any time.

Now you can see your live Product Tour Page! 🎉

🌎