Installation of WaveRez Booking Portal Lightframe
In order to install the WaveRez lightframe on a Wordpress website, you can follow the instructions below.
You'll need to inject this script into your footer site wide.
For Wordpress, I recommend using WP Code to inject these scripts into your site wide footer. Injecting in the header is an option, but can sometimes cause issues depending on the builder used and settings.
Once the Script is active on the site, any links to the Booking Portal will pop up the booking portal lightframe. Installation is easy, just replace the link on the button or element with the Booking Portal general link or the listing specific links. These are the same URL's shown on your URL bar when viewing the customer facing online booking portal.
The easiest way to locate your Booking Portal links is to click on "Booking Portal" of the marketing section of the menu when you're logged into WaveRez. This will open a new tab with your customer facing booking portal.
We now have the ability to embed a calendar widget directly on your website. This widget will still require the script and body code from step 1 of this article. This widget will fit to the container that it's inside of. You'll need to add an HTML element (if you're using any builder) and use the following code:
Please be sure to replace the TRIP_URL_GOES_HERE with the URL to the listing you're trying to use this widget for. The widget can only be used with activity links and will show the information from that activity only. I've provided a screenshot of what this widget can look like. The customer can navigate through days to see what times are available. Once they click on a time, the booking portal lightframe will open and present them with ticket options.
You can optionally directly link to the search by date page of the Booking Portal. In order to do this, just add ?filter=all to the end of your general booking portal URL page.
For example, for a button to open the search by date page, I'd grab the link of the booking portal for our demo account: https://reservations.waverez.com/waverezrental and I'd add ?filter=all to the end of it.
The resulting link would be https://reservations.waverez.com/waverezrental?filter=all and this link will take you directly to the search by date page of the booking portal. If the script is active on your website, this link will open in the booking portal lightframe.
You can also link directly to a category (or multiple categories) enabled for the search by date view.
As an example, if I wanted the search by date lightframe pop up to show pontoon rentals only I'd use this link: https://reservations.waverez.com/waverezrental?filter=pontoon-rentals
The only thing that changes is ?filter=all is changed to = the name of the category to filter.
If I want to link to multiple categories enabled for view, I'd use a comma in between each category name. As an example for jet skis and pontoon boat rentals, I'd use https://reservations.waverez.com/waverezrental?filter=pontoon-rentals,jet-ski-rentals
The easiest way to get the links correct if you're experiencing issues is to navigate to your WaveRez booking portal, click on search by date in the top right, and pick a date. This will open the view for you in a tab on your browser so that you can simply copy the URL with the correct categories checked already. As shown in the screenshot below:
1. Script Installation
You'll need to inject this script into your footer site wide.
<script type="text/javascript" src="https://reservations.waverez.com/assets/dist/widget/js/_trip_book_widget.js"></script>For Wordpress, I recommend using WP Code to inject these scripts into your site wide footer. Injecting in the header is an option, but can sometimes cause issues depending on the builder used and settings.
2. Book Buttons
Once the Script is active on the site, any links to the Booking Portal will pop up the booking portal lightframe. Installation is easy, just replace the link on the button or element with the Booking Portal general link or the listing specific links. These are the same URL's shown on your URL bar when viewing the customer facing online booking portal.
The easiest way to locate your Booking Portal links is to click on "Booking Portal" of the marketing section of the menu when you're logged into WaveRez. This will open a new tab with your customer facing booking portal.
Calendar Widget Embed (optional additional method of installation)
We now have the ability to embed a calendar widget directly on your website. This widget will still require the script and body code from step 1 of this article. This widget will fit to the container that it's inside of. You'll need to add an HTML element (if you're using any builder) and use the following code:
<div waverez-src="TRIP_URL_GOES_HERE" waverez-type="calendar"></div>Please be sure to replace the TRIP_URL_GOES_HERE with the URL to the listing you're trying to use this widget for. The widget can only be used with activity links and will show the information from that activity only. I've provided a screenshot of what this widget can look like. The customer can navigate through days to see what times are available. Once they click on a time, the booking portal lightframe will open and present them with ticket options.
Search by Date Direct Link (optional additional method of installation)
You can optionally directly link to the search by date page of the Booking Portal. In order to do this, just add ?filter=all to the end of your general booking portal URL page.
For example, for a button to open the search by date page, I'd grab the link of the booking portal for our demo account: https://reservations.waverez.com/waverezrental and I'd add ?filter=all to the end of it.
The resulting link would be https://reservations.waverez.com/waverezrental?filter=all and this link will take you directly to the search by date page of the booking portal. If the script is active on your website, this link will open in the booking portal lightframe.
You can also link directly to a category (or multiple categories) enabled for the search by date view.
As an example, if I wanted the search by date lightframe pop up to show pontoon rentals only I'd use this link: https://reservations.waverez.com/waverezrental?filter=pontoon-rentals
The only thing that changes is ?filter=all is changed to = the name of the category to filter.
If I want to link to multiple categories enabled for view, I'd use a comma in between each category name. As an example for jet skis and pontoon boat rentals, I'd use https://reservations.waverez.com/waverezrental?filter=pontoon-rentals,jet-ski-rentals
The easiest way to get the links correct if you're experiencing issues is to navigate to your WaveRez booking portal, click on search by date in the top right, and pick a date. This will open the view for you in a tab on your browser so that you can simply copy the URL with the correct categories checked already. As shown in the screenshot below:
Updated on: 19/05/2025
Thank you!