Een mail versturen vanaf je website

Anti Spam, Divi thema, email

Soms kies je ervoor om juist geen contact formulier te gebruiken maar juist knop met een link erin die het mailprogramma opent van het apparaat waarmee je de site bekijkt. Tegenwoordig hebben vele mobiele bezoekers standaard een mailprogramma als app geïnstalleerd en kunnen dus hun email bekijken op een hun mobiel. Ik ga je in een paar eenvoudige stappen leren hoe je zelf zo’n mailscript kunt gebruiken in combinatie met het thema Divi.

Stap 1: voeg een knop:

Stap 2: voeg geef de knop een naam: Zoals “Neem contact op”

Stap 3: Voeg een mailscript toe: mailto:<emailadres>

Dus bijvoorbeeld: mailto:opdekoffie@bijpieter.nl

Stap 4: Klik op het groene vinkje en op opslaan van de pagina.

Stap 5: Klik visual builder verlaten en test of de knop goed werkt.

Extra mailscript opties voor gevorderden

Je kunt ook een tweede mailadress toevoegen in het scrip, dat doe je door de mailadressen met een comma te scheiden zoals in dit voorbeeld:

mailto:opdekoffie@bijpieter.nl,info@bijpieter.nl

Je kunt ook iemand in de cc zetten door het op deze manier te doen, nu staat info@bijpieter.nl in de cc:

mailto:opdekoffie@bijpieter.nl?cc=info@bijpieter.nl

Je kunt de email ook een subject title geven. In dit voorbeeld stuur je een email naar info@bijpieter.nl en met als subject / onderwerp: Contact

mailto:info@bijpieter.nl?subject=Contact

Let op, spaties zijn niet toegestaan in het mailscript, in plaats daarvan gebruiken we een %20 code: Dus als je mij een mail wilt sturen met de vraag: Ik wil graag even met je bellen. Dan ziet het script er als volgt uit:

mailto:info@bijpieter.nl?subject=Ik%20wil%20graag%20even%20met%20je%20bellen

De volgende karakters zijn alleen mogelijk door ze op deze manier te schrijven:

spatie -> %20
& -> &amp;
” -> &quot;
= -> %3D
: -> %3A
@ -> %40
? -> %3F

Je kunt ook bodytekst toevoegen aan het script:

mailto:info@bijpieter.nl?subject=Ik%20wil%20graag%20even%20met%20je%20bellen&body=Hoi%20Pieter%20wil %20je%20me%20even%20terug%20bellen%3F

Hoe kan ik mijn mailscript beschermen tegen spam?

Ik raad je aan om dan een codeblock van Divi te gebruiken en de volgende code te gebruiken.

<script type=”text/javascript”>
document.write(“<a href=’mailto:info@bijpieter.nl’>Contact opnemen</a>”);
</script>

Andere tips die misschien ook interessant zijn

Enthousiast geworden over Divi

Als je via onderstaande link het thema koopt, krijg ik een kleine vergoeding van Divi. Dit kost jou niets extra, maar je helpt mij om meer tips en inzichten over Divi te blijven delen. 

Divi WordPress Theme

Heb je geen tijd om er zelf mee aan de slag te gaan?

Mogelijk kan ik je helpen!
Stuur een berichtje naar opdekoffie@bijpieter.nl