13 mars 2012

Formulaire De Contact Gratuit Pour Votre Site Ou Blog

Formulaire De Contact Gratuit
Créez votre formulaire de contact HTML facilement et gratuitement à l'aide de  foxyform.com et insérez le dans votre site ou blog.
C'est simple et rapide, et pas besoin d'avoir de serveur php, un simple accès à votre code source HTML suffit.

I'inscription n'est pas requise. Ainsi, vous pouvez l'ajouter en quelques secondes. Une protection anti spam est intégré et vos visiteurs peuvent soumettre le formulaire de contact sans rafraîchir la page.



Ajouter Un Formulaire De Contact à Votre Site/Blog

Pour créer le formulaire de contact gratuit de "FoxyForm", procédez comme suit :

1. Allez à l'adresse suivante : http://fr.foxyform.com/
2. Sélectionnez les champs que vous voulez inclure dans le formulaire et décider s'ils sont obligatoires ou non.
3. Personnalisez la couleur, le font, la police... pour votre formulaire de contact pour mieux correspondre au design de votre site/blog.
4. Entrez une adresse e-mail valide pour recevoir les données envoyées du formulaire.
5. Maintenant, appuyez sur le bouton
Le code HTML pour votre formulaire de contact s'affiche. Copiez et collez ce code sur votre site.
6. Maintenant connectez vous à Blogger, créez un message ou une page, cliquez sur l'onglet "Modifier le code HTML"  et copier/coller Le code HTML de "FoxyForm" dans le corps du Message comme sur l'image suivante :
Pour voir une démonstration du formulaire de contact "FoxyForm", consultez notre page de contact.

L'importance de ce formulaire de contact est qu'il peut soumettre sans rafraîchir la page et affiche un message de remerciement après l'envoi des données.

