All Collections
Settings
General
Integration of a VOD iframe on your website
Integration of a VOD iframe on your website

The article goal is to show you how to integrate a VOD iframe on your website thanks to the bsport's tool.

Kevin Bagayoko avatar
Written by Kevin Bagayoko
Updated over a week ago

1st step: Grab the VOD link on the bsport's marketplace.

To access your marketplace, enter the following link in the search bar of your browser:

  • backoffice.bsport.io/m/xxx/ID

In the URL:

  • "/m" means that you are going to bsport's marketplace

  • "/xxx" will be replaced by your studio's name

  • "/ID" is your bsport's ID

In order to find your ID, go on the plateforme, Settings > General > "BSPORT ID".

Copy the URL in the search bar of your browser and replace the "ID" by your bsport's ID and click "enter".

2nd step: Grab the URL of your VOD's tab.

Click on the "VOD" tab of your marketplace.

In the example above, we have:

3rd step: Obtain a pre filtered URL

You also have the possibility to filter your research in order to show a specific selection of your videos. You either filter by Level, Teacher, Categories, or Duration.

You can choose one or more filters here:

For instance: By filtering on the Level "Intermediate" and the category "Danse Classique" on the marketplace of DanceFloor Paris, we have:

4th step: Integrate the VOD being helped by the iframe's baseline.

Use the following tag:

Change the https://backoffice.bsport.io/m/XXX/id/vod link with the one obtained during the 2nd step.

For instance, for Dancefloor Paris we have:

Or with the filters:

You will need to ad CSS code to the style="" that you can find in the iframe in order to display it at the right size on your website.

For instance:

5th step: Integrate the iframe on your website.

Copy and paste the iframe tag where you to put it on your website.

For instance, with the following code:

We obtain on the website:

Did this answer your question?