Add a virtual tour

Use this guide to learn how to add a virtual tour to your homepage.

A virtual tour can be added by using the:

• script component to embed code
• rich text editor component to add a hyperlink 
• image component to add a link.

Step 1: Navigate to Home and edit the page

• Log in to Adobe Experience Manager and select Sites.

• Your school's homepage will already be selected.

• Select the icon to the left of homepage. The tick will appear and your selection will turn blue. 

• Select Edit near the top right of the page. 

• Select Drag components here on the bottom of the page.
• Select Plus icon to add a component.

Step 2: Choose which component to use

NOTE If you wish to use the Script component:

• Ensure the website has been whitelisted. If it has, you can proceed with Option 1 to embed the code for the virtual tour.
• If not whitelisted, check if the website has been included under Websites that will not be added. If it has, you will need to choose Option 2 or 3.
• If the website has not been included in either list, you can submit a request to support to have it reviewed for whitelisting. As this process can take some time, in the meantime consider adding the tour using Option 2 or 3.

Option 1 - Add script component (for iframe embed code)

• Select Script from the Insert New Component list.
• Learn about using script component.

Option 2 - Add rich text editor component

• Select Rich text editor from the Insert New Component list.
• Learn about using rich text editor component and creating a hyperlink.

Option 3 - Add image component

• Select Image from the Insert New Component list.
• Learn about using image component and the URL field.

Step 3: Publish your changes

• For changes to be updated on your live school website you will need to publish the page.

 You may also find useful:

• Move components