ℹ️ 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:

• ZoekenAfspraakboekingenWat?
• 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 nodigenZe 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 🚀

Bijgewerkt op: 10/09/2026