CCozyChiro Help

Boekingswidget toevoegen aan uw website

Laat patiënten rechtstreeks boeken via WordPress, Wix, Shopify, Squarespace, Webflow of gewone HTML.

Code kopiëren

Controleer eerst of uw openbare boekingspagina werkt. Ga daarna naar Instellingen → Agenda → Boekingswidget, kies uw websiteplatform en klik op Kopieer code.

Gebruik altijd de volledige code uit uw eigen account. Daarin staan uw praktijklink en een unieke widget-ID. Deel geen beheerdersgegevens met de beheerder van uw website.

WordPress

  1. Open de pagina in de blokeditor.
  2. Voeg een blok Aangepaste HTML toe.
  3. Plak de code, bekijk het voorbeeld en publiceer.

WordPress.com staat een iframe en script alleen toe op een betaald abonnement met geactiveerde hostingfuncties. Verdwijnt een deel van de code na het opslaan, controleer dan eerst uw abonnement. Dit geldt niet automatisch voor zelfgehoste WordPress-sites.

Wix

  1. Kies Elementen toevoegen → Code insluiten → HTML insluiten.
  2. Plak de Wix-code uit CozyChiro.
  3. Klik op Toepassen en stel de hoogte van het Wix-element in op minimaal 900 pixels.
  4. Open de mobiele editor en controleer daar de hoogte opnieuw.

Gebruik de speciale Wix-code: Wix plaatst ingesloten code in een extra kader en kan de buitenste hoogte daarom niet automatisch aanpassen. Wix accepteert alleen HTTPS-adressen.

Shopify

Ga naar Online winkel → Thema's → Aanpassen. Open de gewenste paginasjabloon, voeg een sectie Aangepaste Liquid toe en plak de Shopify-code. Sla op en test de gepubliceerde pagina. Niet ieder thema biedt deze sectie; gebruik in dat geval een geschikt thema of laat een Shopify-ontwikkelaar de code plaatsen.

Squarespace

Voeg een Code-blok toe, kies HTML, laat Bron weergeven uitgeschakeld en plak de code. Iframes en JavaScript zijn alleen beschikbaar op Squarespace-abonnementen die aangepaste code ondersteunen. Bekijk zo nodig een voorbeeld in veilige modus en controleer altijd de gepubliceerde pagina.

Webflow

Voeg vanuit het Add-paneel een Code Embed-element toe, plak de Webflow-code en publiceer. Het script wordt mogelijk pas in de preview of op de gepubliceerde site uitgevoerd. Code Embed vereist een geschikt Workspace- of Site-abonnement.

Gewone HTML

Plak de code in de <body> op de plaats waar de widget moet staan. Verander de src, widget-ID of het scriptadres niet. Het iframe houdt een veilige vaste hoogte wanneer automatisch aanpassen door een beveiligingsregel wordt geblokkeerd.

Testen na publicatie

Controleer na publicatie:

  1. De widget laadt op desktop en mobiel zonder horizontaal te scrollen.
  2. De hoogte past zich aan of blijft, bij Wix, groot genoeg.
  3. U kunt behandeling, behandelaar, datum en tijd kiezen.
  4. U kunt een testboeking voltooien en ontvangt de verwachte bevestiging.

Een leeg vlak betekent meestal dat uw website iframes of scripts van het CozyChiro-domein blokkeert. Controleer of de volledige code is opgeslagen, of de URL met HTTPS begint en of een Content Security Policy het domein blokkeert. Gebruik de openbare boekingslink als tijdelijke oplossing.