OptimoCMS Docs
Terug naar overzicht

Pagina's

Maak en beheer de pagina's van je website met de visuele bouwer.

Pagina-overzicht

Op de Pagina's-pagina zie je een tabel met al je pagina's. Je kunt: • Zoeken op paginanaam • Filteren op status (Concept of Gepubliceerd) • Sorteren op laatst bewerkt of titel Elke rij toont de paginatitel, de slug (het URL-pad), de status en wanneer de pagina voor het laatst is bewerkt.

Een nieuwe pagina aanmaken

Klik op "Nieuwe pagina" rechtsboven. Vul in: 1. Titel – De naam van je pagina (bijv. "Over Ons") 2. Slug – Het URL-pad (wordt automatisch gegenereerd, bijv. "over-ons") 3. Template (optioneel) – Kies een vooraf ontworpen layout als startpunt Klik op "Aanmaken". Als je een template hebt gekozen, word je direct naar de visuele bouwer gestuurd.
Tips
  • De slug bepaalt het webadres van je pagina. Gebruik korte, beschrijvende woorden gescheiden door streepjes.
  • Je kunt de slug later nog aanpassen.

Pagina bewerken

Klik op een pagina in de tabel om de detailpagina te openen. Hier kun je: • De titel en slug aanpassen • SEO-instellingen wijzigen (titel, beschrijving, social media afbeelding) • De status zien (Concept of Gepubliceerd) • De pagina openen in de visuele bouwer

De visuele bouwer

De visuele bouwer is het hart van het pagina-ontwerp. Hier bouw je je pagina op met blokken die je kunt slepen, neerzetten en aanpassen. Zo werkt het: 1. Links zie je een lijst met beschikbare blokken (componenten) 2. Sleep een blok naar het canvas in het midden 3. Klik op een blok om het te selecteren en de instellingen rechts te bewerken 4. Pas teksten, afbeeldingen, kleuren en andere opties aan Beschikbare blokken zijn onder andere: • Hero Sectie – Een grote koptekst met achtergrondafbeelding • Feature Cards – Kaarten met iconen en tekst • Prijzen – Prijstabellen • Contact Formulier – Een contactformulier • Logo Cloud – Logo's van partners of klanten • Nieuwsbrief – Een aanmeldformulier • Countdown – Een afteltimer • Container – Een flexibele container voor vrije indeling
Tips
  • Gebruik de preview-knop om te zien hoe je pagina eruitziet voor bezoekers.
  • Je kunt blokken verplaatsen door ze te slepen.
  • Klik op het prullenbak-icoon om een blok te verwijderen.

Pagina publiceren

Een nieuwe pagina begint als "Concept" – alleen jij kunt hem zien. Om de pagina live te zetten: 1. Open de pagina-details 2. Klik op "Publiceren" De pagina is nu zichtbaar voor bezoekers op het webadres dat bij de slug hoort.
Let op
  • Een gepubliceerde pagina is direct zichtbaar. Controleer alles voordat je publiceert.

Versie-historie

Elke keer dat je een pagina publiceert, wordt automatisch een versie opgeslagen (tot 20 versies). Open de pagina in de visuele bouwer en klik op "Versie-historie" om eerdere versies te bekijken. Per versie kun je: • Bekijken – Open in read-only modus • Herstel als concept – Laad de versie terug als bewerkbaar concept • Herstel & publiceer – Zet de versie direct live Na het herstellen sluit het paneel automatisch.
Tips
  • Ideaal als je per ongeluk iets verwijdert of wilt terugkeren naar een eerdere versie.
  • Versies tonen de datum, tijd en de naam van de persoon die publiceerde.

Pagina verwijderen

Klik op het drie-puntjes-menu (⋯) naast een pagina en kies "Verwijderen". De pagina wordt naar de prullenbak verplaatst.
Let op
  • Verwijderde pagina's zijn niet meer zichtbaar voor bezoekers.

Nieuwe blokken in de bouwer

De visuele bouwer bevat nu extra blokken die je kunt gebruiken: • VideoHeroSection – Een hero-sectie met video-achtergrond (YouTube, Vimeo of MP4). Inclusief overlay, poster-afbeelding en mobiele fallback. • HeroSection (uitgebreid) – Nu met video-achtergrond, overlay, badge-tekst, 2 CTA-knoppen en inline statistieken. Kies uit layouts: centered, left, right of split. • FeatureCardsSection (uitgebreid) – 2 tot 6 kolommen, glass-cards met backdrop-blur, hover-effecten (lift, glow, border-color), icoon-posities en meer. • TestimonialSection (uitgebreid) – 4 layouts (grid, carousel, masonry, single), avatar-vormen, rating-stijlen en quote-stijlen. • PricingSection (uitgebreid) – Highlight-stijlen, billing toggle (maandelijks/jaarlijks), aanpasbare prijsgrootte en check-stijlen. • CTABannerSection (uitgebreid) – 4 layouts, urgency badge, meerdere CTA-knoppen en achtergrondtypes. • FooterSection (uitgebreid) – 4 layouts, social media posities, nieuwsbrief-veld en divider-stijlen. Alle uitgebreide blokken zijn backwards compatible — bestaande pagina's blijven gewoon werken.
Tips
  • Sleep een nieuw blok vanuit het Blokken-paneel (links) naar het canvas om het toe te voegen.
  • Gebruik de glass-card stijl op FeatureCards voor een modern, transparant effect.

Bel ons