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
& -> &
” -> "
= -> %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>