41 commentaires:

  1. Merci pour vos infos, j'espère que le copier-coller va fonctionner...
    pour mon site que j'ai créé avec un logiciel.

    RépondreSupprimer
  2. Merci beaucoup, voilà qui a le mérite d'être simple et très clair. Je teste tout de suite.
    The City Mouse Insider.

    http://thecitymouseinsider.blogspot.fr/

    RépondreSupprimer
  3. le formulaire marche trés bien sur mon blog:
    http://bio-for-you.blogspot.com/
    merci

    RépondreSupprimer
  4. Bonjour,
    Merci pour ce formulaire. Il fonctionne très bien.
    Pourriez-vous me préciser s'il y aurait la possibilité de demander que le formulaire soit envoyé à plusieurs destinataires?
    Peut-on, enlever la zone message ou y saisir un message fixe à l'intérieur?
    Je vous remercie pour ce super travail.

    RépondreSupprimer
  5. @Anonyme
    le destinataire doit être unique et le champ "Message" ne peut pas être modifié.
    Essayer avec EmailMeForm qui propose plusieurs options : http://www.emailmeform.com/

    RépondreSupprimer
  6. Bonjour à tous ,
    Merci à l'auteur de TheBlogueur pour ce formulaire de contact. Simple à mettre en place, et efficace lors de son utilisation!
    N'hésitez pas venir jeter un œil sur mon blog: http://v-mechatronics.blogspot.fr/
    Vous pouvez dès à présent me contacter :)
    Encore merci!
    Vivien

    RépondreSupprimer
  7. Bonjour, j'ai bien suivi la procédure mais la page ne s'affiche pas! Quelqu'un aurait-il une idée du pourquoi?
    Merci

    RépondreSupprimer
  8. Bon ben, c'est réglé, je sais pas comment j'ai fait, en tout cas tout est ok maintenant!
    Merci pour ce tuto!

    RépondreSupprimer
  9. Décidément, c'est une mine d'or ici ! Merci beaucoup ! J'espère par contre que le site qui propose cet outil ne m'amènera pas de spams...

    RépondreSupprimer
  10. @Lydie D
    j'utilise ce formulaire de contact depuis pas mal de temps et j'ai jamais reçu un spam :)

    RépondreSupprimer
  11. Bonjour,

    Comment mettre un lien en dur qui redirige vers le formulaire créé ?
    En gros, cela revient à créer un gadget dans blogger que l'on pourrait appeler contact et le positionner ou on veut qui amenerait vers le formulaire (comment celui créé en haut de la page ici).

    Question dans le meme type : comment créer un lien sur le logo du site pour redirection vers page d'accueil ?

    RépondreSupprimer
  12. Bonjour Virginie ,
    vous pouvez utiliser le gadget "Liste des liens" :
    "Tableau de bord" > "Mise en page"
    juste au dessous de l'en-tête de votre blog, cliquez sur "Ajouter un gadget"
    faites défiler la liste proposée et sélectionnez le gadget "Liste des liens"
    saisissez ensuite les titre et les adresses de vos liens.

    Vous pouvez aussi ajouter un menu horizontal, regardez l'article suivant :
    http://theblogueur.blogspot.com/2012/11/ajouter-menu-navigation-horizontal.html

    Concernant le logo, allez à "Mise en page",
    en haut de la page vous allez trouver un gadget nommé (en-tête), cliquez sur "modifier", cliquez ensuite sur "parcourir", sélectionnez votre logo, choisissez l'option "Substituer le titre et la description" et enfin cliquez sur "enregistrer"
    le logo sera automatiquement cliquable et pointe vers la page d'accueil.

    RépondreSupprimer
  13. Super tes tuto m'aide énormément continue !!!
    Merci !!

    RépondreSupprimer
  14. Bonjour,

    Est il possible de mettre ce formulaire sur un forum ?

    Je suis chez http://www.forumactif.com/ ?

    Merci bien et à bientot :)

    RépondreSupprimer
  15. Bonjour,
    J'ai pu mettre le formulaire sur mon blog http://lesmarchesdelodie.blogspot.com/
    dans la page "contact", seulement il y a la barre latérale droite (de défilement) qui apparaît avec le formulaire, comment faire pour l'enlever?
    Merci

    RépondreSupprimer
  16. Bonjour,
    j'ai mis mon formulaire sur mon blog http://sequoiapaca.blogspot.fr/ en créant une page. Lorsque je fais aperçu, j'ai bien mon formulaire mais sur le blog, mon onglet "Contactez-nous" n'est pas actif ? par ailleurs, dans ma page "mission" j'ai mis en lien l'adresse url de ma page contactez-nous et j'arrive sur un message d'erreur... j'ai fait X tentatives, je ne sais plus quoi faire... pouvez-vous m'apporter votre aide ? et merci beaucoup pour la qualité de votre blog !

    RépondreSupprimer
  17. Merci beaucoup, j'ai testé, ça marche, je suis ravie…

    RépondreSupprimer
  18. "Erreur d'analyse XML, ligne 2172, colonne 2 : The markup in the document following the root element must be well-formed"

    Que faire s'il vous plaît ???

    RépondreSupprimer
  19. meeerciiiii
    wwww.TvFace.Tv
    www.womensfemmes.blogspot.com

    RépondreSupprimer
  20. Bonjour,
    j'aimerai savoir comment je dois faire si je veux mettre un lien vers mon formulaire de contact dans un widget html javascript ?

    RépondreSupprimer
  21. Bonjour,
    Ça marche impeccable. Est-il possible de supprimer la barre de défilement?

    châteaux et randonnées

    RépondreSupprimer
  22. On pourrait tout dire, mais jamais oublier que ce blog nous aide beaucoup. Continuez cher Monsieur à nous apprendre encore et encore.

    Grand merci.

    http://www.cecinarconsulting.blogspot.com

    RépondreSupprimer
  23. Merci pour votre aide http://tous-tech.blogspot.com

    RépondreSupprimer
  24. merci , c'est tout simplement super génial et super facile !!

    RépondreSupprimer
  25. Svp je veux savoir la différence entre ce formulaire et celle de Blogger ( le nouveau ) Merci

    RépondreSupprimer
  26. Aucune différence...puisque le contact de Blogger,vient de " foxyform.com"

    RépondreSupprimer
  27. bonjour j'ai suivi les étapes mais je ne comprends pas le point 6. ????? sur quel site me connecter ??? 6. Maintenant connectez vous à Blogger, créez un message ou une page, cliquez sur l'onglet "Modifier le code HTML" et copier/coller Le code HTML de "FoxyForm" dans le corps du Message comme sur l'image suivante :
    Suis je bête ?? merci de votre aide.
    hubert

    RépondreSupprimer
  28. jje viens de créer un formulaire sur foxyform et dans la dernière étape on doit se connecter sur blogger pour créer un message puis cliquer sur"modifier le code HTML" et je ne sais pas comment faire
    Quelqu'un peut il m'aider

    RépondreSupprimer
  29. j'ai fait les 5 étapes mais la 6ème étape est très dur, il ya quelqu’un qui peut me aider

    RépondreSupprimer
  30. Impeccable!!!
    Merci pour cette astuce

    RépondreSupprimer
  31. Bonjour,

    Comment enlever la barre de défilement verticale ?

    Je vous remercie pour votre réponse.

    Cordialement.

    RépondreSupprimer
  32. merci
    http://les-messages-sms.blogspot.com/

    RépondreSupprimer
  33. Impeccable!!!
    Merci pour cette astuce
    http://www.lebonmag.com/p/contact.html

    RépondreSupprimer
  34. Très bon cet article, j'aimé votre blog a beaucoup de contenu de valeur,
    www.e-bloguer.blogspot.com

    RépondreSupprimer
  35. Ceci est exactement ce que je cherchais!
    J'aimeras ton blog, ont très bon article.
    Je viens de mettre un lien sur mon blog. Blogueur www.eblogueur.blogspot.com

    RépondreSupprimer