> For the complete documentation index, see [llms.txt](https://cranford-tech.gitbook.io/a+-product-onboarding-tour/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cranford-tech.gitbook.io/a+-product-onboarding-tour/creating-a-product-tour/custom-branding.md).

# Custom branding

You can customise the look and feel of your Product Tour using the 'Formatting Options' fields on the Product Tour element.

<div align="left"><figure><img src="/files/JVSuOTD6GC0HeeNRuftX" alt="" width="335"><figcaption></figcaption></figure></div>

You can also format certain aspects of the individual steps of the tour using the fields on the 'Add a step in ProductTour' action.

<div align="left"><figure><img src="/files/sFK27xHvUx6iWKeuaMd6" alt="" width="375"><figcaption></figcaption></figure></div>

Finally, you can also style the text/content of the text in the individual steps using HTML. In the below example, I'm adding an image to the step by using a div and an iFrame (this was all provided on GIPHY).

<div align="left"><figure><img src="/files/usKDZ0sMHnHK8SmYoHy5" alt="" width="563"><figcaption></figcaption></figure></div>

This results in that step of the product tour having an embedded GIF:

<figure><img src="/files/R1HzJMPqafh1gd08R09w" alt=""><figcaption></figcaption></figure>