|
1°) Code source à utiliser :
2°) Champs du formulaire devant obligatoirement
être nommé tel que ci dessous :
3°) Paramètres de la page de confirmation(Si
le champ 'redirect' n'est pas utilisé)
4°) Paramètres du mail contenant les informations
du formulaire
5°) Paramètres du mail de confirmation
reçu par l'internaute (Si le
"reply" est "yes")
6°) Langues disponibles
7°) Formulaires d'exemples :
8°)
Exemple de Formulaires Anglais, Allemand et Italien :
1°)
Code source à utiliser :
Vous devez
insérez un formulaire dans votre page Web, et modifier
les premières lignes en fonction de vos besoins.
Formulaire
vide :
| <form
method="POST" action="mailto:contact@atsat.com">
<p><input
type="text" name="Texte" size="20">
<input type="submit" value="Envoyer"
name="Envoyer">
<input type="reset" value="Effacer"
name="Reset"></p>
</form> |
Il faut
modifier principalement tout ce qui suit : <form action
....
Les éléments en gras peuvent (et doivent) être
modifiés pour chaque site Web.
|
<form
method="POST" action="http://www.atsat.com/shell-cgi/Mail/MailForm-FR.pl"
name="Nom du formulaire"
target="target-contenu-optionnel"
enctype="x-www-form-urlencoded">
<input
type="hidden" name="recipient"
value="adresse mail où le formulaire sera
envoyé">
// "objet" du
mail envoyé par le formulaire
<input type="hidden"
name="subject"
value="Prise de contact par Internet">
// rends obligatoire les champs "email et
téléphone"
<input type="hidden" name="required"
value="email,téléphone">
<input type="hidden" name="recipient"
value="adresse email de l'expéditeur du mail
(*)">
// page de confirmation non-automatique
après l'envoi du formulaire
<input type="hidden" name="redirect"
value="http://www.atsat.com/fr/merci.htm">
<p><input
type="text" name="Texte" size="20">
<input type="submit"
value="Envoyer" name="Envoyer">
<input type="reset"
value="Effacer" name="Reset"></p>
</form>
(*) : si le champ email
ne fait pas parti des champs du formulaire, il est absolument
nécessaire de le mettre en "hidden" avec l'adresse
email du webmaster du site, afin d'éviter un rejet des
mails par notre serveur pour cause de spamming.
|
2°)
Champs du formulaire devant obligatoirement être nommés tel que
ci dessous :
La syntaxe
à utiliser est la suivante selon le formulaire utilisé
:
<input type="text" name="paramètre">
| Formulaire |
Français |
Anglais |
Italien |
Allemand |
| champ
"nom" du formulaire |
Nom |
Lastname |
Nom |
Name |
| champ
"prénom" |
Prenom |
Firstname |
Prenom |
Vorname |
| champ
"email" |
Email |
Email |
Email |
Email |
Tous
les traitements agissent avec ces déclarations. Respectez
les, sans majuscules et sans espaces.
3°)
Paramètres de la page de confirmation (Si le champ 'redirect' n'est
pas utilisé)
Les paramètres
suivants permettent de configurer la page de confirmation
générée automatiquement par l'envoi du formulaire. Cette
page se présentera sous la forme d'un récapitulatif des
champs enregistrés.
Tous ces
paramètres doivent être employés de cette manière :
<input type="hidden" name="nom du
paramètre" value="valeur du paramètre">
| text1 |
Champ
permettant l'insertion d'une ligne de commentaire
ex "merci de ce contact" |
|
text2 |
Champ
permettant l'insertion d'une 2ème ligne
de commentaire "ex : A bientôt..." |
|
bgcolor |
Couleur
du fond de page "#OOOOFF" |
|
background |
Image
en fond d'écran "ex : http://www.atsat.net/images/fond.jpg" |
link_color
vlink_color
alink_color
text_color
title |
Couleur
de lien hypertexte
Couleur de lien hypertexte visité
Couleur de lien hypertexte activé
Couleur du texte
Titre de la page |
return_link_title1
return_link_url1 |
Texte
du lien de retour n° 1
url du lien n° 1 |
return_link_title2
return_link_url2 |
Texte
du lien de retour n° 1
url du lien n° 2 |
return_link_title3
return_link_url3 |
Texte
du lien de retour n° 1
url du lien n° 2 |
target="target-contenu-optionnel"
=> Seulement si vous utilisez des cadres, mettre ici
le nom du cadre où l'affichage doit se faire
4°)
Paramètres du mail contenant les informations du formulaire
Ici figurent
les paramètres propres à l'envoi du mail. La syntaxe à
utiliser reste la suivante :
<input type="hidden" name="nom du
paramètre" value="valeur du paramètre">
| recipient
recipient_hidden
subject |
Adresse mail de destination
du formulaire
Adresse mail cachée de destination du formulaire
Ligne "Objet" du mail. |
5°)
Paramètres du mail de confirmation reçu par l'internaute
(Si le "reply" est "yes")
Ci dessous
sont représentés les paramètres liés à l'envoi ou non
de la réponse automatique. Nous avons toujours la syntaxe
:
<input type="hidden" name="nom du
paramètre" value="valeur du paramètre">
| reply |
"yes"
ou "no" pour activer
ou non la réponse automatique. Le champ
"email" doit être
obligatoire. |
| subject_reply |
"objet"
du mail retourné à l'internaute "ex
: Confirmation de réception de votre formulaire" |
|
text_mail1 |
phrase
n°1 du mail de confirmation : "ex :
Atsat a bien reçu votre commande... |
|
text_mail2 |
phrase
n°2 du mail de confirmation : "ex :
Merci, à bientôt..." |
6°)
Langues disponibles
Le formulaire
est disponible en 4 langues. Ainsi il est nécessaire de
spécifier quel formulaire vous voulez utiliser. Cela se
fera en paramétrant le champ action= de la manière
suivante :
Français : http://www.atsat.com/shell-cgi/Mail/MailForm-FR.pl
(attention
se référer à la nomination des champs
Nom, Prénom et Email)
Anglais : http://www.atsat.com/shell-cgi/Mail/MailForm-US.pl
(attention
se référer à la nomination des champs
Nom, Prénom et Email)
Allemand :http://www.atsat.com/shell-cgi/Mail/MailForm-GE.pl
(attention
se référer à la nomination
des champs Nom, Prénom et Email)
Italien : http://www.atsat.com/shell-cgi/Mail/MailForm-IT.pl
(attention se référer à la
nomination des champs
Nom, Prénom et Email)
7°)
Formulaires d'exemples :
Ce formulaire
est configuré de façon à vous rediriger vers une page
créée auparavant. Choisissez d'activer ou non la réponse
automatique et regardez vos mails. Les champs "Email"
sont rendus obligatoires
|
Réaliser
votre formulaire en 1 minute |
Mode d'emploi:
-
Créer
une page vide dans votre éditeur html.
-
Copiez
le code html ci dessous.
-
Collez
le dans le "code source" de votre page entre
<body> et </body>.
-
Changez
les paramètres en rouge (facultatif en vert, pour
personnaliser les mails).
C'est
tout. Vous n'avez plus qu'à enregistrer votre page et
la tester.
<FORM
METHOD="POST" ACTION="http://www.atsat.com/shell-cgi/Mail/MailForm-FR.pl"
ENCTYPE="x-www-form-urlencoded" NAME="test">
<INPUT TYPE="hidden" NAME="redirect"
VALUE="http://www.votre-site.com/page-remerciement.htm*">
<INPUT TYPE="hidden" NAME="required"
VALUE="Nom,Email">
<INPUT TYPE="hidden" NAME="subject"
VALUE="Formulaire envoyé par le site Internet">
<INPUT TYPE="hidden" NAME="reply"
VALUE="yes"> <INPUT TYPE="hidden"
NAME="recipient" VALUE="email-de-l'administrateur**">
<INPUT TYPE="hidden" NAME="subject_reply"
VALUE="Nous vous confirmons l'envoi du formulaire">
<INPUT TYPE="hidden" NAME="text_mail1"
VALUE="Votre réservation sera
validée par e mail">
<INPUT TYPE="hidden" NAME="text_mail2"
VALUE="Cordialement,...">
<TABLE
WIDTH="661" BORDER="0"><TR><TD
ALIGN="RIGHT" COLSPAN="4">
<DIV ALIGN="CENTER"><B>FORMULAIRE</B></DIV></TD></TR><TR>
<TD ALIGN="RIGHT">Nom</TD><TD><INPUT
TYPE="text" NAME="Nom"></TD>
<TD ALIGN="RIGHT">Prénom</TD><TD><INPUT
TYPE="text" NAME="Prenom"></TD></TR><TR>
<TD ALIGN="RIGHT">Email</TD><TD><INPUT
TYPE="text" NAME="Email"></TD>
<TD ALIGN="RIGHT">Téléphone</TD><TD><INPUT
TYPE="text" NAME="Telephone"></TD></TR>
<TR ALIGN="CENTER">
<TD COLSPAN="4"><INPUT TYPE="submit"
NAME="Submit" VALUE="Envoyer"><INPUT
TYPE="reset" NAME="Submit2" VALUE="Rétablir"></TD></TR></TABLE></FORM> |
* Suppose la création
d'une page de remerciement.
** L'email de l'administrateur est celui qui doit recevoir les données
du formulaire (en général le votre).
|
