WordPress & Elementor kennisbank

WhatsApp knop op je website maken met Elementor: 2 manieren

Inhoud van dit artikel:

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

Whatsapp knop maken website elementor icoon

  • Wijzig het icoon naar het WhatsApp icoon

whatsapp knop maken website elementor icoon whatsapp

  • Klik bij de link op ‘Dynamisch’ en kies voor Actions -> Contact URL. 

whatsapp knop op je website met elementor pro

  • 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.

whatsapp knop maken website elementor

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

Button toevoegen elementor

  • Vul de tekst in voor de knop. Bijvoorbeeld ‘Stuur WhatsApp bericht’
  • Klik bij de link op ‘Dynamisch’ en kies voor Actions -> Contact URL. 

whatsapp knop op je website met elementor pro

  • Selecteer vervolgens WhatsApp

whatsapp button op je website met elementor

  • 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.

whatsapp knop maken website elementor

WhatsApp deelknop maken? Lees dan dit artikel!

Sanne IJspeerd

Sanne IJspeerd

Eigenaar SIJ Web | WordPress & Elementor Specialist
Website Strateeg | Marketing Manager in de IT

Zoek je een Elementor Expert?
Ik koppel je aan de juiste expert voor jouw website.

Populaire plugins

4/5
5/5
4.5/5
Meer doen met Elementor?
Schrijf je in voor de nieuwsbrief
No worries. Ik ga je niet spammen. Je ontvangt max. 2 keer per maand een nieuwsbrief.

Ook interessant voor jou

De 8 voordelen van Elementor Pro voor marketeers

Uitklapmenu maken WordPress met Popup builder van Elementor

Lees meer knop toevoegen met Elementor op 4 manieren

9 reacties

  1. 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.

    1. 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

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Mis geen updates

Blijf op de hoogte van de laatste
Elementor Trends & Ontwikkelingen!

No worries, je ontvangt max. 2 keer per maand een mailing.