Hoe stel je een knoppen blok in binnen een kolommenblok in Datamotive?

Met het knoppen blok voeg je één of meerdere knoppen toe aan een kolom. Per knop stel je een titel, link, stijl en formaat in. Er zijn drie typen knoppen beschikbaar: een knop met een directe link, een knop met een onclick-attribuut en een knop die een formulier opent.

Voorwaarde: het knoppen blok wordt toegevoegd binnen een kolom van een kolommenblok. Heb je nog geen kolommenblok aangemaakt? Raadpleeg dan eerst de handleiding [Hoe stel je een kolommenblok in binnen Datamotive?]

Een knoppen blok toevoegen

Stap 1 – Voeg een blok toe
Klik binnen de kolom op + Blok toevoegen en selecteer het bloktype Knoppen.

Stap 2 – Vul een korte beschrijving in (optioneel)
Vul een korte beschrijving in voor intern gebruik in het CMS. Deze tekst is niet zichtbaar op de website.

Een knop toevoegen en instellen

Stap 3 – Voeg een knop toe
Klik op + Button toevoegen. Kies het type knop dat je wilt toevoegen:

• Titel: de tekst die op de knop wordt getoond
• Link: selecteer een interne pagina of voer een externe URL in. De placeholders [:dynamic-slug] en worden automatisch ingevuld. Ontbreekt de benodigde informatie, dan wordt de knop verborgen.
• Open in: kies Huidige tabblad (standaard) of Nieuw tabblad
  
  

Stap 4 – Stel de knop in

Per type knop stel je het volgende in:

Button (link)

• Titel: de tekst die op de knop wordt getoond
• Link: selecteer een interne pagina of voer een externe URL in
• Open in: kies Huidige tabblad (standaard) of Nieuw tabblad

Button (attributen)

• Titel: de tekst die op de knop wordt getoond
• onclick: voer een JavaScript-attribuut in dat wordt uitgevoerd bij het klikken op de knop

Button (formulier)

• Titel: de tekst die op de knop wordt getoond
• Formulier: klik op + om een formulier te selecteren uit de lijst met beschikbare formulieren. Zoek het juiste formulier op naam of sleutel en klik op Bevestigen

Stap 5 – Stel de weergave in
Stel onder Instellingen per knop het volgende in:

• Thema: kies de visuele stijl van de knop. Beschikbare opties zijn: Primair, Primair omlijnd, Secundair, Secundair omlijnd, Tertiair, Tertiair omlijnd, Wit, Wit omlijnd, Donker en Donker omlijnd
• Formaat: kies de grootte van de knop: Small, Medium (standaard) of Large

Meerdere knoppen toevoegen

Je kunt meerdere knoppen toevoegen binnen hetzelfde knoppen blok door opnieuw op + Button toevoegen te klikken. De knoppen worden naast of onder elkaar weergegeven afhankelijk van de beschikbare ruimte in de kolom.

Opslaan en publiceren

Stap 6 – Sla op en publiceer
Klik linksboven op Opslaan. Publiceer de pagina om de wijzigingen zichtbaar te maken op de live website.

Overzicht knopinstellingen