Een WhatsApp knop op je website maken? Dit kun je snel en eenvoudig doen met de page builder voor WordPress Elementor Pro. Daarmee kun je een WhatsApp knop toevoegen op iedere gewenste pagina, maar ook in je header of footer. Je kunt op twee manieren een WhatsApp knop toevoegen op je website met Elementor. In dit artikel leg ik je uit hoe je dat doet.
Optie 1: WhatsApp knop maken met iconen widget
De eerste manier om een WhatsApp knop aan je website toe te voegen, is door gebruik te maken van de iconen widget van Elementor.
- Zoek de ‘Iconen’ widget en voeg deze toe op de gewenste plek
- Wijzig het icoon naar het WhatsApp icoon
- Klik bij de link op ‘Dynamisch’ en kies voor Actions -> Contact URL.
- Voer het telefoonnummer in waarnaar je bezoekers een bericht kunnen sturen.
Let op! Je moet het telefoonnummer in internationaal format erin zetten. Gebruik geen nullen, streepjes of haakjes wanneer je het telefoonnummer invoert.
Met de iconen widget, maak je dus een icoon voor WhatsApp in plaats van een knop. Wil je liever een button / knop? Kijk dan bij optie 2.
Optie 2: WhatsApp knop maken op website met iconen widget
Wil je een grote opvallende knop maken voor je bezoekers? Dan kun je dit doen met de ‘Knoppen’ widget van Elementor.
- Voeg de ‘Knop’ widget toe
- Vul de tekst in voor de knop. Bijvoorbeeld ‘Stuur WhatsApp bericht’
- Klik bij de link op ‘Dynamisch’ en kies voor Actions -> Contact URL.
- Selecteer vervolgens WhatsApp
- Voer het telefoonnummer in waarnaar je bezoekers een bericht kunnen sturen.
Let op! Je moet het telefoonnummer in internationaal format erin zetten. Gebruik geen nullen, streepjes of haakjes wanneer je het telefoonnummer invoert.
9 reacties
Ik vind de handleiding van Elementor in het Nederlands “in één woord”, geweldig!!!!!!!!
Goed om te horen Benny! 🙂
Duidelijke uitleg, thnx!
Kan dit ook met Elementor free?
Hoi Sara,
Dit is een Elementor Pro functie, dus dit kan helaas niet met de gratis versie.
Groetjes,
Sanne
Wat leuk dat jullie hier een artikel over hebben geschreven. Je kunt er ook voor kiezen om een Whatsapp Chat Widget te gebruiken op je website. Zie wappy.chat hoe je eenvoudig een chat toevoegt op je website.
Hoi Thijs,
Laat reclame meestal niet toe, maar in dit geval een interessante toevoeging ;-).
Ik heb wel een vraag; is het ook mogelijk om de chat alleen op bepaalde pagina’s te tonen ipv op de hele website?
Groetjes,
Sanne
Blok “hulp nodig? z-indexje
Scroll maar es
Hoi Dennis,
Scherp, dankjewel! Het was mij nog niet opgevallen. Ik ga het aanpassen.
Groetjes,
Sanne