> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🎨 Appointment Bookings — Aanpassingsopties > ℹī¸ **Note:** Dit artikel is automatisch vertaald met behulp van AI en kan onjuistheden bevatten. Als er iets mis is, neem dan contact op met ons ondersteuningsteam. Hoppy Appointments geeft je controle over bijna elk onderdeel van de boekingservaring — van kleuren en lettertypen tot talen, e-mails, vragen en gedrag na de boeking. Sommige aanpassingen gelden voor je hele winkel, terwijl andere per dienst worden ingesteld. Deze handleiding geeft een overzicht van alle aanpassingsgebieden en legt uit waar je elk gebied vindt. Voor gedetailleerde instructies volg je de specifieke help-artikelen die in elk onderdeel zijn gelinkt. --- # **🌍 Globale aanpassingsgebieden** Deze instellingen worden beheerd via **Settings (Instellingen)** en gelden standaard voor je hele winkel. ## **Ontwerp & stijl** Ga naar **Settings → Default Design (Standaardontwerp)** om het standaard uiterlijk van de boekingswidget in te stellen. Je kunt het volgende aanpassen: * Lettertypen en kleuren * Achtergronden, kaarten en tekststijlen * Kleuren van de geselecteerde datum en het tijdslot * Stijlen van de knoppen Bevestigen, Terug en Doorgaan * Stijlen van de succes-, herplannings- en annuleringspagina's * Custom CSS (Aangepaste CSS) Deze standaardinstellingen worden door elke dienst gebruikt, tenzij een dienst ze overschrijft. Zie voor details **Appointment Bookings — Design & Styling Options** en **How to set Custom CSS for Appointment Bookings App**. ## **Vertalingen** Ga naar **Settings → Translations (Vertalingen)** om taal en tekst te beheren. Je kunt het volgende aanpassen: * Standaardtaal * Meertalige ondersteuning * Kalendertekst, formulierlabels, knoptekst en statusberichten * Labels van e-mailblokken * Dienstspecifieke titels, beschrijvingen en labels Zie voor details **Appointment Bookings — Translation**. ## **E-mailmeldingen** Ga naar **Settings → Email Settings (E-mailinstellingen)** om te bepalen hoe e-mails eruitzien en wanneer ze worden verzonden. Je kunt het volgende aanpassen: * Naam van afzender, reply-to-adres en logo * E-mailsjablonen voor bevestigingen, herinneringen, updates en annuleringen * Dynamische variabelen en vooraf gemaakte inhoudsblokken * Welke gebeurtenissen e-mails naar klanten en beheerders triggeren Zie voor details **How to Configure Email Notifications for Appointment Bookings**. ## **Analyse & tracking** Ga naar **Settings → Analytics & Tracking (Analyse en tracking)** om tracking van derden te koppelen. Je kunt het volgende instellen: * Google Analytics 4 * Meta Pixel en Conversions API * Google Tag Manager Zie voor details **Configure Google Analytics 4 Tracking for Appointment Bookings** en **Configure Meta Pixel for Appointment Bookings**. ## **Algemene voorkeuren** Ga naar **Settings → General (Algemeen)** voor standaardinstellingen van kalender en boekingsgedrag. Je kunt het volgende aanpassen: * Eerste dag van de week * Of eindtijden worden getoond * Wereldwijde boekingslimieten per dag of per tijdslot * Geblokkeerde datums en pauzes * Gedrag van terugbetalingen en annuleringen van bestellingen --- # **⚙ī¸ Aanpassingsgebieden per dienst** Deze instellingen worden binnen elke dienst beheerd en laten je individuele boekingservaringen verfijnen. ## **Tabblad General (Algemeen)** * **Booking page title and description (Titel en beschrijving van de boekingspagina)** — wat klanten bovenaan de widget zien * **Meeting location (Vergaderlocatie)** — kies tussen videogesprekken, telefoon, persoonlijk contact of aangepaste locaties * **Custom contact questions (Aangepaste contactvragen)** — voeg extra velden toe aan het boekingsformulier, zoals telefoon, adres, dropdowns, bestandsuploads of beoordelingen * **Floating Action Button (Zwevende actieknop)** — voeg een permanente knop **Book Now (Nu boeken)** toe in je hele winkel Zie voor details **How to Configure Meeting Locations for Appointment Bookings**, **How to setup Floating Action Button like Calendly for Appointment Bookings** en **How to Set Up Appointment Booking Services**. ## **Tabblad Design (Ontwerp)** Gebruik het tabblad **Design (Ontwerp)** om het wereldwijde ontwerp voor deze dienst te overschrijven. * Schakel **Do not Follow Default Theme Settings (Standaardthema-instellingen niet volgen)** in om ontwerpregelaars per dienst te ontgrendelen * Pas kleuren, lettertypen en afbeeldingen aan * Upload een **Custom logo (Aangepast logo)** voor deze dienst * Voeg **Custom CSS (Aangepaste CSS)** toe die alleen voor deze dienst geldt Zie voor details **Appointment Bookings — Design & Styling Options** en **How to set Custom CSS for Appointment Bookings App**. ## **Tabblad Availability (Beschikbaarheid)** * Stel wekelijkse of datumspecifieke openingsuren in * Configureer boekingslimieten per dag of per tijdslot * Wijs teamleden toe en stel hun beschikbaarheid in Zie voor details **How to Set Up Appointment Booking Services** en **Working with Team in Appointment Bookings**. ## **Tabblad Payment (Betaling)** * Kies tussen **Pay to Book (Betalen om te boeken)** en **Book without pay (Boeken zonder betaling)** * Schakel handmatige goedkeuring voor boekingen in * Stel wachtlijstgedrag in * Configureer gedeeltelijke betalingen of aanbetalingen Zie voor details **Appointment Bookings — All Payment Options Explained** en **How to Configure Waitlist for Appointment Bookings**. ## **Tabblad Advanced (Geavanceerd)** * Schakel **Advanced Configuration (Geavanceerde configuratie)** in om vertalingen per dienst te gebruiken * Voeg **Booking Terms (Boekingsvoorwaarden)** toe met een verplicht selectievakje * Stel een **Redirect after booking (Doorverwijzing na boeking)** in voor gratis boekingen * Configureer **Booking options (Boekingsopties)** zoals aangepaste bevestigingsberichten en termijnen voor herplanning/annulering * Schakel een **Trigger Event (Triggergebeurtenis)** in om de boekingsmodal te openen wanneer er wordt geklikt op een banner gemaakt met Hoppy Banner Zie voor details **Appointment Bookings — Advanced Options** en **How Customers Reschedule or Cancel Appointments**. --- # **🔄 Voorrang: globaal vs. per dienst** Sommige instellingen kunnen op beide plekken worden geconfigureerd. Hieronder zie je hoe ze samenwerken. ## **Ontwerp en Custom CSS** Standaard volgt elke dienst het wereldwijde ontwerp van **Settings → Design (Ontwerp)**. Om een aangepast ontwerp voor ÊÊn dienst te gebruiken: 1. Open het tabblad **Design (Ontwerp)** van de dienst 2. Schakel **Do not Follow Default Theme Settings (Standaardthema-instellingen niet volgen)** in 3. Pas kleuren, lettertypen, logo en CSS aan Die dienst negeert dan het wereldwijde ontwerp en gebruikt zijn eigen instellingen. ## **Vertalingen** Standaard gebruiken diensten de wereldwijde kalendervertalingen van **Settings → Translations → Calendar Translations (Kalendervertalingen)**. Om dienstspecifieke vertalingen te gebruiken: 1. Open het tabblad **Advanced (Geavanceerd)** van de dienst 2. Schakel **Advanced Configuration (Geavanceerde configuratie)** in 3. Configureer vertalingen onder **Settings → Translations → Service Translations (Servicevertalingen)** ## **E-mailsjablonen** E-mailsjablonen zijn wereldwijd. Je kunt echter dienstspecifieke inhoud toevoegen met dynamische blokken: * **\\[Custom service text\\]** — haalt het aangepaste boekingsbevestigingsbericht van de dienst op * **\\[Ticket QR Code\\]** — verschijnt als de dienst QR-codetickets heeft ingeschakeld ## **Boekingslimieten** Wereldwijde boekingslimieten in **Settings → General (Algemeen)** kunnen limieten op dienstniveau overschrijven. Er verschijnt een banner in de interface die waarschuwt wanneer dit gebeurt. --- # **✅ Voorgestelde volgorde voor aanpassen** Als je Hoppy Appointments voor de eerste keer instelt, volg dan deze volgorde: 1. **Stel wereldwijde ontwerpstandaarden in** via **Settings → Design (Ontwerp)** 2. **Configureer vertalingen** via **Settings → Translations (Vertalingen)** als je meerdere talen ondersteunt 3. **Stel e-mailmeldingen in** via **Settings → Email Settings (E-mailinstellingen)** 4. **Configureer analytics** via **Settings → Analytics & Tracking (Analyse en tracking)** indien nodig 5. **Maak je diensten aan** en overschrijf het ontwerp alleen waar nodig 6. **Voeg aanpassingen per dienst toe**, zoals contactvragen, vergaderlocaties, FAB en boekingsvoorwaarden 7. **Test de widget in de winkel** en verfijn stijl of vertalingen --- # **⚠ī¸ Belangrijke opmerkingen** * **Begin met wereldwijde instellingen.** Ze besparen tijd en houden je boekingservaring consistent. * **Overschrijf alleen per dienst wanneer nodig.** De meeste verkopers gebruiken per-dienst-ontwerp alleen voor speciale campagnes of merkgebonden diensten. * **Custom logo geldt alleen per dienst.** Er is geen wereldwijde logo-instelling. * **E-mailsjablonen zijn wereldwijd.** Gebruik het blok **Custom service text** om dienstspecifieke inhoud toe te voegen. * **Floating Action Button en Meeting location gelden per dienst.** Configureer ze afzonderlijk voor elke dienst. * **Boekingslimieten kunnen wereldwijd worden overschreven.** Controleer **Settings → General (Algemeen)** als limieten op dienstniveau niet werken zoals verwacht. --- # **📚 Gerelateerde artikelen** * **Appointment Bookings — Design & Styling Options** * **How to set Custom CSS for Appointment Bookings App** * **Appointment Bookings — Translation** * **How to Configure Email Notifications for Appointment Bookings** * **How to Configure Meeting Locations for Appointment Bookings** * **How to setup Floating Action Button like Calendly for Appointment Bookings** * **Appointment Bookings — Advanced Options** * **How Customers Reschedule or Cancel Appointments** * **Appointment Bookings — All Payment Options Explained** * **How to Configure Waitlist for Appointment Bookings** * **Working with Team in Appointment Bookings** * **How to Set Up Appointment Booking Services** * **Configure Google Analytics 4 Tracking for Appointment Bookings** * **Configure Meta Pixel for Appointment Bookings**