Quick Help Guide

Rezfusion Hub allows you to drop your channel script (compiled tag) into your website to show a quick search widget, full search, details page, and booking confirmation.

This guide is not intended to replace a full setup and may not work for your website depending on pages and url path in your specific setup.

Let’s begin

The Hub booking engine script is: https://assets.rezfusion.com/bluetent/channels/httpswwwrezfusionhubdemocom/bundle.js

You can see your actual script in your Hub Channel, and Compile Tag.

Setting up the search page

First, let’s add Hub’s powerful search page to your website. Your website needs a page (url path) for the search to live. For this example we will use: /vacation-rentals

Add this page to your website’s main navigation. You want guest to go to this page and search your properties.

On that page you drop the following HTML

The id=”app” is what tells Rezfusion Hub that is where it should display your search experience. Only the ID changes, the script is always your compiled script for the channel in Hub.

Setting up the details page

This is very similar to the search page with a few differences. Your website needs a page (url path) for the property details to live. For this example we will use: /details

This page does not live in your navigation. You just need it published and live.

On that page you drop the following HTML

The id=”detail-page” is what tells Rezfusion Hub that is where it should display a property details page. Only the ID changes, the script is always your compiled script for the channel in Hub.

Adding a quick search widget to your homepage

With Hub, you can add your channel’s quick search widget to any page. In this example, we will add it to our homepage.

This process is slightly different since we are going to drop the widget into an element on your homepage.

Inside your selected element, add the following HTML

The quick search uses classes (class=”quick-search”) and not ID’s, but otherwise the same process. The script is always your compiled script for the channel in Hub. Only selectors like ID and Class change.

In this example we added some style to the code, but all that is required is the above code.

Adding a booking confirmation to your website

Following the exact same steps from details page section above by only changing “details-page” to “booking-confirmation” will allow your website to show guests a booking confirmation.

Your website needs a page (url path) for the booking confirmation to live. For this example we will use: /booking-confirmation

That’s it, the above is all it takes to add a Hub booking engine to your website.

This guide is not intended to be a full setup instruction, it is intended to be a high-level overview of the process to add a fully setup Hub booking engine to your website.