Mijn boekingspagina vormgeven
Je boekingspagina is de openbare pagina van je studio op jouw-naam.bookicorn.net. Daar zien klanten je aanbod en boeken ze. Opbouw en uiterlijk van de pagina bewerk je in de Bookicorn Manager onder Mijn boekingspagina. Wat de afzonderlijke bouwstenen kunnen, staat op de pagina Bouwstenen van de boekingspagina.
Mijn boekingspagina openen in de Manager
De boekingspagina bewerk je onder Manager → Instellingen → Mijn boekingspagina, direct op app.bookicorn.net/buchungsseite. Alleen admins kunnen de boekingspagina bewerken, trainers zien daar “Geen toegang tot dit gedeelte”.
Op de computer staat rechtsboven in de Manager bovendien een knop met de status van je pagina (“Live” of “Niet openbaar”). Die opent een menu met Mijn boekingspagina, Pagina openen en URL kopiëren.
De boekingspagina bewerken op de computer
Op de computer en in brede browservensters toont de Manager de echte boekingspagina met links daarnaast een balk met twee tabbladen:
- Widgetbibliotheek: alle bouwstenen, gesorteerd per onderdeel, met het zoekveld “Widget zoeken...”. Een klik voegt de bouwsteen aan het einde van de pagina toe. Je kunt hem ook naar de gewenste plek op de pagina slepen.
- Design: designthema, kleuren, header en footer, logo, lettertype en meer.
Klik je op de pagina op een bouwsteen, dan openen daarnaast de Widget-instellingen. Een klik op de header of footer van de pagina springt direct naar de passende instellingen onder Design.
Bij elke rij van de pagina staan kleine hulpmiddelen: Omhoog, Omlaag, Kolommen, Widget-instellingen, Dupliceren en Verwijderen. Via Kolommen verdeel je een rij in meerdere kolommen, bijvoorbeeld “2 gelijk” of “2/3 + 1/3”.
De balk boven de pagina bevat:
- Computer, Tablet en Telefoon: tonen de pagina in de breedte van het apparaat.
- het maan- of zonsymbool: schakelt de voorvertoning tussen licht en donker.
- Voorbeeld: opent je boekingspagina in een nieuw venster.
- de knop met de status van de pagina (“Live” of “Niet openbaar”).
- Opslaan.
Een gekleurde stip naast de titel laat zien dat er wijzigingen nog niet zijn opgeslagen.
De boekingspagina bewerken op je telefoon
Op je telefoon en in smalle browservensters toont Mijn boekingspagina de bouwstenen als lijst in plaats van als pagina:
- Met de greep links (drie streepjes) houd je een bouwsteen ingedrukt en sleep je die naar een andere plek.
- Tik je op de naam, dan openen de Widget-instellingen.
- Het rode minteken rechts verwijdert de bouwsteen na een bevestigingsvraag.
- Widget toevoegen opent de Widgetbibliotheek.
Daaronder staan Inhoud, de Zichtbaarheid van jouw boekingspagina en Kleuren. Kleuren opent het onderdeel Design. Bovenaan staan Voorbeeld, de knop met de status van de pagina (“Live” of “Niet openbaar”) en Opslaan.
Kolommen stel je in op de computer. Staan bouwstenen in een rij naast elkaar, dan toont de lijst op je telefoon daaronder bijvoorbeeld “2 naast elkaar op de computer”.
Wijzigingen aan de boekingspagina opslaan en publiceren
Opslaan publiceert je wijzigingen meteen. Er is geen tweede stap: na het opslaan verschijnt “Pagina gepubliceerd”, en bezoekers zien de nieuwe stand. Dat geldt voor bouwstenen, volgorde, designthema, kleuren, logo en lettertype.
Sommige instellingen gelden meteen, zonder dat je hoeft op te slaan: de weergave-opties in de header, de footer, het punt Privacy en de weergave-opties bij afzonderlijke bouwstenen. Daar staat “Deze instelling geldt voor de hele boekingspagina, niet alleen voor dit widget.”
Of klanten je pagina überhaupt zien, hangt niet af van het opslaan, maar van de zichtbaarheid (Live of Niet openbaar).
Volgorde van de bouwstenen op de boekingspagina wijzigen
De volgorde van de bouwstenen op je boekingspagina wijzig je onder Manager → Instellingen → Mijn boekingspagina:
- Op je telefoon: bouwsteen aan de greep links ingedrukt houden en naar de nieuwe plek slepen (“Houd ingedrukt en sleep om te sorteren.”).
- Op de computer: bij de rij op Omhoog of Omlaag klikken.
Daarna Opslaan.
Volgorde van het aanbod op de boekingspagina wijzigen
De volgorde van het aanbod in de bouwsteen Aanbod-raster stel je in via de widgetinstellingen ervan onder Sortering:
- Datum oplopend (standaard): het aanbod met de eerstvolgende afspraak eerst.
- Datum aflopend
- Naam (A-Z)
- Populairste eerst: op basis van het aantal boekingen.
Bezoekers kunnen de sortering boven de lijst zelf wijzigen en naar aanbod zoeken. Een vrij bepaalde, handmatige volgorde van afzonderlijk aanbod is er niet.
Wil je bepaald aanbod apart tonen, gebruik dan meerdere aanbodbouwstenen met Filteren op categorie, Filteren op persoon of Filteren op aanbod. Elke bouwsteen toont dan alleen het gekozen aanbod.
Designthema van de boekingspagina kiezen
Het designthema is het sjabloon voor uiterlijk en opbouw van je boekingspagina. Je kiest het onder Mijn boekingspagina → Design → Designthema. Er zijn zeven thema's:
| Thema | Beschrijving in de Manager |
|---|---|
| Standaard | Heldere structuur, veel witruimte, rustige typografie. |
| Aura | Zachte schreefletters, veel lucht, zachte rondingen. |
| Volt | Krachtige split-layout, grote typografie, energiek. |
| Pop | Speels en rond, grote kaarten, veel beweging. |
| Brut | Ruw en monospace, harde randen, maximaal contrast. |
| Atrium | Gestructureerd en serieus, redactionele hiërarchie. |
| Atelier | Editoriaal en minimalistisch, elegante typografie. |
Let op bij het wisselen: het nieuwe thema vervangt de opbouw van je pagina door zijn standaardlayout en neemt zijn lettertypen over. Kleuren, logo en header blijven behouden. Daarom vraagt de Manager eerst om bevestiging (“Designthema wijzigen?”).
Kleuren van de boekingspagina wijzigen
De kleuren van je boekingspagina wijzig je onder Mijn boekingspagina → Design → Kleuren. Zonder eigen kleuren geldt het kleurenpalet van het designthema. Zet Eigen kleuren aan, dan kun je apart voor Licht en Donker deze kleuren instellen:
| Kleur | Werkt op |
|---|---|
| Primaire kleur | Accenten, actieve elementen en prijzen |
| Knoppen | Knoppen. De tekstkleur erop wordt automatisch leesbaar gekozen |
| Accent | Badges, markeringen en kalenderselectie |
| Achtergrond | Paginaachtergrond en invoervelden |
| Oppervlak | Kaarten en tegels |
| Rand | Lijnen en randen van kaarten |
| Koppen | Alleen koppen, los van de tekst |
| Tekst | Tekst en koppen |
| Sec. tekst | Details zoals datum en duur |
| Footer-vlak | Vlak van de footer |
| Footer-tekst | Tekst in de footer. Leeg = automatisch leesbaar |
Stel je een eigen primaire kleur in, maar geen knopkleur, dan nemen de knoppen de primaire kleur over. Na het wijzigen Opslaan.
De kleur van een afzonderlijk aanbod (voor de kaart ervan, als het geen afbeelding heeft) stel je in bij het aanbod: Aanbod → aanbod → Bewerken → Voor klanten → Presentatie → Kleur.
Kleur van het proefaanbod op de boekingspagina wijzigen
De bouwsteen Proefaanbod heeft een gekleurd vlak met een kleurverloop. Dit verloop hoort bij het designthema. Met Eigen kleuren wijzig je het niet, het verandert alleen als je een ander designthema kiest.
Andere delen van de bouwsteen volgen je eigen kleuren:
- De knop “Proefaanbod bemachtigen” heeft de kleur Tekst, de tekst erop de kleur Achtergrond.
- De prijzen van andere proefaanbiedingen staan in de Primaire kleur.
Licht- en donkermodus van de boekingspagina
Onder Mijn boekingspagina → Design staan helemaal bovenaan twee instellingen voor de weergave:
- Schakelaar voor bezoekers: toont op je boekingspagina een schakelaar waarmee bezoekers zelf tussen licht en donker wisselen.
- Modus bij eerste bezoek: Licht of Donker.
Het maan- of zonsymbool in de balk boven de editor verandert alleen de voorvertoning in de Manager, niet je pagina.
Header van de boekingspagina: logogrootte en menu
Onder Mijn boekingspagina → Design → Header kies je de Header-variant:
- Minimaal: alleen logo en licht-donkerschakelaar.
- Met navigatie: logo en links naar de onderdelen van de pagina.
- Met snelboeken: logo, navigatie en een boekknop.
Daaronder staan de Weergave-opties: Logogrootte (Klein, Middel, Groot, Zeer groot), Menubalk tonen, Positie van het menu en bij “Met snelboeken” daarnaast Boekknop op mobiel. Deze weergave-opties gelden meteen.
Logo en favicon van de boekingspagina
Het logo in de kop van je boekingspagina komt in de eerste plaats uit Instellingen → Algemeen (Logo uploaden). Onder Mijn boekingspagina → Design → Logo & favicon kun je nog een logo en een favicon instellen. Het logo daar werkt echter alleen zolang er onder Algemeen geen logo is ingesteld. De Manager toont dan de melding daarover en de link Algemeen logo beheren.
Bij de favicon (het kleine pictogram in het browsertabblad) telt eerst de favicon onder Logo & favicon, dan die onder Algemeen, en als laatste het logo. Hoe groot afbeeldingen mogen zijn, staat in Afbeeldingen uploaden.
Footer van de boekingspagina: contactgegevens
Onder Mijn boekingspagina → Design → Footer vul je Instagram, E-mail, Telefoon en Website in. Deze gegevens verschijnen in de footer van je boekingspagina en in de bouwsteen Contact. Ze gelden meteen.
Laat je e-mail, telefoon of website hier leeg, dan neemt de boekingspagina de gegevens uit Instellingen → Algemeen → Contactinformatie.
Lettertype en details van de boekingspagina
Onder Mijn boekingspagina → Design → Lettertype & geavanceerd kies je het Kopregel-font en het Doorlopende-tekst-font uit een vaste lijst. Daaronder staan de Geavanceerde aanpassingen: Hoekafronding, Dichtheid, Schaduw, Sectie-afstand, Paginabreedte, Randdikte en Eyebrow-labels (de kleine kopjes boven de secties). Ze werken op alle bouwstenen tegelijk.
Trainers op de boekingspagina alleen met voornaam tonen
Onder Mijn boekingspagina → Design → Privacy zet je Alleen voornaam tonen aan. Dan verschijnen je trainers op de boekingspagina alleen met hun voornaam, bijvoorbeeld “Mia” in plaats van “Mia Schneider”. De instelling geldt meteen voor de hele pagina.
Inhoud van de boekingspagina: galerij, vragen, teksten, voorzieningen
Sommige bouwstenen tonen inhoud die je centraal beheert. Je vindt die onder Mijn boekingspagina → Inhoud of in de widgetinstellingen van de passende bouwsteen:
- Galerij: maximaal twaalf afbeeldingen. Elke afbeelding heeft een titel, beschrijving, alt-tekst en de schakelaar Als hoofdafbeelding tonen.
- Veelgestelde vragen: eigen vragen en vooraf ingestelde vragen.
- Teksten: Introductie (tot 200 tekens), Over ons (tot 1500 tekens) en Route (tot 800 tekens).
- Voorzieningen: uitrusting en voorzieningen om aan te vinken, plus eigen items.
Afbeeldingen met Als hoofdafbeelding tonen verschijnen niet in de bouwsteen Galerij, maar in de bouwsteen Hero, zolang je daar geen eigen slides hebt ingevuld. Nieuw geüploade galerijafbeeldingen zijn eerst gemarkeerd als hoofdafbeelding. Moet een afbeelding in de galerij verschijnen, open die dan en zet Als hoofdafbeelding tonen uit.
Boekingspagina terugzetten naar standaard
Onder Mijn boekingspagina → Design staat helemaal onderaan Terugzetten. Dat zet de pagina terug naar de standaard van het huidige designthema: bouwstenen, kleuren, lettertypen, header-variant, licht-donkerinstellingen en logo en favicon onder Logo & favicon. De Manager vraagt eerst om bevestiging. Pas met Opslaan wordt de teruggezette stand gepubliceerd. Je logo onder Instellingen → Algemeen blijft onaangeroerd.
Boekingspagina openbaar zetten: Live of Niet openbaar
Of bezoekers je boekingspagina zien, stel je in op een van drie plekken. Alle drie wijzigen dezelfde instelling:
- Mijn boekingspagina → Zichtbaarheid van jouw boekingspagina: Live (“Voor iedereen zichtbaar”) of Niet openbaar (“Alleen jouw team”).
- Op de computer de knop met de status rechtsboven in de Manager of in de balk boven de editor.
- Instellingen → Algemeen → Openbare pagina → Studiopagina online/offline.
Op Live gaat de pagina meteen online. Wissel je van Live naar Niet openbaar, dan vraagt de Manager om bevestiging (“Boekingspagina deactiveren?”). Een pagina die niet openbaar is, geven we niet vrij voor zoekmachines.
Waarom de boekingspagina “Hier komt iets nieuws” toont
Staat je boekingspagina op Niet openbaar, dan zien bezoekers in plaats van je pagina alleen “Hier komt iets nieuws” en “De boekingspagina van … is binnenkort beschikbaar.” Dat is de enige oorzaak: de pagina verschijnt zodra de zichtbaarheid op Live staat.
Zo los je dat op:
- Open Manager → Instellingen → Mijn boekingspagina.
- Kies onder Zichtbaarheid van jouw boekingspagina de optie Live. Op de computer kan dat ook via de knop “Niet openbaar” rechtsboven.
- Laad je boekingspagina opnieuw in de browser.
Ook het Voorbeeld vanuit de Manager kan “Hier komt iets nieuws” tonen, zolang de pagina niet openbaar is. Het inloggen in de Manager telt daarvoor niet, want de boekingspagina draait op een ander adres.
Opslaan in de editor alleen maakt de pagina niet zichtbaar. Opslaan publiceert de inhoud, de zichtbaarheid stel je apart in.
Adres (URL) van de boekingspagina wijzigen
Het adres van je boekingspagina, bijvoorbeeld yoga-loft.bookicorn.net, leg je bij de registratie vast onder “Jouw adres”. Je ziet het onder Instellingen → Algemeen → Openbare pagina.
In de Manager kun je het adres niet zelf wijzigen. Stuur ons een mail naar hey@bookicorn.net, dan wijzigen wij het voor je. Houd er rekening mee: na een wijziging leiden ingesloten widgets, QR-codes en links in al verstuurde e-mails nergens meer naartoe.
Een helemaal eigen adres zoals boeken.jouw-studio.nl krijg je met de addon Eigen domein, zie Eigen domein.
Studionaam wijzigen
De naam van je studio wijzig je onder Instellingen → Algemeen in het veld Studionaam (bij eigen benamingen staat daar jouw term). De wijziging wordt meteen opgeslagen. Het adres van je boekingspagina verandert daardoor niet.
Boekingspagina delen
Onder Manager → Instellingen staat Boekingspagina delen. Daarmee deel je de link naar je boekingspagina. Op de computer kopieer je de link ook via de knop met de status rechtsboven en URL kopiëren.
Veelgestelde vragen
Ik heb opgeslagen, maar mijn pagina toont “Hier komt iets nieuws”. Opslaan publiceert de inhoud, maar maakt de pagina niet zichtbaar. Zet onder Mijn boekingspagina → Zichtbaarheid van jouw boekingspagina op Live.
Waar bewerk ik de afzonderlijke widgets? Onder Instellingen → Mijn boekingspagina. Op je telefoon tik je op de naam van de bouwsteen, op de computer klik je op de pagina op de bouwsteen. De Widget-instellingen gaan open.
Hoe wijzig ik de kleur van het proefaanbod? Het kleurverloop hoort bij het designthema en verandert alleen met een ander thema. De knop volgt de kleuren Tekst en Achtergrond onder Design → Kleuren → Eigen kleuren.
Kan ik de volgorde van het aanbod zelf bepalen? Niet per afzonderlijk aanbod. In het Aanbod-raster kies je onder Sortering op datum, naam of populariteit. Aparte groepen maak je met meerdere aanbodbouwstenen en filters.
Hoe wijzig ik mijn URL? Dat doen wij voor je, stuur een mail naar hey@bookicorn.net. Links, QR-codes en ingesloten widgets met het oude adres werken daarna niet meer.
Verandert een nieuw designthema mijn inhoud? Het vervangt de opbouw van de pagina door de standaardlayout van het thema. Kleuren, logo en header blijven. Je inhoud zoals galerij, teksten en aanbod blijft ook behouden.