Share on email
Share on whatsapp
Share on twitter
Share on linkedin

Lees meer knop toevoegen met Elementor op 4 manieren

Te lange tekst op een pagina? Dan is het handig om gebruik te maken van de ‘Lees meer’ functie. Er zijn verschillende manieren waarop je met Elementor (Pro) de ‘Lees meer’ functie kunt toevoegen. Ik zet ze hieronder even op een rij:

1. Lees meer knop posts widgets

De lees meer knop zie je vaak op blog- of productpagina’s. Je start met een korte intro waarmee je de bezoeker triggert om op de lees meer knop te klikken. Wanneer je gebruik maakt van de Elementor Pro posts widget, heb je standaard de optie om een ‘Read more’ knop toe te voegen. Ook kun je de tekstlengte van de samenvatting aangeven. De Lees meer knop leidt de bezoeker dan naar de pagina waar meer informatie te vinden is.

Hieronder zie je de instellingen in de post widget voor ‘Lees verder’.  Je kunt hier ook een andere tekst invoeren. De button kun je geheel in eigen stijl opmaken.

Blogpagina maken in wordpress met posts widget elementor

2. Unfold widget (add-on)

Wil je de tekst in hetzelfde tekstblok weergeven, maar is de tekst te lang of oogt het mooi in het algehele design? Elementor Pro biedt hiervoor (nog) geen standaard widget, maar er zijn wel add-ons beschikbaar waarmee je dit kunt doen. Je zoekt dan de ‘Unfold’ widget. Zelf maken we gebruik van de unfold widget van JetTricks.

Hieronder zie je de instellingen die je kunt gebruiken voor de unfold widget:

3. Pop-up toggle (voor meer dan alleen tekst)

Wil je meer dan alleen tekst onder de ‘Lees meer’ knop tonen? Dan kun je ook gebruik maken van de pop-up toggle functie van Elementor Pro. Je volgt dan deze stappen:

1. Maak een pop-up template met de content die je wilt tonen onder de lees meer knop

Dit doe je via Templates -> Pop-ups. Kies vervolgens voor ‘Nieuwe toevoegen’.

Pop-ups Elementor

2. Voeg een button toe onder de tekst waar je het template wilt tonen

3. Klik op ‘Dynamische content’ en kies voor Pop-up

Lees meer knop Elementor toggle popup

4. Kies vervolgens voor ‘Toggle content’ en selecteer de pop-up die je zojuist hebt gemaakt

Toggle popup elementor

4. Tekst op andere pagina of plek

Tot slot kun je natuurlijk ook gewoon een button onder een tekst plaatsen met daarin een link naar de pagina waar meer informatie te vinden is. Ook kun je met een anchorlink verwijzen naar een andere deel op de pagina waar meer informatie te vinden is.

Button toevoegen elementor

Dit waren de vier manieren om een ‘Lees meer’ functie te gebruiken met Elementor. Heb jij nog andere ideeën? We voegen ze graag toe!

Sanne IJspeerd

Sanne IJspeerd

Sanne is eigenaar van SIJ Web. Ze ontwikkelt WordPress websites voor mkb'ers en zzp'ers. Daarnaast ondersteunt ze bedrijven bij de inzet van marketing- en communicatieactiviteiten.
Share on email
Share on whatsapp
Share on linkedin
Share on twitter
Share on facebook

Geef een reactie

Hulp nodig?

We helpen je graag! Stel hieronder je vraag:

Elementor Expert gezocht

tips ontvangen?

Schrijf je in voor onze nieuwsbrief!

We respecteren je privacy.
Je ontvangt max. 1 keer per maand een mail.