Voeg een horizontaal scrollende tekst toe aan je pagina om de aandacht van bezoekers te trekken.

Gebruik scrollblokken om tekst toe te voegen die horizontaal over de pagina scrollt, vergelijkbaar met een theaterbord of een nieuwsticker. Dit is een uitstekende optie om visuele flair aan je tekst toe te voegen of om de ogen van bezoekers te richten op belangrijke informatie.

Een video bekijken

Een scrollblok toevoegen

Voeg als volgt een scrollblok toe:

1. Een pagina of post bewerken.
2. Zweef over het gedeelte en klik op Blok toevoegen of + om het blokmenu te openen, klik dan op Scrollen.
3. Open de blokeditor door op het potloodpictogram op het blok te klikken.
4. Op het tabblad Inhoud kun je tekstitems toevoegen of bewerken.
5. Om het scrollblok om te zetten in een klikbare link, voeg je een webadres toe in het veld Link, of klik je op om verschillende soorten links toe te voegen. Als bezoekers op het scrollblok klikken, worden ze doorgestuurd naar de link die je hebt toegevoegd.
6. Klik op Ontwerp om het blok aan te passen.

Tekstitems toevoegen en bewerken

Als je een scrollblok toevoegt, bevat het standaard twee items. Het ene item bevat de tekst Droom groot en het andere een golvend streepje-emoji die als scheidingslijn fungeert.

Je kunt nieuwe items toevoegen of bestaande items bewerken met je eigen tekst.

Nieuwe items toevoegen

Voeg als volgt een nieuw item toe:

1. Klik op Bewerken op de pagina met het scrollblok, klik op het blok en vervolgens op het potloodpictogram of Bewerken.
2. Klik op het tabblad Inhoud en vervolgens op Item toevoegen.
3. Zo maak je een nieuw item aan met standaardtekst. Klik op het item in de lijst en vervolgens in het tekstveld om de tekst te bewerken.

Bestaande items bewerken

Om bestaande items te bewerken, te dupliceren of te verwijderen, klik je op het item op het tabblad Inhoud van de blokeditor. Bewerk de tekst in het veld of klik op Dupliceren of Verwijderen.

Je kunt items ook direct van het tabblad Inhoud verwijderen door op het  prullenbakpictogram te klikken.

Items opnieuw rangschikken

De lijst met items op het tabblad Inhoud bepaalt de volgorde waarin de tekst wordt gescrold. Rangschik je items als volgt opnieuw:

1. Klik op Bewerken op de pagina met het scrollblok, klik op het blok en vervolgens op het potloodpictogram.
2. Klik in het tabblad Inhoud op het pictogram :: links van de titel van het item en houd het ingedrukt.
3. Sleep het item naar de plek waar je wilt dat het in de lijst verschijnt.
4. Herhaal dit voor andere items totdat de lijst in de gewenste volgorde staat.

Ontwerp aanpassen

Op het tabblad Ontwerp van de blokeditor kun je het uiterlijk van het scrollblok op verschillende manieren aanpassen. We raden aan om te experimenteren met de verschillende instellingen tot je een combinatie vindt die je bevalt.

Elk scrollblok heeft zijn eigen ontwerpinstellingen. Je kunt instellingen niet op alle scrollblokken op je site automatisch toepassing.

Tekstgolf

Je kunt een golf aan de tekst toevoegen, waardoor de tekst verticaal omhoog en omlaag gaat in het blok, met de volgende aanpassingen:

• Golfintensiteit - Stel de verticale hoogte van de golf in. De uiterst linkse stand heeft geen golf en de uiterst rechtse stand heeft de hoogste golfhoogte.
• Golfbreedte - Selecteer S, M, L of … voor een aangepaste instelling. Bij een kleinere golfbreedte worden er meer pieken en dalen van de golf weergegeven in je scrollblok. Bij een grotere golfbreedte kan de golf er als een lange helling uitzien en is de piek mogelijk niet zichtbaar.

Hier is een voorbeeld van een scrollblok met een middelmatige golfintensiteit en een kleine golfbreedte:

Tekststijl en -grootte

Stel de tekststijl en -grootte in met deze aanpassingen:

• Tekststijl - Selecteer Alinea of Kop. De tekst volgt de algemene alinea- of kopstijlen op basis van je keuze. Hiermee stel je het lettertype en andere stijlinstellingen in, maar niet de grootte.
• Tekstgrootte - Selecteer S, M, L of … voor een aangepaste instelling.

Wijzig de tekstkleur in sitestijlen. De tekstkleur volgt de aanpassingen van Alineakleur of Kopkleur onder Scrollen in het kleurenpalet van het gedeelte, afhankelijk van de geselecteerde tekststijl.

Als je een achtergrondkleur toevoegt aan het scrollblok, volgt de tekst onder Scrollen de alineakleur op de achtergrond of de Kopkleur op de achtergrond.

Houd er rekening mee dat het "golvend streepje" een emoji is met een vaste kleur die niet kan worden aangepast.

Scrollstijl

Pas het scrollgedrag en het uiterlijk aan met deze aanpassingen:

• Richting – Stel het blok in om naar links of rechts te scrollen.
• Snelheid – Stel de scrollsnelheid in op 0,5×, 1× of 2×.
• Pauzeren bij zweven – Schakel deze optie in om het scrollen te pauzeren wanneer bezoekers met de muis over het blok zweven. De animatie zal niet pauzeren als je in de modus Bewerken bent.
• Vervagen aan randen – Schakel deze optie in om de tekst semitransparant te maken aan de linker- en rechterrand van het blok.
• Afstand tussen items - Stel de afstand in tussen tekstitems in de scroll.

Andere stijlkeuzes

Pas als volgt het uiterlijk van het scrollblok aan:

• Lijn - Schakel een doorgetrokken of gestippelde lijn in die de omlijning van het blok vormt. Stel voor zowel effen als stippellijnen de lijnkleur en dikte in. 
• Blend-modus - Gebruik het uitklapmenu om een transparantie-instelling te kiezen. Deze effecten zijn ideaal als je een scrollblok voor een afbeelding of andere visuele inhoud plaatst.
• Vervagen -  Schakel de schakelaar in om het Element of de Achtergrond te vervagen en gebruik het schuifje om de mate van vervaging aan te passen.

Lijn-, Blend-modus- en Vervagingsaanpassingen zijn beschikbaar voor Fluid Engine-gedeelten. Voor gedeelten die de klassieke editor gebruiken, is alleen Lijn beschikbaar.

Waarom scrollt het blok niet mee op mobiele apparaten?

Op iOS-apparaten scrollen scrollblokken niet als de bezoeker Reduce Motion heeft ingeschakeld. Als je een iOS-apparaat hebt, schakel dan "Verminder beweging" in om te testen hoe je site wordt weergegeven, vooral als je publiek afhankelijk is van toegankelijkheidsfuncties.

Als je niet wilt dat er een statisch scrollblok op je site verschijnt, kun je het blok verbergen op je mobiele lay-out of in plaats daarvan tekstblokken gebruiken.

Bekijk een video (klassieke editor)