Naar de hoofdinhoud

Een gepersonaliseerde link maken

Maak een gepersonaliseerde link om je VOD, agenda, activiteiten en andere onderdelen van je marketplace met een iframe-tag in je website te

Stap 1: Haal je gepersonaliseerde link op

In de zoekbalk van je webbrowser heb je een aantal gegevens nodig om bij je ultragepersonaliseerde link te komen:

"/m" geeft aan dat deze URL doorverwijst naar de bsport "Marketplace" met je passen, agenda en VOD.

"/XXX" wordt automatisch vervangen door de naam van je studio

"/ID" is het belangrijkste onderdeel. Hier moet je je bsport-ID invullen. Je vindt je bsport-ID op het platform via Instellingen > Algemeen > "BSPORT ID"

De volledige link ziet er dus zo uit: " https://backoffice.bsport.io/m/XXX/ID/"

Stap 2: Kies wat je wilt delen

Zodra je op de marketplace bent, zie je ongeveer dit:

Je kunt door de marketplace bladeren en je ziet dat de URL in je zoekbalk telkens verandert wanneer je van categorie wisselt.

  • Agenda

  • Workshops

  • Pass

Dit werkt hetzelfde voor elke categorie.

Stap 3: Personaliseer je URL's.

Als je een URL wilt invoeren die doorverwijst naar je VOD, agenda, shop of iets anders, volg dan de onderstaande stappen.

Je kunt ook een of meer filters toepassen om ultragepersonaliseerde URL's te krijgen.

Om bijvoorbeeld in de Agenda filters toe te passen, klik je op de knop links:

Als we alleen de lessen willen tonen van zondag 15 november tot en met zaterdag 21, met de activiteit "Cardio Ballet" bij de vestiging "Danceloor Online", krijgen we dit te zien:

Met deze URL-link:

In deze URL vind je codeonderdelen die nodig zijn voor de implementatie van onze widget-oplossing op onze website, meer details hier: https://intercom.help/bsport-helpcenter/en/articles/4107546.

In deze URL vind je:

  • metaActivities[4790]; dit komt overeen met de ID van de activiteit "Cardio Ballet"

  • establishement[457]; dit komt overeen met de ID van de vestiging "Dancefloor Online"

  • filtersOpen=true; betekent dat het filter wordt weergegeven. Je kunt "false" invullen om het te verbergen.

Deze ultrafiltering is ook mogelijk voor VOD.

Kies wat je wilt tonen en hoe je dat wilt doen.

Stap 4: Het iframe op je website integreren

Je kunt de gemaakte link integreren met deze code:

<iframe src="https://backoffice.bsport.io/m/XXX/id/vod" style="" ></iframe>

Hiermee integreer je het VOD-iframe, als je je ID in de URL zet.

Het style=""-onderdeel dient om het iframe te stylen zodat het bij je website past; je kunt hiervoor CSS toepassen.

Voorbeeld van iframe-integratie van gepersonaliseerde bsport-URL's:

Je kunt nu gepersonaliseerde URL's toepassen met onze iframe-oplossing en ze integreren in je website!

Was dit een antwoord op uw vraag?