Créer une page de Contact pour votre blog Blogger (Formulaire de contact par Email)
Je dis bien une page de contact intégrée à votre blog et non pas un lien pop-up vers un site Anglais avec plein de logos moches et des publicités hors contexte.
Il y a plusieurs services qui proposent d’insérer gratuitement un formulaire de contact sur votre blog mais ici je ne vais citer que Email Me Form, que j’utilise depuis la création de ce blog : ma page de Contact.
Mise à jour - 15 Juin 2010
Depuis quelques jours le formulaire ne fonctionne plus et on reçoit automatiquement des message tronqués avec uniquement les première lettres du message.Je vais essayer les autres services que je cite en bas de cet article et je ferais un autre tutoriel pour vous permettre éventuellement de remplacer EmailMeForme
Comment ça marche
-Vous créez une page de Contact en créant un nouveau Article/Message.-Vous vous inscrivez dans "Email Me Form" puis configurez le formulaire de contact. "Email Me Form" vous donne un code HTML que vous allez copier/coller dans le corps de l’Article/Message que vous avez créé.
-Les visiteurs vont aller sur votre page de contact, remplir les champs du formulaire et le valider.
-Email Me Form va recevoir ces donnés et les envoyer immédiatement à votre adresse email.
-après avoir validé le formulaire, les visiteurs sont redirigés vers la page que vous choisissez : page d’accueil ou page de remerciement.
Quelques Astuces
-Vous pouvez créer une page de Remerciement (en créant un nouveau Article/Message) vers laquelle vos visiteurs seront redirigés après avoir valider le formulaire : Ma page de Remerciement. Vous pouvez également les rediriger vers votre page d’accueil. (cf. étape 1) -Publier la page de Contact et de Remerciement en modifiant la date afin que ces pages n’apparaissent pas dans la page d’accueil. (cf. deuxième Image)-Ecrivez un petit message juste avant le formulaire de contact (cf. deuxième Image).
- Au lieu de créer une page, vous pouvez créer un widget : Allez dans Mise en page, cliquez sur Ajouter un gadget puis sur HTML/JavaScript et copier/coller le code de "Email Me Form".
-Ajouter un lien Me Contacter n’importe où dans votre blog: <a href="http://L'adresse_de_la_page_de_contact/">Me Contacter</a>
Tutoriel en Image
Allez dans Email Me Form, Inscrivez vous, et dans le menu à droite cliquez sur "Create new form" et suivez ces étapes :
Maintenant connectez vous à Blogger, Allez dans "Publication d’un message", "Créer" et copier/coller Le
code html de "Email Me Form" dans le corps du Message comme sur l'image suivante:
89 Commentaires
Super, merci je ne savais pas quand pouvais faire ça aussi facilement très belle astuce.
merci, c'est vraiment cool de pouvoir faire cela dans une page blogger et merci a toi d'avoir repondu a ma solicitation par mail pour obtenir ton astuce
Bonne continuation a toi
@ Antipub :)
Toujours le bienvenu :D
resalut es ce que tu peux m'aider a mon sujet
@ TélachargementAZ
C'est la même procédure que pour créer une page de contact, il faut juste adapté les champs à ce que tu souhaites.
Dans l'étape 2 du tutoriel, tu as plusieurs choix: Short text, Large text, checkbox, radio buttons, drop down list et file attachement. En utilisant ces options et avec un peu d'imagination et beaucoup de tests tu peux faire ce que tu désires.
Vas-y essai et dit moi ce que ça donne.
je viens de m'apercevoir que mon formulaire ne fonctionne pas, j'ai fait un test en m'envoyant moi meme un message, et lorsque je clic sur "envoyer" , je suis redirigée vers une page en anglais qui dit que ca ne foncionne pas ... que puis je faire ? merci
@ Alexandrah
Le Message d'erreur dit: Sorry, the form id you provided is invalid :?
je crois que tu as supprimé ou modifié un truc dans le code. Il faut juste refaire la procédure et remplir les champs comme sur les images :)
dit moi si ça fonctionne bien après.
oui c exactement ce message ! je suis retourné sur le site email me form, j'ai éditer à plusieurs reprises mon formulaire, et je ne sais pas d'ou vient l'erreur (j'ai juste changé les codes couleurs car les caractères des libellés (nom, email, sujet, message, ) n'apparaissaient pas car ils étaient noirs et mon fond est noir... demain je le supprimerai complètement et recommencerai depuis le début, et je te fais signe pour dire si ca fonctionne !
Bonjour,
Je vous remercie pour votre article qui m'a donné l'envie de rédiger des notes consacrées à la plateforme que j'utilise.
comment autoriser les codes source sur les pages des blogs, parceque moi je blogge sur Over-blog et mon code source que je colle sur la page que je veux publier apparaît comme un simple texte
Merci !!!
Heureusement qu'il existe des altruistes comme toi pour des quiches comme moi !
Et voilà le résultat : http://gestionpaieetgrhquichoisir.blogspot.com/2009/09/un-projet-une-demande-une-question.html
@ Gee Mee
Tant mieux, tu utilises quoi ?
@ Carole Blancot
Merci Merci
Ton blog est très intéressant.... je cherchais justement des infos sur ce domaine ...
Je viens de m'ouvrir un deuxième blog. Dans le tableau de bord, les deux titres apparaissent à l'exception que pour le nouveau blog il n'y a pas de MISE EN PAGE. Il y est indiqué MODÈLE.
Très embêtant pour changer ou ajouter des éléments. J'ai souvent changer de modèle mais rien n'y fait.
@ ArînaLise
J'ai pas compris de quoi ça s'agit ...
Merci Soufiane pour ton blog, il m'est très utile pour améliorer le mien :D
Bonjour,
je souhaite créer un liens contact sur ma page blogger, je me suis inscrit sur ce site "Email Me Form", mais je vois qu'il est payant.
@
Il y a une version gratuite.
désoler, sur la même page ?
je ne suis pas très bon en anglais, pouvez vous m'indiquer merci
@
ici :
http://www.emailmeform.com/v-signup.html
Merci
C'est t-il possible d'élargir un peu la page du blog ?
Bonjour Soufiane,
Aurais-tu un truc pour élargir les pages? Je trouve que mes pages sont étroites. En fait ils sont au centre, laissant ainsi beaucoup d'espaces de chaques cotés. J'espère que tu comprend le sens de ma question?
Merci
@ René
Oui je comprend, ce que tu veux dire, je pense que je vais faire un article "ViteFait" sur le sujet, juste pour ne pas me répéter à chaque fois, Sinon je te répondrais dans la page des Souhaits....
C'est très facile, mais il faut changer 4 ou 5 chiffres en même temps....
Bonsoir,
j'ai besoin de votre aide j'ai bien créer le formulaire, j'ai récupère le code html en insérant, dans les paramètre elle s'affiche sur la page de mon blog, en fait je souhaite avoir un liens "Nous contacter" et en cliquant dessus là je voudrais avoir le formulaire.
Merci
@
Tu fais un lien vers la page où tu as ajouté le code, c'est tout !!!!
salut Soufiane,
J'ai fais une mauvaise manipe et je souhaite créer un formulaire mais j'ai ce message d'erreur "
Error: You have already activated this account!" soit disant que me compte est déjà activé est-il possible de faire marche arrière avec l'adresse mail que je souhaite utiliser ?
Slt
A la 1er étape pour remplir mon formulaire j'ai le message suivant :
"You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'ZE ', '', 'http://', NOW(), 'temp', 'Verdana', '2', '#FFF' at line 1"
soufiane c'est du a quoi stp ?
Merci
@
Faut créer un autre formulaire c'est tout, pas la peine de créer un autre compte....
Ok je te remerci
salut soufiane
Systématiquement j'ai le message suivant :
You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'ze abdoul ', '', 'http://', NOW(), 'temp', 'Verdana', '2', '' at line
dans mon nom j'ai enlever l'apostrophe et les espaces rien n'y fait.
Merci
Abdoul
c'est bon j'ai réussi
Abdoul
Salut
J'ai un soucis je n'arrive pas faire rediriger le formulaire vers le liens
Me Contacter
On peut le placer dans "mise en page" ???
Merci *
Runcom
@ Abdoul
Comment t'as fait, partage wech ...
@ Runcom
Hein !!!!
normalement tu ajoutes le code dans un message, tu publies le message et tu utilises l'URL de ce message pour redirigé les visiteurs vers le lien ....
@ Soufiane dans mon nom de famille il y a des apostrophe je l'ai enlevé et enregistré .
@ Abdoul
Ok ok, c'est noté merci ....
@ Soufiane
mais i je veux mettre un liens "Me contact" comme pour ton site et en cliquant dessus j'ai un formulaire avec une autre page ça c'est plausible non ?
Runcon
@ Runcon
Oui, est ce que tu as ajouté le code du formulaire dans un message ? c'est ce que j'ai fait.
Après j'ai publié le message et j'ai récupéré son adresse c'est tout.
@ Soufiane
Non je ne l'ai pas mis dans le corp d'un message, je l'ai mis dans gadget ajout dans "texte, donc c'est pas comme ça qu'il faut faire?
Il faut que je le met dans un corps d'un message, je le publier et c'est après que j 'ai pas compris.
Merci pour ta réponse !!
@
Oui tu ajoutes le code dans un message, tu publies le message et tu utilises l'URL de ce message pour redirigé les visiteurs vers le lien ....
Bonjour Soufiane,
En passant p-e serait-il plus simple pour les gens de mettre le formulaire de contact comme j'ai fait sur mon blog, dans la section des liens. (Voir mon blog www.lesbrodeur.blogspot.com )
C'est plus facile et il apparait sur toutes les pages. Une suggestion seulement.
Je ne sais pas si tu as eu le temps de faire un article sur " comment agrandir les pages?" Si non , je patienterai.
Merci pour les astuces.
René (fidèle lecteur)
@ René
Oui j'ai vu le formulaire, c'est pas comme ça.
Je l'avais noté dans l'article dés le début :
- Au lieu de créer une page, vous pouvez créer un widget : Allez dans Mise en page, cliquez sur Ajouter un gadget puis sur HTML/JavaScript et copier/coller le code de "Email Me Form".
Pour agrandir les pages, ton blog sera déformé, puisque tu utilise une image comme arrière plan et non une couleur, tu vas tester quand je publierais ça ....
@ Soufiane
Pour le email-form, c'est exactement çà que j'ai fait.
" Mise en page, cliquez sur Ajouter un gadget puis sur HTML/JavaScript et copier/coller le code de "Email Me Form""
C'est le résultat que çà donné.
J'attend pour le truc des pages élargies. Je comprend pour la déformation. Si çà cause problêmes, je changerai le background.
René ;;)
Rectification: Ce n'est pas un code du site Email Me Form...c'est tout simplement un code js de email form que j'avais dans mes codes.
René :o)
Bonjour Soufiane
Ma page de formulaire ne fonctionne pas, y a t-il une erreur dans ce code :
Nous Contacter
j'ai le message d'erreur : Page introuvable
Merci pour votre aide
AM
J'ai mis ça comme code html
Nous Contacter
@ René
D'accord...
@ AM
Il faut suivre le tutoriel: ....tu ajoutes le code dans un message, tu publies le message et tu utilises l'URL de ce message pour redirigé les visiteurs vers le lien ....
@ Soufiane
Ce que j'ai fait j'ai fais le formulaire, j'ai récupéré le code, je l'ai publier, puis j'ai récupéré l'URL puis je l'ai mis a la place de l'adresse de la page de contact
Me Contacter
et j'ai le message d'erreur : Page introuvable
AM
@ soufiane
J'ai modifier la date et ok
par contre quand j'ai fais un test, quand je clic sur envoyer je tombe sur une page introuvable c'est normal ?
AM
@soufiane
Excuse moi si je me répète ( je suis plus sur si je t'ai posé déjà la question)...pourrais-tu me dire si le traducteur pourrais s'intègrer dans un site web standard, pas seulement un blog comme blogger?
René
www.infosmatelas.com
www.infosmatelas.blogspot.com
www.secretsdumonde.blogspot.com
@ AM
c'est quoi ton blog ???
@ René
Oui oui faut juste copier le même code quelques part dans ton site.
Bonsoir Soufiane,
Après de multiples essais et de nombreuses "aventures" je suis arrivée à installer la page de contact.
10 000 x merci
;;)
Bonjour Soufiane,
J'utilise cette fonction pour mes 2 blogs et ca marche du tonnerre.
Y a t il une variante qui permet d'afficher dans un message du blog un formulaire d'envoi d'email ou l'internaute recommande la lecture d'un article à ces amis en rentrant directement leurs adresses email + remplissage d'un champ "objet" et d'un message (comme un email classique).
exemple sur le site : http://www.copenhague-2009.com/
colonne de droite "envoyer l'appel à un proche"
J'ai essayé de copier/coller leur script mais ca ne marche pas chez moi.
merci pour ta réponse.
laurent
@Franceline
C'est cool que tu es arrivé, j'ai pas pû répondre a ton email, DSL :(
Laurent
Ouups, je crois que pour faire un truc pareil, il faut une Base de donnée et un peu de PHP, je ne sais pas s'il y a un service gratuit pour faire ça....
Si je trouve quelque chose je te tien au courant =))
Bonjour,`J'ai fait plein d'essais : aussi pour supprimer la vérification.
Le "contact" devrait marcher maintenant ...
Ok, attend je vais l'essayer =)(
Ok c'est parti sans problèmes ....
Bonjour sofiane merci pour ton blog et tes réponses d'avance : voici mon PB j'ai crée le formulaire contact en aperçu en message il est parfaitement affiché mais sur le blog il tronqué ????
merci pour ton aide
voici mon blog : www.madinina.me
@Madinina Mieux Etre
Il faut soit baisser la largeur du formulaire soit augmenter largeur de ta barre centrale....
simple et efficace comme d'habitude merci
Madinina Mieux Etre
=)(
Bonjour
Je viens de créé un nouveau compte
et j'ai le message suivant :
Error: You already submitted this form the maximum number of times allowed for today.
Alors c'est le premier formulaire que je créé avec ce compte.
MAB
Bonsoir
Pas de réponse ou de solution pour ce message d'erreur ?
MAB
Merci pour ta page contact avec Email Me Form.
C'est simple et de plus ça marche.
Sorry this is in english but I wanted to help with the Error message (Error: You already submitted this form the maximum number of times allowed for today.)
This happens if your SPAM settings in the second to last page is set to "limit __ number of submissions per IP" and the ___ is set to "0"
@Tony Carmichael
Thanks for that Tony, it's very helpful .....
I think the default max number of submissions a day is 10, see the 4th picture.
Moreover I have set the spam email address the same as the default because sometimes EmailmeForm consider non spam messages as so....
bonjour,
je pense que ton blog va m'être bien utile, je veux créer une page "me contacter" mais je n'arrive pas à m'inscrire à "e-mail me form"...
je remplis le formulaire, je l'envoie, mais je ne reçois pas d'e-mail.
peux tu m'aider,merci.
dj
Tu veux dire que le formulaire ne fonctionne pas ;)
Il faut bien suivre le tuto, vérifier l'email et définir une email pour les spam ...
bonjour,
est ce que tu as réessayé de t'inscrire récemment, il y a peut être un problème. je ne comprend pas "and add @emailmeform.com on your white list if possible."et definir un e-mail pour les spams non plus, ni de quel tuto tu parles...
dj
ça y est, je me suis inscrit à e-mail me form, je n'ai rien fait de plus que d'essayer pour la 20ème fois, il devait y avoir un problème, mais maintenant ça marche;
dj
Félicitation DJ, Faut juste bien suivre le tuto :)
Super !
ça fait un bout de temps qu'on cherchait à mettre un formulaire ...
Merci !
Phil
http://www.coccxyphil.com/
Bonjour Soufiane,
Bravo pour ton blog, et ton aide.
En suivant pas a pas tes indications, j ai pu vite et bien ( pour une fois !) ajouter le formulaire Me Contacter.
Anne
http://voiliersundance.blogspot.com
@Anne et Jocelyn
C'est cool :D
almasrah
Merci, ça fonctionne bien et c'est vraiment très simple à faire... www.assolechemindelune.blogspot.com
Bonjour !
Merci pour cette astuce ! Alors tout fonctionne normalement chez moi.
Je me suis envoyé un e-mail test avec deux adresses différentes (une pour l'expéditeur, une pour destinataire). Le problème c'est que quand je veux répondre au mail, c'est mon propre e-mail que le message reprend et non l'e-mail de l'expérideur. Que faire pour que ce soit automatique ?
merci c'etait cool sur mon site ! : http://fce92.blogspot.com/
Bonjour Soufiane.
Merci pour ce tutoriel, c'est simple et super pratique :)
J'aimerai savoir si il serait possible d'avoir plus d'information sur les "field type" ? (à l'étape 2)
Bonne journée.
M.
Sa fonctionne ! sauf que la personne qui pose une question arrive sur un page blanche une fois la question envoyer ? Y'a un moyen d'afficher ''Votre Message à été envoyer'' ou tout simplement de rediriger la personne sur mon blog après l'envoie de la question ????
merci
Super tuto ! J'ai testé des formulaire, mais ce service est le meilleur, intégré proprement à blogger, contrairement aux autres qui rediriges sur des pages affreuses et font sortir du blog.
Bravo pour cette astuce et merci beaucoup !!