Integratie aanmaken en bewerken
Een integratie is een samenstelling van blokken die je op je website insluit. Je bouwt die in de Manager onder Website-integratie. Daarvoor heb je de addon Website-integratie nodig, zie Website-integratie.
Nieuwe integratie aanmaken
- Open Manager → Website-integratie, direct via app.bookicorn.net/integrationen.
- Tik bovenaan op +, op de computer op Nieuwe integratie.
- Vul onder Naam van de integratie een naam in, bijvoorbeeld “Rooster” of “Prijzen”.
- Tik op Opslaan.
Daarna opent de nieuwe integratie om te bewerken. Die is eerst leeg en neemt de vormgeving van je boekingspagina over. Uit de naam ontstaat de ID van de integratie, die in de code staat.
Alleen admins kunnen integraties aanmaken en bewerken.
Het overzicht van de integraties
Onder Website-integratie zie je alle integraties als kaarten. Elke kaart toont of de integratie Actief of Inactief is, hoeveel blokken ze heeft en of ze de boekingspagina volgt (“Volgt boekingspagina”) of een eigen vormgeving heeft.
Tik je op een kaart, dan verschijnt een menu met Bewerken, Code kopiëren, Voorbeeld, Deactiveren (bij inactieve Nu activeren) en Verwijderen.
Boven de kaarten staan onder Algemene instellingen de Standaardinstellingen (kleuren voor alle widgets) en Analytics.
Integratie bewerken op je telefoon
Op je telefoon en in smalle browservensters toont de integratie de blokken als lijst:
- Met de greep links (drie streepjes) sleep je een blok naar een andere plek.
- Tik je op de naam, dan openen de instellingen van het blok.
- Het rode minteken verwijdert het blok.
- Widget toevoegen opent de lijst met alle blokken.
Daaronder staan Kleuren (de vormgeving van de integratie), Code kopiëren, Sjablonen en Afmetingen, helemaal onderaan Opslaan. Rechtsboven opent het oogpictogram het Voorbeeld.
Integratie bewerken op de computer
Op de computer is het scherm in drie delen verdeeld:
- links een balk met de tabbladen Widgetbibliotheek (alle blokken, met zoekfunctie) en Design,
- in het midden Huidige blokken, de lijst met je blokken,
- rechts het voorbeeld van de widget.
Een blok voeg je toe met een klik in de balk, of je sleept het naar de lijst. Bovenaan staan Voorbeeld en Opslaan.
Code kopiëren bereik je op de computer via de kaart van de integratie in het overzicht. Sjablonen en Afmetingen toont de editor op dit moment alleen in de smalle weergave. Maak daarvoor je browservenster smaller of open de integratie op je telefoon.
Integratie opslaan en publiceren
Een integratie is live zodra je die opslaat. Er is geen concept en geen tweede stap: na het Opslaan toont de ingesloten widget op je website de nieuwe stand. Zolang je niet hebt opgeslagen, blijft de oude stand zichtbaar.
Alle blokken van de website-integratie
De blokken zijn verdeeld over zes groepen:
| Groep | Blokken |
|---|---|
| Boeken | Kopblok, Rooster, Cursuskaarten, Volgende afspraken, Vrije plekken |
| Leden | Inlogknop, Mijn boekingen, Ledenstart, Profiel, Portemonnee |
| Prijzen | Pakketten, Abonnementen, Cadeaubonnen, Tegoed |
| Team | Teamoverzicht, Individueel profiel |
| Marketing | Beoordelingen, Openingstijden, Kaart, Veelgestelde vragen, Contact |
| Opbouw | Kop, Tekstblok, Oproep tot actie, Tabbladen, Tussenruimte, Scheidingslijn |
Belangrijk: Abonnementen, Ledenstart, Profiel en Portemonnee staan wel in de lijst, maar tonen in de ingesloten widget op dit moment alleen de melding “Widget … is binnenkort beschikbaar”. Gebruik ze daarom nog niet.
Instellingen van de belangrijkste blokken
Tik op een blok om de instellingen te openen. Veel blokken hebben Titel en Titel tonen.
- Rooster: Weergave (Dag, Week, Maand, Tegels), Tegels per rij, Filter tonen en de filters Filteren op categorie, Filteren op persoon, Filteren op ruimte, Filteren op aanbod.
- Cursuskaarten: Kolommen, Aantal, Afbeelding tonen, Beschrijving tonen, Persoon tonen en de vier filters.
- Volgende afspraken: Aantal, Persoon tonen en de vier filters.
- Vrije plekken: voor aanbod met vrije tijdskeuze, met de addon Resources ook voor resources, per uur of per dag. Kolommen, Indeling, Afbeelding tonen, Beschrijving tonen, Persoon tonen, plus de filters op categorie, persoon en aanbod. In de widget kiezen klanten aanbod, lengte en tijd of periode; geboekt wordt op de aanbodpagina van je studio.
- Kopblok: Titel, Ondertitel, Afbeelding, Knoptekst, Knopbestemming, Hoogte (Smal (alleen titel), Compact, Normaal, Groot), Sluierdekking en Studionaam tonen.
- Pakketten: Indeling, Sorteren op, Maximaal aantal items en Populairste uitlichten.
- Teamoverzicht: Indeling, Maximaal aantal items, Introductie tonen, Specialisaties tonen.
- Individueel profiel: Persoon (een trainer), Cursussen tonen, Cursusweergave, Cursuskolommen, Maximaal aantal cursussen, filters op ruimte en aanbod, Contactlink.
- Beoordelingen: Stijl, Aantal, Minimale beoordeling, Beoordelen toestaan.
- Kaart: Route tonen, Hoogte, Zoomniveau.
- Contact: Adres tonen, Telefoon tonen, E-mail tonen, Website tonen, Sociale links tonen.
- Oproep tot actie: Titel, Beschrijving, Knoptekst, Knopbestemming, Achtergrondafbeelding, Achtergrondkleur.
- Kop: Tekst, Niveau (Zeer groot, Groot, Middel), Grootte, Uitlijning.
- Tekstblok: Inhoud, Uitlijning.
Binnen een filter is één treffer genoeg, tussen de filters moeten ze allemaal passen. Met filters bouw je bijvoorbeeld een integratie die alleen het yoga-aanbod toont.
Inlogknop, Mijn boekingen en Tegoed op je website
De blokken Inlogknop, Mijn boekingen en Tegoed zijn bedoeld voor ingelogde klanten. Op je website tonen Mijn boekingen en Tegoed een uitnodiging om in te loggen (“Log in om je boekingen te zien”). Inloggen opent je boekingspagina in een nieuw tabblad. Daar loggen klanten in en zien ze hun boekingen en hun tegoed.
Sjabloon voor een integratie gebruiken
Een sjabloon is een kant-en-klare opbouw als uitgangspunt. Je vindt de sjablonen in de integratie onder Sjablonen:
| Sjabloon | Blokken |
|---|---|
| Volledige boekingspagina | Kopblok, Rooster, Pakketten, Teamoverzicht, Beoordelingen, Veelgestelde vragen |
| Alleen rooster | Rooster in de weekweergave |
| Mini-boeking | Volgende afspraken, Oproep tot actie |
| Studio-etalage | Kopblok, Teamoverzicht, Beoordelingen, Oproep tot actie |
| Ledengedeelte | Rooster, Mijn boekingen, Portemonnee, Profiel |
| Prijzen | Kop, Pakketten, Oproep tot actie |
Een sjabloon vervangt de bestaande opbouw. Heeft de integratie al blokken, dan vraagt de Manager eerst om bevestiging. Daarna Opslaan.
Het sjabloon Ledengedeelte bevat Portemonnee en Profiel. Beide tonen in de ingesloten widget op dit moment alleen “is binnenkort beschikbaar”. Verwijder ze na het toepassen of kies een ander sjabloon.
Voorbeeld van een integratie bekijken
Voorbeeld opent de widget in een nieuw venster, zoals die er ingesloten uitziet. Op de computer zie je het voorbeeld daarnaast rechts in de editor. Het toont de opgeslagen stand.
Integratie deactiveren of verwijderen
In het overzicht tik je op de integratie:
- Deactiveren: de integratie blijft bestaan, maar de ingesloten widget toont “Widget niet gevonden”. Met Nu activeren zet je die weer aan.
- Verwijderen: verwijdert de integratie na een bevestigingsvraag definitief. De code op je website toont daarna ook “Widget niet gevonden”.
Veelgestelde vragen
Waar bewerk ik de afzonderlijke widgets van mijn website? Onder Website-integratie: kaart van de integratie aantikken, Bewerken, dan op het blok tikken.
Waarom toont een blok “is binnenkort beschikbaar”? Abonnementen, Ledenstart, Profiel en Portemonnee zijn in de ingesloten widget nog niet uitgewerkt. Verwijder ze uit de integratie.
Hoe toon ik alleen bepaald aanbod in het rooster? Gebruik in het blok Rooster de filters op categorie, persoon, ruimte of aanbod.
Ik heb iets gewijzigd, maar op mijn website is het niet te zien. Heb je op Opslaan getikt? Pas na het opslaan toont de widget de nieuwe stand.
Waar vind ik Sjablonen en Afmetingen op de computer? Deze items toont de editor op dit moment alleen in de smalle weergave. Maak het browservenster smaller of open de integratie op je telefoon.