Contact-formulier maken

Uit XpressionManager
Versie door Dketelaar (overleg | bijdragen) op 10 mei 2017 om 09:11 (→‎Bestand extentie)
(wijz) ← Oudere versie | Huidige versie (wijz) | Nieuwere versie → (wijz)
Naar navigatie springen Naar zoeken springen

Voor het maken van een contact-formulier kunt u een nieuw menu item aanmaken en met als publicatietype PDF.

In deze standaardtekst kunt u HTML plaatsten met daarin het contactformulier.
Een voorbeeld van deze HTML code kunt u hier downloaden Bestand:Mailer.txt.

<form method="post" action="/winkel/mailer">
  <input type="hidden" value="Contact formulier" name="00_Type formulier:" id="00_Offerte_aanvraag"></p>
    <p><label for="01_Naam">Naam</label> <input type="text" name="01_Naam:" id="01_Naam"></p>
    <p><label for="02_Bedrijfsnaam">Bedrijfsnaam</label> <input type="text" name="02_Bedrijfsnaam:" id="02_Bedrijfsnaam"></p>
    <p><label for="03_Telefoon">Telefoon</label> <input type="text" name="03_Telefoon:" id="03_Telefoon"></p>
    <p><label for="04_E-mail">E-mail</label> <input type="text" name="04_E-mail:" id="04_E-mail"></p>
    <p><label for="05_Opmerking">Opmerking/vraag</label></p>
    <p><textarea name="05_Opmerking/vraag:" id="05_Opmerking"></textarea></p>
    <p><label for="06_Abonneren">Wilt u zich abonneren op onze nieuwsbrief? (kan altijd weer afgemeld worden).</label></p>
    <p><input type="checkbox" name="06_Abonneren:" id="06_Abonneren"></p>
<input type="submit" value="Verstuur aanvraag"></form>

In de beheer omgeving kunt u bij Standaard_teksten het e-mail adres van de zender en afzender instellen.

Validatie op het formulier

Voor de validatie van het e-mail formulier kunt u HTML toevoegen aan de desbetreffende Stijlbeheer van de klant.
Een voorbeeld van de validatie op het e-mail en naam veld kunt u hier downloaden Bestand:Validatie.txt

<script>
  //Contact formulier
    if ($jqmain("#bodydiv-productscontact").length) {
        var email = new LiveValidation("04_E-mail", {onlyOnBlur:true});
        email.add( Validate.Format, {pattern: /^[^@]*@[^@]*\.[a-z]{2,9}$/i, failureMessage: "Ongeldig e-mailadres."});
	}
      
  	// submit button makes fields grey
    $jqmain("input[value='Verstuur aanvraag']").click(function(event) {
		var naam = new LiveValidation("01_Naam", {onlyOnBlur:true});
		naam.add( Validate.Presence, {failureMessage: "U heeft geen naam ingevuld"});
        	var email = new LiveValidation("04_E-mail", {onlyOnBlur:true});
        	email.add( Validate.Presence, {failureMessage: ""});
                var email2 = new LiveValidation("04_E-mail", {onlyOnBlur:true});
              	email2.add( Validate.Format, {pattern: /^[^@]*@[^@]*\.[a-z]{2,9}$/i, failureMessage: "Ongeldig e-mailadres."});
  });
</script>

Formulier niet te verzenden wanneer javascript uit staat

Door onderstaande velden toe te voegen is het contactformulier niet te verzenden wanneer javascript uit staat of dergelijke.
Denk hierbij aan spam bots en dergelijke welke het formulier dan niet kunnen versturen.

<input type="hidden" name="captcha" value="">
<input type="hidden" name="captcha_answer" value="ih2389h">

paginazoekwoorden: winkel/mailer, contactformulier, form, formulier, contact

Extra functionele velden

Veld voor een BCC eigenschap van het formulier

<input type="hidden" name="c_bcc" id="asrecpnt" value="bcc@emailadres.nl">

Veld voor ontvanger van het formulier

<input type="hidden" name="c_recipients" id="asrecpnt2" value="ontvanger@emailadres.nl"> 

Veld voor het beantwoorden / Reply to

<input type="hidden" name="c_replyto" value="replyto@emailadres.nl"> 

Veld voor het onderwerp van het formulier

<input type="hidden" name="c_subject" id="assub" value="Het onderwerp van de e-mail">

Introductietekst in de mail van het contactformulier

<input type="hidden" name="c_mailintro" value="Dit is de intro voor de mail" />

Melding na het versturen van een contactformulier

<input type="hidden" name="c_feedbackmessage" value="Bedankt voor het versturen van het contactformulier" />


Let op: De eigenschap 'name' is van belang samen met de value van het veld.
De name eigenschappen zijn: c_bcc, c_recipients, c_subject


Bestand extentie

Om een specifiek bestandstype te accepteren dien je bij het upload veld aan te geven welke extensie toegestaan is;
In het form element dien je een attribuut te vermelden (enctype="multipart/form-data"):

<form method="post" action="/winkel/mailer" enctype="multipart/form-data">



Bij het input veld met het type 'file' kun je in het name attribuut aangeven welke extensie geaccepteerd wordt, dit gaat als volgt:

name="sortering_weergavenaam_file"
name="01_Pdf-bestand:_pdffile"
name="02_Bestand_file"

<input type="file" name="02_Pdf-bestand:_pdffile" />