Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

28.08.2009

Créer une page de contact : le message et le code

Si nous résumons l'épisode précédent, nous avons mis en forme notre formulaire à partir de l'interface d'EmailMeForm. Nous allons maintenant paramétrer les messages qui seront générés par le formulaire, et récupérer le code.

Il était temps de reprendre notre feuilleton, un moment suspendu. Si l'interface du site s'est effectivement améliorée, le fonctionnement reste identique et les anciennes captures d'écran peuvent rester en attendant que je les refasses. Vous ne serez pas perdus.

Voyons maintenant comment « Expéditeur », « objet », « copie », « préparation de l'utilisation des données de formulaire » sont autant de paramètres sur lesquels vous pouvez intervenir, pour que la solution d'EmailMeForm corresponde à vos besoins les plus précis. Ensuite, nous récupérerons le code du formulaire.

 

EmailMeForm-creation-0507-message.jpgMessage From ou Message de. Vous pouvez demander à ce que le message généré par le formulaire ait pour expéditeur EmailMeForm, ou le nom et l'adresse de l'utilisateur du formulaire. Je vous conseille de garder le site, notamment pour ne pas retrouver aléatoirement des messages dans la corbeille parce que votre anti-virus n'aurait pas reconnu l'expéditeur. Quand l'adresse d'EmailMeForm aura été déclarée fiable par vos soins, tous les messages passeront.

Message subject ou Objet ou Titre du message. Là encore vous pouvez utiliser le nom de votre formulaire ou le texte écrit par le visiteur dans l'un des champs. Logiquement ce serait « sujet », mais vous pouvez utiliser n'importe quel champs. Si vous avez plusieurs formulaires, je vous conseille d'utiliser le paramètre Form name, qui facilitera le classement des messages.

Send copy to sender, ou envoyer une copie à l'expéditeur. On peut envoyer une copie à l'expéditeur, mais il faut bien faire attention à ce que l'expéditeur déterminé plus haut ne soit pas le site d'EmailMeForm lui-même.

Include data for export, ou inclure les données pour export. Cela ne vous sera pas tellement utile pour un simple formulaire de contact, à moins de vouloir établir des statistiques. Pour un sondage, un concours, vous pouvez utiliser un formulaire EmailMeForm pour obtenir des données que vous exploiterez vous-même dans un tableur.

EmailMeForm-creation-0607-previsualisation.jpgQuand vous aurez validé ces choix, vous aurez accès à une prévisualisation de votre formulaire. Il est toujours temps de revenir en arrière avec le bouton [Back] et reconsidérer certains de vos choix. Certains aspects de mise en forme, et le texte de la « vérification d'image » ne pourront être modifiés qu'après la récupération du code.

Quand vous avez un projet de formulaire qui vous convient, vous cliquez enfin sur le bouton [finish]

EmailMeForm-creation-0707-confirmation.jpgLe site vous confirme la création du formulaire, mais il vous reste à récupérer le code pour pouvoir l'intégrer dans votre page. Le premier lien hypertexte vous permet de tester le fonctionnement en conditions réelles avant même l'intégration.

Dessous, vous trouvez la phrase [Click here to get the Html code], et donc forcément, vous allez cliquer. C'est pas le moment de flancher.

EmailMeForm-creation-08-get-html-code.jpgMais il avait dit que c'était gratuit non ?


Je maintiens. On ne vous demande de l'argent que pour récupérer le code HTML et le code PHP, le vrai code actif, celui qui fait mouvoir les robots de messagerie. Sur une plateforme de blog, vous n'en avez pas besoin.

Vous copiez donc le code, et vous l'intégrez dans une note



Pour intégrer le formulaire :

- Dans la note, positionner le curseur où se situera le formulaire.
- Cliquer sur le bouton avec la note et un haut-parleur [Insérer un fichier multimédia]
- Cliquer sur l'onglet [code embed]
- Dans la zone "Insérer le code de l'embed" coller le code obtenu chez EmailMeForm
- Valider en cliquant sur [Valider]
- De retour dans votre note, vous voyez le formulaire et vous pouvez en peaufiner la présentation.

C'est ce que j'ai du faire pour le formulaire de la page À propos, dont l'apparence d'origine est la suivante


Votre nom
Votre adresse électronique
Votre blog ou site
Sujet de votre message
Votre message
Image Verification
Please enter the text from the image:
[ Refresh Image ] [ What's This? ]

Je prévois un épilogue, mais vous avez déjà tout ce qu'il faut pour vous lancer.

Le feuilleton a commençé ici, et l'ensemble des notes a été réuni dans un document PDF à téléchager

14:31 Écrit par Gee Mee dans Boîte à outils | Lien permanent | Commentaires (0) | Tags : formulaire, contact, emailmeform | |  del.icio.us | | Digg! Digg |  Facebook

Les commentaires sont fermés.