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

WhatsApp knop op je website maken met Elementor: 2 manieren

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!

Share on email
Share on whatsapp
Share on linkedin
Share on twitter
Share on facebook
Sanne IJspeerd

Sanne IJspeerd

Sanne is eigenaar van SIJ Web. Ze ontwikkelt WordPress websites met Elementor. Daarnaast ondersteunt ze bedrijven bij de inzet van marketing- en communicatieactiviteiten.

Deze post heeft 2 reacties

  1. Ik vind de handleiding van Elementor in het Nederlands “in één woord”, geweldig!!!!!!!!

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.