<div id="hy-toursite" class="hy-overlay"> </div>
... (script information passed separately and different for each property)
Step 2- Embed the Tour Site Either in Pop-Up Button or Pop-Up URL
You can embed the Tour Site in the below mentioned either of the two ways:
- Embed the TourSite Popup Button
- Tour Site Popup URL
The other way is to embed the TourSite Popup Button by embedding the the Pop Button Script. The TourSite Popup button is a CTA button which can be placed anywhere on the property website. The recommended places to place the CTA are:
The Popup button script:
<a href="#" class="hytour-link" data-tourpopup="index">Tour a Tour</a>
Add the hytour-link class to the link that you want it will open the popup when someone clicks on it. You can add the data-tourpopup attribute to open a specific page.
Another way is you can also append the 'tourpopup' to your website URL to open the popup automatically.
Property Website URL + "?tourpopup=index"
Preview of the TourSite added as Popup
Here is a preview of what the Popup will look like once implemented on the website!
Step 3 - Advanced Tour Site Settings (Optional)
You can also add different attribute values to redirect to the other sections of the Tour Site. The attributes and sections of the Tour Site are: