> ## 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). # πŸ“… Hoe afspraak boeken diensten instellen > ℹ️ **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. Wil klanten boeken afspraken, lessen, verhuur, of sessies rechtstreeks van uw Shopify Winkel? πŸ—“οΈ Dat is precies wat **Hoppy Appointments** is ontworpen voor. Met Hoppy Appointments, je kunt elke Shopify product in een boekbare dienst, zoals: * πŸ’‡ Afspraken salon & spa * πŸŽ“ Klassen & workshops * 🏨 Verblijft en verhuurt * 🎾 Coachingsessies en overleg * πŸ“¦ Multisessiepakketten Eenmaal opgezet, klanten zien een **Boek nu** knop op uw product pagina. Ze kiezen een datum en tijd uit een schone kalender popup, beantwoorden uw boeking vragen, en bevestigen ✨ Betaalde boekingen worden veilig verwerkt via uw reguliere Shopify Checkout, terwijl gratis boekingen direct worden bevestigd. Deze gids voert u door de complete setup, stap voor stap πŸ‘‡ --- # **⚠️ Voordat u begint** Alvorens uw eerste service te maken, zorg ervoor: * De **Hoppy Appointments** app is geΓ―nstalleerd op uw Shopify opslag * Je hebt een **Shopify product** klaar voor de service die u wilt aanbieden β†’ De prijs van het product wordt de boekingsprijs * Je weet ongeveer welke **dagen en tijden** u wilt accepteren boekingen πŸ’‘ Gewoon verkennen? De eerste keer dat u de app opent, een geleide setup biedt om een **monsterdienst** voor u, zodat u kunt zien hoe alles werkt voordat het verbinden van een echt product. ℹ️ De begeleide onboarding verschijnt automatisch voor nieuwe winkels en dekt dezelfde stappen die in deze gids worden uitgelegd. --- # **βœ… InitiΓ«le stap inschakelen van de app Embed** Om de Book Now-knop en de boekingskalender op uw storefront te laten verschijnen, moet de app insluiten worden ingeschakeld in uw Shopify thema. Ga naar: **Shopify Admin β†’ Online Store β†’ Thema's β†’ Aanpassen β†’ App Inbedden** Dan: * Zoeken**Afspraakboekingen**Wat? * Schakel het IN * Klik **Opslaan** ⚠️ Belangrijk: Het opslaan van uw service alleen maakt het niet zichtbaar op de storefront. De app moet worden ingeschakeld om het boekingswidget te laten verschijnen. --- # **βš™οΈ Stap 1 Maak een nieuwe dienst aan** Open de **Hoppy Appointments** app van uw Shopify Admin. Je zult landen op de **Mijn diensten** pagina, waar al uw boekingsdiensten worden vermeld. Dan: β†’ Klik **Nieuwe dienst** β†’ Kies het servicetype dat overeenkomt met wat u aanbiedt: --- ## **πŸ“… Regelmatig boekenEen keer sleuf op een enkele dag.** Perfect voor afzonderlijke afspraken zoals consulten, lessen, of salon bezoeken. ### **Voorbeeld** Een 30 minuten durende kapper afspraak op dinsdag om 14:00 uur. --- ## **πŸŒ™ Multiday BookingBookings die meerdere dagen duren.** Perfect voor verblijven en verhuur die meerdere dagen duren, zoals hotels of verhuur van apparatuur. ### **Voorbeeld** Een cameraverhuur geboekt van de 10e tot de 14e. --- ## **πŸ“¦ Bundle BookingsEen pakket van meerdere afspraken.** Perfect voor pakketten van meerdere sessies, zoals klaspakketten of lidmaatschapscredits. ### **Voorbeeld** Een Yoga-pakket van 10 jaar waarin klanten elke sessie één voor één boeken. --- Eenmaal geselecteerd, opent de service setup pagina automatisch. ℹ️ Maak je geen zorgen over de betalingen nog niet Shopify checkout of gratis aangeboden. U kiest dit later in de **Betaling** tab. --- # **πŸ›οΈ Stap 2 Verbind uw Shopify Product** Elke reservering dienst begint met een Shopify product. Binnen de **Algemeen** tab, open de **Boeking** kaart: β†’ Klik **Selecteer product** en kies het product dat u wilt dat klanten boeken. Dit product controleert: * πŸ’° De reservering prijs klanten betalen bij de kassa * πŸ–ΌοΈ De afbeelding op de boekingspagina * 🏷️ De standaarddiensttitel, automatisch ingevuld uit de producttitel ⚠️ Belangrijk: Een dienst heeft minstens één product nodig om er naar te linken. Als het product een variant heeft, dan moet koppelen aan een van de varianten. Eenmaal geselecteerd, kunt u het op elk moment ruilen met behulp van **Verschil**, of verwijder het met **Reset**. --- ## **🏷️ Reserveringspaginadetails** Net onder, de **Boekingspagina** kaart controleert wat klanten zien tijdens het boeken: * **Titel** β†’ De naam klanten zien bij het boeken van deze service * **Omschrijving** β†’ Een korte uitleg van wat klanten kunnen verwachten ### **Voorbeeldtitel:** Diepe massage 60 minuten **Beschrijving:** Een ontspannende massage met onze senior therapeut. Aankomst 10 minuten te vroeg. πŸ’‘ Er is ook een **Google/Outlook-evenement - Titel** veld. Dit bepaalt hoe de gebeurtenis verschijnt op verbonden agenda's. De variabelen `{{service_name}}` en `{{product_name}}` worden automatisch vervangen --- ## **πŸ”€ Duur tot Variant Mapping** ℹ️ Deze kaart verschijnt alleen wanneer uw product **meerdere varianten** AND uw service aanbiedingen **meerdere looptijden**. Hiermee kunt u elke duur verbinden met een specifieke productvariant, zodat elke duur zijn eigen prijs kan hebben. ### **Voorbeeld** * 30 minuten β†’ * 60 minuten β†’ Als uw product heeft slechts een enkele variant, alle duur simpelweg gebruik maken van die πŸ‘ --- # **πŸ“ Stap 3 Kies een ontmoetingslocatie** De **Vergaderlocatie** instelling vertelt klanten waar de afspraak plaatsvindt. U kunt kiezen uit: * **Geen** β†’ Er wordt geen locatie gedeeld * **Google Meet / Zoom / MS Teams** β†’ Online videovergaderingen * **Telefoongesprek** β†’ Een telefoonnummer delen * **In persoon / op locatie** β†’ Een fysiek adres delen * **Aangepast** β†’ Deel een aangepaste tekst of link De locatie wordt gedeeld met klanten binnen hun **bevestigingsmail** en **agenda nodigen**Ze weten altijd precies waar ze heen moeten. πŸ“¬ --- ## **πŸ”— Locatiegegevens (conditioneel veld)** Afhankelijk van uw selectie verschijnt automatisch een extra veld: * **Google Meet / Zoom / Aangepast** β†’ Plak je bijeenkomstlink * **Telefoongesprek** β†’ Voer het telefoonnummer in * **In persoon / op locatie** β†’ Zoek en kies het adres met behulp van het ingebouwde adres automatisch aanvullen πŸ’‘ Gebruik **Google Meet**, **Zoomen**, of **MS-teams**? Zodra de bijpassende kalender is verbonden in de **Team** sectie, een unieke meeting link wordt automatisch gegenereerd voor elke boeking en geen handmatige koppeling nodig. Zie **Integraties** documentatie voor verbindingsstappen. --- ## **🎫 Ticket QR-code verzenden** ℹ️ Dit selectievakje verschijnt alleen voor **In persoon** of **Plaats** diensten. Schakel het in om een scannable QR-ticket in de bevestigingsmail op te nemen, geweldig voor snelle inchecken bij evenementen, klassen of locaties βœ… --- # **πŸ“ Stap 4 Aanpassen van het boekingsformulier** Het boekingsformulier is wat klanten invullen na het kiezen van hun tijdslot. Standaard vraagt elk formulier om: * **Voornaam** (nodig) * **Achternaam** * **E-mail** (nodig) Deze drie zijn altijd inbegrepen, dus je verliest nooit uit het oog wie geboekt πŸ™Œ Om meer details te verzamelen: β†’ Klik **Een vraag toevoegen** U kunt velden toevoegen zoals: * Korte of meerregelige tekst * Telefoonnummer * Dropdowns, radioknoppen, selectievakjes of meerdere selectielijsten * Datum, tijd, nummer, rating, koppeling of zelfs bestandsuploads Elke vraag kan worden gemarkeerd als **vereist**, opnieuw besteld door drag-and-drop, en bewerkt op elk moment. ### **Voorbeeld** * Waar wil je je tijdens de sessie op richten? * Hoe heb je over ons gehoord? πŸ’‘ Houd het formulier kort. Minder vragen betekent meestal meer voltooide boekingen. --- ## **πŸ”˜ Facultatief Floating Action-knop** Wilt klanten om deze service te boeken van **elke pagina** van uw winkel en niet alleen de productpagina? Schakel het **Drijvende actieknop** om een zwevend weer te geven **Boek nu** Knoop over je storefront. Eenmaal ingeschakeld, kunt u aanpassen: * **Knoptekst** (onderstaand: Boek nu) * **Positie** β†’ Rechtsonder, linksonder of middenonder * **Achtergrond & tekstkleuren** voor uw merk Dit is vooral handig voor high-demand diensten die u wilt promoten storewide πŸš€ --- # **πŸ•’ Stap 5 Stel uw beschikbaarheid in** Nu naar de **Beschikbaarheid** Dit is waar je precies bepaalt wanneer klanten kunnen boeken. --- ## **πŸ‘€ Voor wie is deze beschikbaarheid?** Kies eerst hoe beschikbaarheid moet werken: * **Beschikbaarheid per dienst** β†’ Het beste voor één persoon. Het onderstaande schema is van toepassing op de hele dienst. * **Beschikbaarheid per teamgenoot** β†’ Beste voor teams van 2 Boekingen worden gecontroleerd op uw teamleden. Wanneer **per teammaat** is geselecteerd, een **Teamgenoten toewijzen aan deze dienst** optie verschijnt zodat u kunt kiezen welke teamleden deze service aanbieden. ℹ️ Teamleden en hun individuele schema's worden afzonderlijk beheerd in de **Team** Section. Zie **Teamleden** documentatie voor details. --- ## **πŸ“† Wekelijkse uren of specifieke data** Je kunt je schema op twee manieren opbouwen: ### **Stel uw beschikbaarheid van weekdagen in (standaard)** Een terugkerende wekelijkse agenda. * Elke dag AAN of UIT schakelen * Instellen **begin- en eindtijden** voor elke werkdag * Voeg toe **meerdere tijdsintervallen** per dag **+** knop β†’ b.v. 9:00 * Gebruik de **pictogram kopiΓ«ren** om snel een dag te kopiΓ«ren ### **Uw datumbereik-beschikbaarheid instellen** β†’ Klik **of selecteer specifieke data** om te wisselen. Perfect voor seizoensschema's, pop-up evenementen, of beperkte tijd diensten die alleen lopen tussen specifieke data. πŸ’‘ Voor **Regelmatig** diensten, kunt u ook inschakelen **Beschikbaarheid tonen op tijd van de dag** om slots in de ochtend, middag en avond te groeperen, waardoor de agenda gemakkelijker voor klanten om te scannen. --- ## **Slotinstellingen voor duur** Deze instellingen bepalen hoe tijdslots worden gegenereerd voor klanten: * **Duur** β†’ Hoe lang elke afspraak duurt (15 minuten tot 4 uur, of maak een **Aangepast** duur) * **Meerdere duur toestaan** β†’ Laat klanten kiezen tussen verschillende lengtes, bijvoorbeeld 30 of 60 minuten * **Reserveringsinterval** β†’ De kloof tussen boekbare starttijden β†’ Bijvoorbeeld een service van 60 minuten met een interval van 30 minuten biedt slots om 9:00, 9:30, 10:00... * **Buffertijd** β†’ Vrije tijd automatisch geblokkeerd tussen afspraken, zodat u altijd een adempauze β˜• ⚠️ Duur, boekingsinterval en buffertijd worden niet gebruikt voor **Meerdaagse** diensten, aangezien die boekingen over volledige dagen. --- ## **Boekingsregels** * **Minimumregeling** β†’ Voorkomt last-minute boekingen β†’ bijvoorbeeld vereisen ten minste 4 uur van kennisgeving voordat een slot kan worden geboekt * **Kijk vooruit** β†’ Bepaalt hoe ver van tevoren klanten kunnen boeken β†’ bijv. alleen boekingen tot 30 dagen vooruit toestaan Deze twee instellingen beschermen uw agenda tegen verrassingsboekingen en houden uw schema voorspelbaar πŸ›‘οΈ ℹ️ **Kijk vooruit** wordt niet **Bundel** diensten, aangezien klanten boeken hun pakket sessies onderweg. --- ## **β˜• Breektijden & 🚫 Geblokkeerde data** Moet je de tijd blokkeren? * **Pauzes** β†’ Dagelijks terugkerende blokken, zoals lunch elke dag tussen 13.00 uur * **Geblokkeerde data** β†’ Specifieke data die helemaal niet kunnen worden geboekt perfect voor vakanties, vakanties of vrije dagen --- ## **🌍 Tijdzone- en uurformaat** * **Tijdzone** β†’ De tijdzone waarop uw beschikbaarheid is gebaseerd * **Tijdzoneselectie tonen** β†’ Laat klanten slots bekijken in hun eigen tijdzone * **Tijdzone vergrendelen** β†’ Dwingt alle klanten om tijden te zien in uw tijdzone * **24h formaat** & **Uuropmaakselectie tonen** β†’ Bepaalt hoe de tijden worden weergegeven πŸ’‘ Voor lokale, persoonlijke diensten, **Tijdzone vergrendelen** voorkomt verwarrende tijdconversies voor reizende klanten. --- ## **πŸ”’ Boekingslimieten** * **Maximum reserveringen per dag** β†’ Cap hoeveel afspraken kunnen worden geboekt in een enkele dag * **Maximale boekingen per tijdslot** β†’ Laat meerdere klanten om dezelfde sleuf te boeken perfect voor **Groepsklassen** 🧘 ### **Voorbeeld** Een yoga klas met **5 spots per tijdslot** laat 5 verschillende klanten dinsdag om 9:00 uur boeken. ℹ️ De beschikbare limieten variΓ«ren enigszins afhankelijk van uw servicetype. --- # **πŸ“¦ Extra instellingen voor Meerdaagse & bundeldiensten** Sommige instellingen verschijnen alleen voor specifieke servicetypes. Hier is wat te zoeken πŸ‘‡ --- ## **πŸŒ™ Meerdaagse diensten** Binnen de **Algemeen** de **Meerdaagse instellingen** kaart verschijnt: * **Is het een dag of nacht boeking?** * **Dagboeking** β†’ De 10e tot de 11e telt als **2 dagen** * **Nacht boeken** β†’ De 10e tot de 11e telt als **1 nacht** Geweldig voor hotels & verblijven 🏨 * **Vaste hoeveelheid** β†’ Indien ingeschakeld is de prijs **niet vermenigvuldigd** aantal dagen of nachten Binnen de **Beschikbaarheid** tab: * **Minimum / Maximaal te boeken dagen** β†’ Controle van de kortste en langste verblijf klanten kunnen boeken * **Beschikbare uren** β†’ Inchecken / uitchecken stijl tijden --- ## **πŸ“¦ Bundeldiensten** Binnen de **Beschikbaarheid** tab, kies **hoeveel tijd slots klanten kunnen selecteren**: * **Vast aantal slots** β†’ bv. precies 5 sessies per verpakking * **Bereik van slots** β†’ Zo kiezen klanten tussen 3 en 10 sessies Binnen de **Algemeen** de **Bundelinstellingen** kaartaanbiedingen: * **Vaste hoeveelheid** β†’ Indien ingeschakeld is de prijs **niet vermenigvuldigd** door het aantal geselecteerde sessies --- # **πŸ’³ Stap 6** Verplaats naar de **Betaling** tabblad om te bepalen hoe klanten betalen en hoe boekingen worden bevestigd. --- ## **πŸ’° Soort betaling** * **Betalen aan Boek** β†’ Betaling is vereist om de boeking te voltooien. Klanten betalen via uw reguliere Shopify checkout veilig en vertrouwd πŸ›’ * **Boek zonder loon** β†’ Boekingen worden onmiddellijk bevestigd zonder betaling. Ideaal voor gratis diensten, ontdekkingsgesprekken of persoonlijk betalen. ℹ️ U kunt schakelen tussen de twee op elk moment en niets anders over uw service wijzigingen. --- ## **βœ… Een boeking bevestigen/declineeren** * **Automatische boekingen accepteren** β†’ Nieuwe boekingen worden direct bevestigd * **Nieuwe boekingen niet automatisch accepteren** β†’ U beoordeelt en bevestigt handmatig elke boeking eerst ⚠️ Belangrijk: Met handmatige bevestiging moet elke boeking worden geaccepteerd **binnen 24 uur**, of het wordt automatisch geweigerd. Zorg ervoor dat iemand in je team een oogje houdt op nieuwe verzoeken πŸ‘€ --- ## **Wachtlijst** Wanneer uw agenda vult, het inschakelen van de **Wachtlijst** laat klanten zich aansluiten bij een wachtlijst in plaats van met lege handen te vertrekken. * **Wachtlijst tonen wanneer een slot volgeboekt is** β†’ De wachtlijst optie verschijnt alleen op slots die al vol zijn ℹ️ Wachtlijstverzoeken hebben uw beoordeling nodig en worden pas bevestigd (en in rekening gebracht) nadat u ze goedkeurt. De wachtlijst is niet beschikbaar voor **Bundel** diensten. --- ## **πŸ’Έ Gedeeltelijke betalingen** ℹ️ Deze kaart verschijnt alleen wanneer **Betalen aan Boek** is geselecteerd. Inschakelen **Gedeeltelijke betalingen** om klanten hun plek te laten beveiligen met een **deposito** In plaats van het volledige bedrag vooruit te betalen. U kunt instellen: * **Percentage of vast bedrag** β†’ bv. 30% nu, of $20 nu * **Gedeeltelijke betalingsmethode** β†’ **Verkoopplannen (aanbevolen)** slaat de betalingsmethode van de klant op zodat u het saldo later kunt innen; **Ontwerp-beschikking** stuurt in plaats daarvan een handmatige factuur * **Geef de optie om volledig of alleen de storting te betalen** β†’ Klanten kiezen voor zichzelf tijdens het boeken Deposito's zijn een geweldige manier om no-shows te verminderen terwijl het houden van boekingen toegankelijk πŸ’‘ πŸ’‘ Als u de betaling volledig of alleen de aanbetalingsoptie inschakelen, zorg ervoor dat uw boekingsformulier bevat ten minste één aangepaste vraag . . de optie wordt weergegeven in het boekingsformulier. --- # **πŸ”§ Stap 7: Evaluatie van geavanceerde opties (facultatief)** De **Geavanceerd** tabblad bevat een paar optionele instellingen die de moeite waard zijn om te weten over tijdens de installatie: * **Reserveringsvoorwaarden** β†’ Voeg een algemene voorwaarden aan het boekingsformulier toe. Markeer het **Verplicht** om klanten te verplichten te accepteren alvorens te bevestigen. * **Redirect na boeking** β†’ _(Boek zonder betaling)_ Stuur klanten naar een aangepaste pagina * **E-mail aanpassen** β†’ Voeg een aangepast bericht toe aan deze dienst bevestiging e-mail, en kies of klanten zien **Annuleren** en **Herschikken** knoppen in hun e-mails. * **Minimale herschikking / annuleringsbericht** β†’ Voorkom last-minute wijzigingen door voorafgaande kennisgeving, bijvoorbeeld 24 uur. πŸ’‘ E-mail templates zelf worden beheerd wereldwijd onder **Instellingen β†’ E-mailinstellingen**. Zie de **E-mailinstellingen** documentatie voor details. De **Geavanceerd** tabblad bevat ook vertaling overrides voor de boeking widget **Vertalingen** documentatie als uw winkel in meerdere talen verkoopt 🌍 --- # **🎨 En het ontwerptabblad?** De **Ontwerp** tabblad in de service bepaalt hoe de boekingskalender, succespagina, nieuwe datum pagina, en annuleren pagina look. Standaard volgt uw service automatisch uw winkel **globale ontwerpinstellingen** Dus het past bij uw merk met nul extra werk ✨ Deze dienst individueel aanpassen: β†’ Inschakelen **Standaardthema-instellingen niet volgen** om per dienst lettertypen, kleuren, logo's en aangepaste CSS te ontgrendelen. Voor een volledige doorloop, zie de **Ontwerp & styling** documentatie. --- # **βœ… Stap 8: Opslaan en publiceren** Zodra alles er goed uitziet: **1\. Sla de service op** Klik **Opslaan** in de bar onderaan de pagina. Je zult een **Dienst aangemaakt** bevestiging, en uw dienst is nu **Actief** βœ… **2\. Controleer de status van de app insluiten** Indien de **Afspraakboekingen** app embed is nog niet ingeschakeld, een banner verschijnt met een **App invoegen inschakelen** snelkoppeling die je rechtstreeks naar je thema-editor brengt. **3\. Preview uw service** Open de live product pagina op uw storefront om de boeking flow precies zoals uw klanten zullen ervaren πŸ‘€ πŸ’‘ Het voorbeeld in de setup pagina is bij benadering --- ## **πŸ› οΈ Uw service later beheren** Van de **Mijn diensten** pagina, gebruik de **Meer** menu op elke dienst om: * **Aan / Uitzetten** β†’ Tijdelijk verbergen van een service uit uw winkel * **Dupliceren** β†’ Kloon een dienst als uitgangspunt voor een nieuwe * **Archief** β†’ Retire services die u niet meer aanbiedt * **Service-ID kopiΓ«ren** β†’ Gebruikt voor handmatige plaatsingen met de **Afspraakagenda** themablok --- # **πŸŽ‰ Eindresultaat** Eenmaal succesvol geconfigureerd: βœ… Uw product pagina toont een **Boek nu** knop in plaats van Toevoegen aan winkelwagen βœ… Klanten halen data & tijd slots van een mooie agenda popup βœ… Betaalde boekingen stromen door uw beveiligde Shopify kassa βœ… Gratis boekingen worden direct bevestigd βœ… Klanten ontvangen automatische bevestigingsmails met alle details βœ… Uw agenda blijft beschermd met buffers, pauzes en boekingsregels βœ… Uw winkel biedt een professionele boeking ervaring die zelf draait ✨ Met uw afspraak boeking dienst live, klanten kunnen bij u te boeken 24/7 πŸš€ ---