creating category-specific versions of OBW
We are often asked if you can do the following; have product-specific pages on your website that deep-link into specific categories of product in your online booking wizard.
Here is how you do that:
- Create a web-page that contains details about your specific content.
- include a link (perhaps on a button) that deep-links into your chosen category..
like this:
https://app.bikerentalmanager.com/book.html?shop=generic&categories=Mountain
If you wanted to show multiple categories, just use a comma to separate:
https://app.bikerentalmanager.com/book.html?shop=generic&categories=Mountain,Road
here is how it could look on your page:
here is a working example on our website:
https://bikerentalmanager.com/example-bike-category-page/
And here is what the HTML actually looks like. We don't do this bit for you. It will depend on your website and your website editor. You web-developer should be able to do this for you.
We use Wordpress, and specifically Visual Studio plugin on our website.
<div class="wpb_wrapper"> | |
<p><strong>Mountain Bikes</strong> – here you list all the cool features of your mountain bikes<img class="alignnone size-full wp-image-3415" src="https://bikerentalmanager.com/wp-content/uploads/2017/12/mountainBike.jpg" alt="" width="512" height="337" srcset="https://bikerentalmanager.com/wp-content/uploads/2017/12/mountainBike.jpg 512w, https://bikerentalmanager.com/wp-content/uploads/2017/12/mountainBike-300x197.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></p> | |
</div> | |
</div> | |
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6 vc_col-has-fill"><div class="vc_column-inner vc_custom_1513252357491"><div class="wpb_wrapper"><a href="https://app.bikerentalmanager.com/book.html?shop=generic&categories=Mountain" class="btn-shortcode dt-btn-m dt-btn default-btn-color default-btn-hover-color default-btn-bg-color default-btn-bg-hover-color" target="_blank" id="dt-btn-1"><span>Book Now!</span></a></div></div></div></div><div class="vc_row wpb_row vc_row-fluid dt-default" style="margin-top: 0px;margin-bottom: 0px"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner "><div class="wpb_wrapper"> | |
<div class="wpb_text_column wpb_content_element " > | |
<div class="wpb_wrapper"> | |
Some more detailed notes about getting it to work for 'real' category names.
Categories created in BRM2.0
You can find the 'real' name of the category you wish to include by editing a Category (see Editing Inventory) to bring up the Category detail page. You'll then find the category ID in the URL. Most of the time it'll be a number, like this:
Categories created in legacy BRM1
For categories first created in the legacy BRM1 software, the ID will be a name like the examples at the beginning of this article:
For names with spaces, for example, "Full Suspension", make sure to follow these rules as URLs have to be specific:
What if you have 'complex' category names? like:
- spaces must be changed to %20
- case sensitive; M is not the same as m
Using these rules, the "Full Suspension" category becomes "Full%20Suspension".