Content pop-up blok
Met het Content pop-up block koppel je een pop-upvenster aan een knop. De knop staat op de pagina; zodra een bezoeker erop klikt, opent een overlay met vrije inhoud. Je bepaalt zelf wat er in de pop-up staat door er gewone WordPress-blokken in te plaatsen.
Het block toevoegen
Zoek in de blokken-editor op “Content Popup” en voeg het block toe aan de pagina. In de editor zie je direct de knop en eronder de inhoudszone van de pop-up.
Knop
Knoptekst
Vul de tekst in die op de knop wordt getoond.
Icoon
Schakel Toon icoon in om een icoon op de knop te tonen. Kies daarna:
| Instelling | Omschrijving |
|---|---|
| Icoon | Kies een icoon uit de Iconify-bibliotheek (standaard far:arrow-right) |
| Icoon positie | Links of Rechts van de knoptekst (standaard rechts) |
Pop-upinhoud
Klik in de inhoudszone in de editor om de inhoud van de pop-up te bewerken. Je kunt er alle gewone WordPress-blokken in plaatsen: tekst, afbeeldingen, knoppen, formulieren of andere SOIL-blokken.
Sluitknop
Standaard is Toon sluitknop ingeschakeld. De pop-up toont dan een × in de rechterbovenhoek waarmee bezoekers het venster kunnen sluiten. Klikken buiten de pop-up sluit het venster ook altijd.
Opmaak van de knop
Stijl
| Stijl | Omschrijving |
|---|---|
| Normaal | Gevulde knop met achtergrondkleur (standaard) |
| Omtrek | Transparante knop met gekleurde rand |
| Opvallend | Call-to-action knop |
| Transparant | Knop zonder achtergrond of rand |
| Geen opmaak | Knop zonder enige stijl, puur functioneel |
Lichte variant
Schakel Lichte variant in voor een lichtere uitvoering van de knopkleur.
Volledige breedte
Schakel Volledige breedte in om de knop de volledige beschikbare breedte te laten innemen.