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.

 

Message 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.

Quand 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]

Le 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.

Mais 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? ]

web form

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

Créer une page de contact : Suspension du feuilleton

EmailMeForm est en train de subir des améliorations "majeures", et de se voir attribuer un design "beaucoup mieux que le vieux"... Et mon feuilleton s'en trouve obsolète avant même d'avoir été terminé... Vous m'accordez un délai ?

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

---------- Forwarded message ----------
From: EmailMeForm <[e-mail]>
Date: 2009/8/25
Subject: Gee, Notice of Improvements to Emailmeform's Server...
To: Gee Mee

Hello Gee,

Note: You are receiving this email because you have account with www.Emailmeform.com ( owning x forms , username: Gee Mee ). To cancel or unsubscribe please see bottom of this email.

We know your time is precious, so we will keep this short.

Personnaliser le Gravatar par défaut, quand même

Vous avez cliqué dans un formulaire de commentaire sur "Pourquoi laisser cette adresse ?", vous trouverez la réponse ci-dessous. Si c'est la méthode d'insertion d'un "gravatar par défaut personnalisé" qui vous intéresse, vous pouvez vous rendre directement à la suite.

Vous avez un gravatar que vous assumez sans peine ?
- Laissez donc votre adresse e-mail.

Vous n'avez pas de gravatar, ou vous ne voulez pas l'afficher ici ?
- Laissez donc l'adresse e-mail déjà inscrite. Elle permet d'afficher un gravatar que j'ai choisi pour son accord avec les couleurs de mon blog.

Vous tenez à me laisser votre adresse ?
- Et pourquoi ne me laisseriez vous pas un message direct dans le formulaire de contact ?

 

Créer une page de contact pour votre blog Hautetfort - 4 - Mettre en forme

Si nous résumons l'épisode précédent, nous avons choisi nos champs et les avons organisé, nous reste maintenant la mise en forme du formulaire par l'intermédiaire d'EmailMeForm. Il sera possible, et parfois nécessaire, de modifier certains éléments via l'éditeur Hautetfort.

Pour vous éviter de mettre les mains dans le code du formulaire, et de créer un décalage entre le code stocké chez EmailMeForm pour vous, et celui qui est effectivement intégré dans vos pages, je vous conseille de personnaliser autant que possible lors de cette étape.

Créer une page de contact pour votre blog Hautetfort - 3 - Organiser les champs

Si nous résumons l'épisode précédent, nous nous sommes inscrits, et nous avons publié une note qui fera office de page de remerciement. Nous nous sommes quittés en rase campagne, en plein champs, aussi nous consacrerons nous aujourd'hui aux différents types, et à leur organisation.

Par défaut le formulaire propose quatre champs de texte, dont l'un possède plusieurs lignes pour le corps de votre message. Vous avez bien d'autres choix, tant dans la quantité que dans la qualité. Vous trouverez ci-dessous un formulaire exploitant tout que vous avez déjà croisé par ailleurs.

Créer une page de contact pour votre blog Hautetfort - 2

Nous avons trouvé en EmailMeForm une solution de formulaire à intégrer aux pages web pour proposer de laisser un message sans obligatoirement faire apparaître l'adresse du destinataire. Même pour faire fonctionner le très basique forumlaire de l'épisode précédent, il faut d'abord s'inscrire, et savoir remercier.

Je n'ai pas de prévention particulière à l'encontre d'EmailMeForm mais je n'ai pas de parts sociales non plus. Je n'arrive pas à soupçonner le site de collecter les adresses à des fins « inappropriées », mais si quelqu'un dispose d'informations incitant à la méfiance, qu'il n'hésite pas à en faire état. Par ailleurs, il existe peut-être une solution équivalente en français ; si une bonne âme en venait à me la faire connaître, j'en assurerais sûrement la promotion.

Créer une page de contact pour votre blog Hautetfort - 1

C'est le nouveau feuilleton de l'été sur ce blog pour pallier l'une des carences de la plateforme : le formulaire de contact. Vous hésitez à mettre votre adresse en direct sur votre blog, mais vous voulez que l'on puisse vous envoyer un message ? Vous êtes au bon endroit.

Sans être extrêmement compliquée, la chose n'est pas si simple, en particulier pour ceux qui ne seraient pas très à l'aise avec l'anglais. Je remercie Soufiane de Leblogger d'avoir publié cet article qui m'a mis sur la voie. Je vous conseille d'ailleurs la lecture régulière de son blog, qui fourmille de solutions intéressantes, même si les mises en œuvre sont consacrées à Blogger & Blogspot.

Commençons par la fin, voici le résultat...

De la musique avec un simple lien vers Deezer

Mise à jour d'une note publiée le 24 octobre 2008 et déjà mise à jour le 6 mars 2009.

Mettons que j'ai envie de vous proposer d'écouter une chanson, choisie pour une homophonie aussi approximative qu'involontaire avec ce blog. Je peux faire un lien vers "Gimme! Gimme! Gimme! (A man after midnight)". Pour les gourmands, je peux proposer un lien vers l'album "Gold" de ABBA. C'est le plus simple, et à condition de faire ouvrir une fenêtre supplémentaire, cela permet d'écouter de la musique, tout en poursuivant la lecture de votre blog. (NB : à ce jour, les liens vers la V2 sont correctement redirigés vers la V3, mais pour combien de temps ?)

Deezer V3

Compte tenu de la fréquentation de mon blog par des internautes en recherche d'info à propos de cette plateforme de musique en ligne, je suis bien obligé de vous tenir informés.

Deezer V3 est enfin ouverte au public, et les widgets de lecteurs exportables personnalisables sont à nouveau disponibles d'après le Deezer Blog.

Les anciens lecteurs fonctionnent encore, en version monochrome, mais pour combien de temps ? Quand j'en aurai, je re-ferai le point.

 

Choisissez le lien permanent de vos notes avec adresse

Réfléchir à juste titre, pour avoir des liens permanents qui durent, et rendre un hommage discret à l'une des dernières notes d'Alexandra.

Dans Choisir l'adresse URL de sa note notre Community Manager préférée¹ nous annonçait qu'il était désormais possible de modifier l'adresse d'un "lien permanent". Revenons sur le fonctionnement de base et ses enjeux.