Wat ik in het verleden erg lastig vond is dat het niet mogelijk was om een Elementor popup te openen via een text link. Het moest altijd via een button. Daar is nu verandering in gekomen. In deze korte tutorial vertel ik je hoe jij voortaan een POPUP kunt openen middels een link in de tekst!
Stap 1.
Begin met het maken van een POPUP via Elementor. Navigeer daarvoor naar Templates -> Popups. Creeer een popup voor voor bijvoorbeeld een contactformulier of een formulier waar mensen zich kunnen inschrijven voor de nieuwsbrief.
Stap 2.
Navigeer in de Elementor bewerker van de betreffende popup naar het geavanceerd item. En nu komt het, plaats in het veld ‘Open by Selector‘ de volgende shortcode: a[href="#link-best-practices"]
. Waarbij je zelf een naam kunt geven aan alles achter de #. Link-best-practices kan bijvoorbeeld worden contactformulier, optin o.i.d. (a[href=”#contactformulier”]).
Stap 3.
Nadat je bovenstaande hebt ingevuld in het geavanceerde tabblad, navigeer je naar de display conditions opties van de popup. En zet deze conditions op include: entire site. Sla de popup op en je bent klaar voor stap 4.
Stap 4.
Open de pagina in Elementor of de pagina in de WordPress editor. Selecteer de tekst waar jij de link in wilt plaatsen. Plaats vervolgens het volgende: #link-best-practices (of wat jij ook maar achter de # hebt geplaatst in stap 2). Sla de pagina op en Voila, je bent klaar!
Extra tip: Bovenstaande werkt ook voor het navigatiemenu. Denk bijvoorbeeld aan een snelle optin voor een inschrijving of contactformulier!
Lees ook:
- Elementor menu, de tekst centraal of rechts uitlijnen
- Gratis Elementor training voor beginners!
- Hoe kan je inloggen op jouw WordPress website?
- Wat is het verschil tussen Elementor en Elementor Pro?
- De maximale upload size verhogen in WordPress