Dit artikel legt uit hoe je een bsport-widget (kalender, passen, abonnementen en meer) toevoegt aan een pagina van je Squarespace-website met een codeblok.
Voordat je begint
Je Squarespace-abonnement: Squarespace laat je alleen JavaScript of een iframe uitvoeren in een codeblok op de abonnementen Core, Plus of Advanced. Op andere abonnementen wordt de widget niet weergegeven.
Je widgetcode: je hebt de code nodig die is gegenereerd in je bsport back office. Heb je deze nog niet aangemaakt? Volg dan Widget: hoe integreer je een bsport-widget op je website en kopieer de code aan het einde.
De widget toevoegen aan je pagina
Ga in de bsport back office naar Instellingen > Widgets, kies je widget, stel je configuratie in en klik op het kopieer-icoon om de code te kopiëren.
Open in Squarespace de pagina waar je de widget wilt plaatsen en klik op Bewerken.
Beweeg met je muis over de sectie waar de widget moet verschijnen, klik op Blok toevoegen (of +) en kies Code.
Klik op het potlood-icoon op het blok om de code-editor te openen.
Selecteer in het menu Modus de optie HTML. Zorg dat Bron weergeven is uitgeschakeld, anders wordt de code als tekst getoond in plaats van uitgevoerd.
Plak de bsport-widgetcode in de editor.
Klik op Opslaan (of Toepassen), en sla je pagina vervolgens op en publiceer deze.
Open je live website en controleer of de widget verschijnt.
Elke keer dat je je widgetinstellingen wijzigt in de bsport back office, wordt een nieuwe code gegenereerd. Je website wordt niet automatisch bijgewerkt: kopieer de nieuwe code en vervang de oude in het codeblok.
Problemen oplossen
Ik zie de code als tekst op mijn pagina. Open het codeblok, zet de modus op HTML en schakel Bron weergeven uit.
De widget is leeg terwijl ik aan het bewerken ben. Om veiligheidsredenen verbergt Squarespace soms ingesloten code terwijl je bent ingelogd. Klik op Voorbeeld in veilige modus, of open de gepubliceerde pagina in een privévenster.
De widget wordt niet weergegeven op een bepaalde pagina. Volgens Squarespace kan code soms niet worden weergegeven op indexpagina's, of wanneer AJAX-laden is ingeschakeld. Probeer een standaardpagina, of schakel AJAX-laden uit in je site-instellingen.
Ik kan mijn pagina niet meer bewerken. Als een codeblok je verhindert te bewerken, schakel dan scripts uit in de Squarespace-preview en bewerk of verwijder vervolgens het blok.
De widget ziet er anders uit dan in het voorbeeld, is afgesneden, of is samengedrukt op mobiel. Zie Widget: meest voorkomende problemen (compatibiliteitsmodus, containerbreedte en weergave op mobiel).
Kom je er niet uit? Neem contact met ons op via support@bsport.io en voeg de link naar de pagina toe waar de widget moet verschijnen.
Kan bsport mijn widgets voor mij integreren? Ja — als je liever hebt dat wij de installatie regelen, ontdek wat we nodig hebben om te starten.