Hoe maak ik een WhatsApp Messaging-widget aan?

Je helpt klanten om contact op te nemen met je bedrijf door een aangepaste WhatsApp-widget op je website te plaatsen. De widget sluit aan op je huisstijl en biedt extra functies om de communicatie-ervaring van je klanten te verbeteren.

Hoe werkt de widget?

Wanneer je een widget aanmaakt, genereert MailBlue een script dat je aan je website of landingspagina kunt toevoegen. Nadat je het script hebt toegevoegd, toont de widget het WhatsApp-icoon. Contacten kunnen op dit icoon klikken om een gesprek met je te starten. Gegevens over kliks op het icoon vind je terug in je WhatsApp-rapporten in MailBlue.

Welke functies heeft de widget?

Huisstijl aanpassen: pas de kleuren van de widget aan op je merkidentiteit voor een consistente gebruikerservaring.
Gegevens verzamelen: verzamel inzicht in klantreizen, inclusief UTM-parameters en vanaf welke pagina ze starten.
WhatsApp-kanalen: de widget is automatisch gekoppeld aan je WhatsApp-kanalen, zodat je workflow gestroomlijnd blijft.
Meerdere antwoorden: elke widget kan tot vier antwoorden bieden: een standaardtekst en drie snelle antwoorden.
Flows starten: stel widget-antwoorden zo in dat ze overeenkomen met triggers voor je WhatsApp-berichtenflows, zodat iemand eenvoudig een flow kan starten.
Automatisch bijwerken: je installeert het script één keer. Daarna worden wijzigingen automatisch doorgevoerd, zonder dat je de code opnieuw hoeft te plaatsen.

Hoe maak ik mijn widget aan?

Tijdens het aanmaken zie je rechts in je scherm een voorbeeld, zodat je meteen kunt controleren hoe de widget eruitziet voordat je deze implementeert.

Ga in je MailBlue-account naar:

Klik op 'WhatsApp' > 'WhatsApp' in het linkermenu.
Klik op 'Nieuwe widget maken'.
Pas je widget aan:
- Naam: typ een korte, duidelijke naam in het veld.
- Kanaal: selecteer het WhatsApp-nummer voor de widget.
- Standaardtekst: typ de tekst die in het tekstvak verschijnt met de knop 'Verzenden'.
- Snelle antwoorden: voeg maximaal drie snelle antwoordopties toe die als klikbare knoppen boven het tekstvak verschijnen.
- Achtergrondkleur: kies de hoofdkleur voor de widgetknop, de knop 'Verzenden' en het accent bovenaan het venster.
- Icoonkleur: pas de kleuren aan voor de WhatsApp- en 'Verzenden'-iconen.
- Padding: pas de ruimte aan tussen de widget en de hoek van de pagina.
- Positie: bepaal waar de widget op de pagina wordt weergegeven.
Opslaan en implementeren: sla je wijzigingen op en klik op 'Code kopiëren'. Je krijgt dan een codefragment.
Code insluiten: plaats het codefragment tussen de <body>-tags van de HTML van je website. Je hoeft dit maar één keer te doen. Toekomstige aanpassingen aan de widget worden automatisch zichtbaar op je site, zonder dat je de code opnieuw hoeft te wijzigen.

Als je deze stappen volgt, zet je snel een WhatsApp-widget op die de interactie met klanten verbetert en waardevolle inzichten geeft in hun gedrag.

Veelgestelde vragen

Waar kan ik de kliks op het WhatsApp-icoon terugvinden?

Je vindt gegevens over kliks op het icoon terug in je WhatsApp-rapporten in MailBlue.

Moet ik de code opnieuw plaatsen als ik de widget aanpas?

Nee. Je installeert het script één keer. Daarna worden wijzigingen automatisch doorgevoerd.

Hoeveel snelle antwoorden kan ik toevoegen?

Je kunt maximaal drie snelle antwoorden toevoegen, naast de standaardtekst. In totaal kan een widget dus tot vier antwoorden bevatten.

Waar plaats ik het codefragment op mijn website?

Plaats het codefragment tussen de <body>-tags van de HTML van je website.