Door naar de inhoud

Je boekingssite bouwen met de Web Builder

Bouw je site visueel in de Web Builder: modules aan- of uitzetten, secties op het canvas verslepen en inline bewerken, een preset of template kiezen en publiceren.

8 min Gevorderd

De Web Builder is je visuele werkruimte voor je boekingssite. Je ziet je echte pagina op een canvas, versleept secties, bewerkt teksten ter plaatse en zet hele modules (zoals webshop of wachtlijst) aan of uit. Als je tevreden bent, publiceer je in één keer.

Wat je leert

  • Het verschil tussen Huisstijl (stijl) en de Web Builder (opbouw)
  • Modules in- en uitschakelen op siteniveau
  • Secties verslepen en inline bewerken op het canvas
  • Een preset of template als startpunt kiezen
  • Je wijzigingen publiceren via het publiceer-centrum

Voor je begint

De onderdelen van de builder

Canvas met inline bewerken

Je site, live op het scherm. Klik op een sectie om ze te selecteren en bewerk teksten meteen ter plaatse.

Slepen & herschikken

Sleep secties naar boven of onder om de volgorde van je pagina te bepalen.

Modules

Schakelaars op siteniveau: zet functies zoals boekingen, credits, berichten, wachtlijst of webshop aan of uit.

Presets & templates

Kies een preset, een template of kant-en-klare componenten uit de inventaris als startpunt.

Publiceren

Een publiceer-centrum dat je wijzigingen ineens live zet.

  1. 1
    Open de Web Builder

    Je opent de Web Builder vanuit je dashboard. In de omschrijving lees je: "Configureer de site van deze tenant: kies een preset, beheer modules, bouw pagina's of bewerk de ruwe configuratie." Je komt in de builder-werkruimte met links de lagenboom, in het midden het canvas en rechts een eigenschappenpaneel.

    Sync Studio

    Web Builder

    Voorbeeld

    Klik op een sectie op het canvas om deze te bewerken. Of voeg een nieuwe sectie toe.

    Hero · "Welkom bij Sync Studio"
    Diensten
    Beoordelingen
  2. 2
    Zet modules aan of uit

    In het module-onderdeel bedien je functies op siteniveau met schakelaars. Zet bijvoorbeeld de webshop uit als je die niet gebruikt, of de wachtlijst aan. Modules bepalen welke secties en pagina's je site überhaupt kan tonen.

    Sync Studio

    Web Builder

    Site bezoeken

    Modules

    Boekingen
    Credits
    Wachtlijst
    Webshop
  3. 3
    Versleep en bewerk secties

    Klik een sectie aan om haar te selecteren, sleep ze naar de gewenste plek, en pas teksten meteen op het canvas aan. In het eigenschappenpaneel rechts stel je het uiterlijk van de geselecteerde sectie verder bij.

  4. 4
    Begin sneller met een preset of template

    Liever niet vanaf nul? Kies een preset uit de galerij, een template, of trek losse componenten uit de component-inventaris. Handig om in één keer een nette basispagina neer te zetten.

  5. 5
    Publiceer je wijzigingen

    De Web Builder werkt met een concept dat je apart publiceert. Klik op Publiceren (of Alle wijzigingen publiceren) in het publiceer-centrum om je aanpassingen — modules, thema, navigatie en pagina's — live te zetten.

Volgende stappen