home | sitemap

Mail a friend

Een leuke feature voor een website is een mail a friend-mogelijkheid. Hiermee kan een bezoeker een (linkje naar een) pagina doorsturen naar een vriend of collega.

Met behulp van wat javascript en een gewoon formulier kan een mail a friend-functie worden gemaakt.

Stappenplan:

Voeg aan de stijl-variabelen voor de vormgeving de volgende regel toe:

Mail a friend-pagina:tmplMailaFriend(page)

Hier stel je later de pagina in waar het mail a friend-formulier op staat.

Aan de html van de vormgeving voeg je op de gewenste plek onderstaande hyperlink in:

<a href="#" onclick="javascript:return mailafriend('<!-- TMPL_VAR NAME="tmplMailaFriend" -->')">Stuur deze pagina naar een vriend/collega</a>

En voeg onderstaande javascript toe aan de html of neem het op in een apart javascript-bestand:

function mailafriend(url) {
  var page = location.href;
  var title = document.getElementsByTagName("TITLE")[0].innerText;
  location.href = "/"+url+"?page="+encodeURIComponent(page)+";title="+encodeURIComponent(title);
  return false;
}

Vervolgens maak je een formulier met de gewenste velden en minimaal de velden 'page_url' en 'title' (als datanaam). Het veld met het e-mailadres voor de vriend geef je als datanaam 'email' zodat hij/zij de 'bevestigingsmail' ontvangt (zie e-mailsjabloon hieronder). Bijvoorbeeld: 

Als e-mailsjabloon gebruik je (bijv.) onderstaande tekst:

Beste [­TMPL_VAR NAME="namefriend"],

[­TMPL_VAR NAME="namesender"] ([­TMPL_VAR NAME="mailsender"]) heeft de volgende pagina aan jou doorgestuurd:

Titel van de pagina [­TMPL_VAR NAME="title"]
Url van de pagina: [­TMPL_VAR NAME="page_url"]

"[­TMPL_VAR NAME="message"]"

Met vriendelijke groet,

Website xyz

Het formulier zet je op een pagina. Bij de pagina-instellingen van die pagina neem je onder het tabje 'Extra' de volgende javascript-code op:

<script type="text/javascript">
function setMailaFriendInfo() {
  if (/page.cgi/.test(location.href)) return;
  document.forms[0].page_url.value = getParameter("page");
  document.forms[0].title.value = getParameter("title");
}
AddToInitArray(setMailaFriendInfo);
</script>

Deze pagina met het formulier stel je in bij de stijl-variabele zoals aan het begin van deze uitleg aangemaakt.

Als een bezoeker nu op het mail a friend-linkje klikt zal de pagina met het formulier opgeroepen worden. In de url staan de titel en url van de pagina. Deze zullen in het formulier worden gezet waarna het als een gewoon formulier verstuurd kan gaan worden.