MENU

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

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!

Meer handige tips ontvangen?

Sanne IJspeerd

Sanne IJspeerd

Sanne is eigenaar van SIJ Web. Ze ontwikkelt WordPress websites met Elementor en heeft een achtergrond in marketing- en communicatie.
Sanne IJspeerd

Sanne IJspeerd

Sanne is eigenaar van SIJ Web. Ze ontwikkelt WordPress websites met Elementor en heeft een achtergrond in marketing- en communicatie.

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

  2. 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 reactie

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

Tips ontvangen?

Schrijf je in voor updates!

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