lundi 14 novembre 2011

Intégrer un formulaire de contact 1/2

Personnaliser un formulaire de contact, déposer un questionnaire, faire un sondage, sont des besoins qui se font sentir afin d'établir des relations plus étroites et personnalisées avec ses lecteurs. Mais comment faire ?
Des sites vont vous proposer ces options, mais s'ils offrent des options intéressantes, celles ci ne sont pas toujours pérennes. Il me semble qu'il est préférable d'utiliser les outils intégrées de Google.
Parmi ceux çi : Google Docs ► si vous avez un blog, vous devriez avoir avoir un compte Google et disposer de Google Docs.

Conception du formulaire

Se connecter à Google Documents [1] puis cliquer sur le bouton Créer [2].
Juste en dessous, les options suivantes s'affichent. Cliquer sur Formulaire :

Voici le formulaire de composition du formulaire sous Google Docs :
Voici les points significatifs :
[1] : Précisez ici le titre du formulaire
[2] : un petit message complémentaire peut être donné aux lecteurs
[3] : Intitulé de la question. Ici dans le cas, d'un formulaire de contact, on demandera par exemple le mail de l'expéditeur afin de pouvoir lui répondre
[4] : Texte de l'aide, si besoin de précision
[5] : Type de question. Plusieurs options.
Ici Texte permet de saisir un court message pour la réponse.
Il existe aussi Texte de paragraphe qui, lui, laisse une plus grande latitude à votre lecteur.
Pour d'autres utilisations (sondage, questionnaire) vous avez aussi Choix multiples, Cases à cocher, Sélectionner dans une liste, etc.
[6] : Rendre cette question obligatoire. On oblige une réponse de la part du lecteur. C'est notamment nécessaire si on veut connaître son adresse mail afin de lui répondre.
[7] : OK. Ce bouton permet de valider la première question et de passer à la création de la suivante.
[8] : Pour la création de la question suivante, il faut se positionner en face de la question suivante (exemple de question 2) et cliquer sur les boutons d'action (modifier, dupliquer ou supprimer). Ou alors se mettre au niveau de la question 1 et faire dupliquer pour aller ensuite en modifier.
[9] :  Thème. Ici, vous allez avoir plusieurs modèles de présentations différentes de ce formulaire.

Voici, une fois rempli, le formulaire que j'ai préparé :

En cliquant sur le menu Autres actions [1] puis Intégrer [2], vous pouvez récupérer le code de ce formulaire que vous pourrez déposer dans un message ou une page statique de votre blog.

Encore quelques petits réglages supplémentaires, notamment sur le menu Outils [1] puis Règles de notification [2] de votre formulaire :

Ici, vous pouvez spécifier si vous souhaitez être informé par mail [1] et à quelle périodicité ou régularité [2] :


A+

10 commentaires:

  1. Super !
    Merci beaucoup pour ce tuto super bien expliqué et très utile !

    RépondreSupprimer
  2. Les googles docs sont excellent pour faire un formulaire de contact.
    Je me sers de www.123contactform.com.
    En version "free" on peut faire jusqu'à 5 formulaires par compte. Les formulaires sont facile à faire et à intégrer, personnalisable. Le site est en anglais, mais en utilisant "chrome" et en activant la traduction automatique, c'est parfait. Je recommande...tout comme ton tuto.

    RépondreSupprimer
  3. Bonjour,
    Me revoici ! je rencontre en effet un problème pr intégrer mon formulaire à une page que j'ai crée specialement pr lui.
    Impossible de le voir apparaitre, seul le code d'intégration est visible sur mon blog (et non pas le formulaire en lui même).
    J'ai vraiment besoin que tu me viennes en aide mon cher Ami car je rame ds le vide ^^.
    Merci mille fois (et je profite de cette occasion pour te presenter mes voeux :) )
    A bientôt.

    RépondreSupprimer
  4. Bonjour Isa,
    Chez moi ça marche bien : http://leblogdessaisdebb.blogspot.com/
    Essaye de cliquer alternativement sur l'onglet HTML puis Rédiger : cela corrige les erreurs éventuelles.
    Je t'ai envoyé une invit pour chatter.
    Je te renouvelle tous mes meilleurs voeux du forum.

    RépondreSupprimer
  5. 1 invit ? quelle invit ? je n'ai rien reçu
    je viens de voir le blog d'essai, oui effectivement ça fonctionne chez toi mais pas chez moi, j'ai pourtant fait ce que tu m'as dit, je ne cpds pas, ça a marché direct lorsque je l'avais intégré ds mes message, pas pr une page, je ne sais plus quoi faire, j'en suis au moins à mon énième essai

    RépondreSupprimer
  6. ohhhh bah nan alors ! t'es parti ? bon on se capte demain alors, de ttes façons je suis exténuée.
    j'abandonne pour ce soir.
    bisous ;)
    (j'ai cliqué alternativement des tas de fois, rien à faire)

    RépondreSupprimer
  7. Mon Ami je t'appelle au secours !!! j'en suis tjrs au même point, impossible d'intégrer mon formulaire de contact. Je suis désolée de polluer ainsi cet espace avec mes messages mais tu as beau faire partie de mon cercle, je n'ai pas d'autre possibilité pour te contacter... (tu connais mon mail). bisous et merci

    RépondreSupprimer
  8. c'est bon, j'ai réussi ! je t'ai dérangé pour rien, j'ai compris l'astuce tte seule comme une grande, si si !!! bisous mon ami

    RépondreSupprimer
  9. Waou merci beaucoup cela m'a vraiment pas mal dépanné pour faire mon site http://quefaireavantlafindumondeen2012.blogspot.com/.

    @ bientôt

    RépondreSupprimer

Pour vous aider à publier votre message, voici la marche à suivre :

1) Ecrivez votre texte dans le formulaire de saisie ci-dessus
2) Si vous avez un compte, vous pouvez vous identifier dans la liste déroulante Commentaire
Sinon, vous pouvez saisir votre nom ou pseudo par Nom/URL
3) Vous pouvez, en cliquant sur le lien S'abonner par e-mail, être assuré d'être avisé en cas d'une réponse
4) Cliquer sur Publier enfin.

Le message sera publié après modération.

Voilà : c'est fait.
Et un gros MERCI !!!!

LinkWithin

Related Posts with Thumbnails