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
  • Your Brand
  • Templates
  • FAQs

Was this helpful?

  1. Building
  2. Interactive Tours

Branding

In a few clicks, you can add branded color palettes and styling for your Tour Components. Once you've added it, you can apply those changes across all or multiple Tours β€” easy!

PreviousVideo TrimmingNextMobile-Optimization

Last updated 1 year ago

Was this helpful?

​With Branding you can:

  • Customize and save Color Palettes, Font Styles, and create Templates for your Tour Components, Page Styles, and Forms

  • Update every Tour (or selected Tours) all at once (i.e. your company rebrands)

    • Brand updates happen in small and large capacities... even after your Tours are done, if you need to make one-off brand updates, you can do this in bulk!

  • Saves time -- focus on building your Tours, not styling them individually

  • Maintain brand control β€” only account Admins can edit Branding

  • Ensure styling consistency across all your Tours

Your Brand

  • Set your color palette by adding multiple HEX codes (there is no limit!)

  • Add your default font type, size, and color for Headlines and Body content ​

  • Add defaults for your Primary, Secondary, Text and Background colors

    • Primary color - affects borders and button backgrounds (+ button text if background color is transparent) across Tooltips, forms and TourPlayers, plus step counters in tooltips

    • Secondary color - affects hotspots and clickzones in Tooltips as well as TourPlayer progress bars and card indicators ​

Templates

Under templates, you can set defaults for Tour Components, Page Styles and Forms.

Tour Components

  1. See a preview of your Tooltip template

  2. Click Edit to set or change your Tooltip styling (size, buttons, font size, hotspots, clickzones, etc.)

  3. Select Apply All to apply changes to all your Tours, or select which ones you'd like to apply the styling to

    Note: You can also use the dropdown menu to toggle between styling

  4. The same applies to Modals and Nav & progress bar below Tooltips

Page Styles

  1. See how your default primary and secondary colors affect Page Styles

  2. Click Edit to set or change page styling (background, card styles, and card indicators)

Forms

  1. Set your Forms template

  2. Select Apply All to apply changes to all your Tours with forms, or select which ones you'd like to apply the styling to

FAQs

  • Can I save multiple brand templates?

    • No. You can save one template per section (Tour Components, Page Styles, Forms)

  • Can I update all my tools at once?

    • Yes. Use the "Apply All" button to update all tools across your Tours. Use the Default colors section to instantly update colors across all tools all at once.

  • Can I only update certain tools at once?

    • Yes. Simply edit the tool (tooltips or modals, for example) you want to change and apply those changes to any or all Tours.

  • Can I revert?

    • Not at this time. Once you save changes, you can not revert to a previous state.

  • Can I update all templates in bulk with primary/secondary colors?

    • Yes. If you update primary or secondary colors under Default colors, those will apply across all of your templates.

  • Can I update all my tours at once?

    • Yes. use the "Apply All" button to update all of your Tours.

  • Can I update only specific tours?

    • Yes. Under the "Apply All" button, select the Tours you wish to update.

  • Can I still update tools when inside the tour?

    • Yes. New Tours will be created with the set Branding, but additional changes can be made within the individual Tour.

  • Can anyone make Branding changes?

    • No. Only account Admins can set or change settings under Branding.

  • Can anyone make tool changes in a Tour?

    • Account Editors and Admins can make changes but Viewers cannot.

πŸ—οΈ
Take a Tour of how to Set your Account Branding!