AnyRoad plugin displays all your visible experiences, or a specific group of experiences, along with their descriptions and schedules on your website. Your guests enjoy a seamless booking experience while keeping the whole process on one page.
Different ways to implement the AnyRoad plugin
AnyRoad plugin can be implemented on any website that supports iFrames by incorporating a few lines of JavaScript (see below). Once implemented, any changes/updates to experiences will not require any changes to the website. Note: Ideally the container should be 1440 px wide (it should be no smaller than 785 px) and the height set to 100%.
- If your website is a single-page app (SPA), there is an additional script that will need to be added to allow our plugin to reload on page changes.
- If you are using a website builder, such as Wix, that does not allow you to add custom javascript, you can still use a plain iframe that points to an experience list or experience page, but adding the scripts will enable automatic resizing, tracking analytics (GA/GTM, Pixels, etc) and mobile checkout redirect.
- As an alternate/fallback option, to speed up deployment or work around website limitations, some customers simply add a link on their experiences page that links to a stand-alone AnyRoad plugin that opens in a new tab.
Sample AnyRoad plugin script:
|
<script src="https://app.anyroad.com/assets/integration-v1.1.js"></script> <div id="iframe_wrapper"></div> <script language="javascript" type="text/javascript"> (function () { window.anyroad = new AnyRoad({ container: '#iframe_wrapper', plugin: { id: 'plug-in-ID' } }); })(); </script> <a id="powered_by_anyroad_link" href="https://www.anyroad.com?utm_source=plug-in-ID&utm_medium=PBA&utm_campaign=PLUGIN" style="color: #999; text-decoration: none; font-size: 14px; display:block; text-align: center; margin:10px 0 60px 0;" target="_blank" > Powered by AnyRoad </a> |
Additional/Alternate implementation options
Links to Specific Experience
Some customers have their design elements to display their experiences/events/etc. and link the booking pages directly to those elements/buttons.
Once you have installed the AnyRoad plugin on a page (e.g. www.example.com/book-online), to open a specific experience without showing all visible experiences, you can simply copy the direct URL of the experience and link it with your button.
The link to a specific experience would look like this: www.example.com/book-online#id=tour_slug.
If you have any additional questions, you can contact our Customer Experience team at support@anyroad.com.
Comments
0 comments
Please sign in to leave a comment.