---
description: >-
  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!
---

# Branding

[Take a Tour of how to Set your Account Branding!](https://websitetours.tourial.com/pages/branding)

\
\
​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 <a href="#h_3802bfbed9" id="h_3802bfbed9"></a>

* 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\
    ​



    <figure><img src="https://downloads.intercomcdn.com/i/o/743190359/cb49af4a8d8465086b910076/image.png" alt=""><figcaption></figcaption></figure>
*   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\
      ​

    [![](https://downloads.intercomcdn.com/i/o/743190840/7c28887cffb04e1b7f0a21a3/image.png)](https://downloads.intercomcdn.com/i/o/743190840/7c28887cffb04e1b7f0a21a3/image.png)

### Templates <a href="#h_0d58ec2c06" id="h_0d58ec2c06"></a>

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

#### &#x20;Tour Components <a href="#h_842f63590c" id="h_842f63590c"></a>

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

    ![](https://downloads.intercomcdn.com/i/o/743209248/7d6316a80b24398d69a86b42/image.png)

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

    ![](https://downloads.intercomcdn.com/i/o/743212091/f2ddd69877bb596f356027bf/image.png)
4.  The same applies to Modals and Nav & progress bar below Tooltips

    [![](https://downloads.intercomcdn.com/i/o/743213401/8b370b3a0d1afb69a6dbdf45/image.png)](https://downloads.intercomcdn.com/i/o/743213401/8b370b3a0d1afb69a6dbdf45/image.png)[![](https://downloads.intercomcdn.com/i/o/743214069/2bebf1176af5fb48cac8c1ac/image.png)](https://downloads.intercomcdn.com/i/o/743214069/2bebf1176af5fb48cac8c1ac/image.png)

#### Page Styles <a href="#h_54efc2d7ac" id="h_54efc2d7ac"></a>

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)

    [![](https://downloads.intercomcdn.com/i/o/743215405/279933559524e052a377b8f3/image.png)](https://downloads.intercomcdn.com/i/o/743215405/279933559524e052a377b8f3/image.png)

#### Forms <a href="#h_24ab7ca8d3" id="h_24ab7ca8d3"></a>

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

    [![](https://downloads.intercomcdn.com/i/o/743217940/ac3b5bb3cc98efeefe503ed0/image.png)](https://downloads.intercomcdn.com/i/o/743217940/ac3b5bb3cc98efeefe503ed0/image.png)

### FAQs <a href="#h_7770a31bfd" id="h_7770a31bfd"></a>

* 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.\
