Embedding your tour

Steps to embed a tour into the html dom so that it presents on other webpages.

Support avatar
Written by Support
Updated over a week ago

Embedding your tour allows you to host the tour experience on your own website

1. Begin by having the HTML document for your website open

2. Navigate to the tour index on your StoryScale account and find the tour you want to embed

3. Under the ‘more’ icon find and click ‘Embed’

4. When a pop-up appears, copy the bottom <script> tag

5. Find the <header> element in your HTML document and paste between its opening and closing tags

6. Return to the embed tour pop-up

7. Copy the top <div> tag

8. Paste between the opening and closing <body> tag of your HTML document

Your tour should now be visible on your website upon saving

Did this answer your question?