AApricint Help

Boekingswidget toevoegen aan uw website

Voeg Apricint toe aan WordPress, Wix, Shopify, Squarespace, Webflow of gewone HTML.

Code ophalen

Controleer eerst of uw openbare boekingspagina werkt. Open daarna Online Booking, kies uw websiteplatform en klik op Copy code.

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

WordPress

Voeg in de blokeditor een blok Aangepaste HTML toe, plak de code en controleer het voorbeeld voordat u publiceert. 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

Kies Elementen toevoegen → Code insluiten → HTML insluiten, plak de Wix-code en klik op Toepassen. Stel het buitenste Wix-element in op minimaal 900 pixels hoog en controleer de hoogte opnieuw in de mobiele editor. Gebruik de speciale Wix-code: Wix kan de buitenste hoogte niet automatisch aanpassen en 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

Plaats de code in de <body> van uw pagina. Verander de src, widget-ID of het scriptadres niet. Het iframe houdt een veilige vaste hoogte wanneer automatisch aanpassen door een beveiligingsregel wordt geblokkeerd.

Controleren

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 dienst, medewerker, datum en tijd kiezen.
  4. U kunt een testboeking voltooien en ontvangt de verwachte bevestiging.

Een leeg vlak betekent meestal dat uw website een deel van de code heeft verwijderd of het Apricint-domein blokkeert met een Content Security Policy. Controleer of de volledige HTTPS-code is opgeslagen. Gebruik de openbare boekingslink als tijdelijke oplossing.