1st Step: Get your personalised link
In the search bar of your Web browser, you will need several data in order to reach you ultra personalised link:
Enter the backoffice link: https://backoffice.bsport.io
To this link, add "m/xxx/ID"
"/m" indicates that this URL link is going to redirect to the bsport "Marketplace" with your passes, planning, VOD.
"/XXX" this will be automatically replace by the name of your studio
"/ID" there is the most important part. You will need to put your bsport ID. To find your bsport ID you will need to go on the platform Parameters > General > "BSPORT ID"
So the complete link will be: " https://backoffice.bsport.io/m/XXX/ID/"
2nd step: Choose what you want to share
Once you are on the marketplace, you should see something like this:
You can browse the marketplace et you will see that the URL in your search bar will change every time you change category.
Calendar
Workshops
Pass
It works the same for each category.
3rd step: Personalise your URLs.
If you wish to enter an URL that redirects towards your VOD, Planning, Shop or other you should follow the steps below.
You can also apply one or more filter to obtain ultra personalised URLs.
For example, in the Calendar, to apply filters you can click on the button on the left:
If we wish to only show lessons from Sunday 15th of November to Saturday 21st, with "Cardio Ballet" activity at the establishment "Danceloor Online" we have this that is displayed:
With the url link that is:
In this url we find code elements necessary to the implementation of our widget solution on our website, more details here: https://intercom.help/bsport-helpcenter/en/articles/4107546.
In this url we have:
metaActivities[4790] ; that matches the ID of the "Cardio Ballet" activity
establishement[457]; that matches the ID of the establishement of "Dancefloor Online"
filtersOpen=true; means that the filter is displayed. You can put "false" to hide it.
This ulta-filtering is also posible for VOD.
Choose to diplsay what you want, how want.
4th step: Integration of the iframe on your website
You can integrate the created link with this code:
<iframe src="https://backoffice.bsport.io/m/XXX/id/vod" style="" ></iframe>
This will integrate the VOD iframe, if you put your ID in the URL.
The stye="" component is to style the iframe in order to adjust it to your website, you can apply CSS.
Example of iframe integration of personalised bsport URL links:
You can now apply personalised URLs with our iframe solution and integrate them to your website !