Comment faire apparaître votre formulaire SG Auto-répondeur sur votre blog WordPress ?

Aujourd’hui je vous propose une courte vidéo pour expliquer comment faire apparaître un formulaire SG Auto-répondeur sur votre blog WordPress.

Si vous voulez avoir plus d’informations sur SG Auto-répondeur, je vous invite à lire l’article que j’ai publié à ce sujet :

Cliquez ici pour lire l’article sur SG Auto-répondeur

A vous de jouer maintenant !

Si vous avez des questions ou d’autres problèmes techniques, n’hésitez pas à m’en faire part dans les commentaires afin que je puisse vous faire une petite vidéo explicative.

30 thoughts on “Comment faire apparaître votre formulaire SG Auto-répondeur sur votre blog WordPress ?”

  1. Merci Marc pour cette vidéo,
    J’ai réussi à placer le bloc correctement.
    Maintenant j’en suis à : comment j’installe sur mon auto-répondeur le dossier PDF qui doit parvenir au gens qui s’inscrivent.
    Je te donne encore du grain à moudre pour tes prochaines vidéos.
    Amicalement
    Alain Patard

    1. Bonjour Alain,

      Pour savoir comment mettre en place le PDF à offrir à tes abonnés, je t’invite à consulter (quand tu l’auras) le module 8, chapitre 6 de la formation Bloguer Gagner.

      Tout y est expliqué et c’est valable pour tous les auto-répondeurs.

      A bientôt.

  2. Marc,
    je me suis inscrit à ta lettre de diffusion pour voir à quoi cela ressembler.
    Bravo, travail de pro
    Alain

  3. Bonjour Marc,
    Tutoriel Vidéo très bien réalisé, cela laisse présager de bons produits pour la suite.
    Je profite aussi de ce passage pour te souhaiter de bonnes fêtes et tous mes meilleurs voeux dans tes entreprises pour l’année qui vient.Olivier

    1. Salut Olivier.

      Merci pour ton retour 🙂
      J’ai un peu mis mon blog en pause mais je compte bien revenir avec de nouveaux screencasts.

      Je te souhaite également de passer de bonnes fêtes de fin d’année et de réussir dans tous tes projets en 2012.

      A bientôt.

  4. Bonsoir Marc,
    Encore un exemple de la façon dont fonctionne la blogosphère : coopération plutôt que compétition.
    Merci pour la clarté de ton exposé.
    Les choses sont présentées de telle façon qu’un débutant comme moi s’y retrouve !
    Une petite remarque, laisse ta souris tranquille quand tu parles, la suivre des yeux donne le tournis et n’aide pas à la concentration sur ton exposé. :-))
    Je te souhaite de lumineuses fêtes de fin d’année.
    Alain

    1. Bonjour Alain,
      Merci pour ton message très encourageant.

      Concernant la souris, de mémoire je l’agite quand je veux attirer l’attention sur une zone de l’écran mais je ferai attention à ne pas donner le tournis dans les prochaines 😉

      Je te souhaite également de très bonnes fêtes de fin d’années.

      A bientôt.

  5. Bonsoir Marc,
    Merci pour ce tutoriel découvert chez SG-Autorépondeur.
    Je m’abonne à ton site, je suis impatiente de découvrir ce que tu as à nous offrir !
    Vive la blogosphère !
    Amitié
    Marjorie

  6. Bonjour Marjorie et bienvenue ici 🙂

    Merci pour ton message qui, mine de rien, vient de me rebooster pour faire d’autres vidéos explicatives.

    A très bientôt.

  7. Bonjour Marc,

    C’est bien ce que j’ai fait, mais le formulaire dépasse la colonne, je ne sais pas où changer la largeur si cela est possible.

    J’ai les thème Graphène

    Cordialement
    Elisabeth

  8. Bonjour Elisabeth,

    Il faut effectivement changer la largeur pour que ça s’adapte à ta colonne de droite.

    Pour cela, il suffit de revenir à l’endroit où l’on copie le code html du formulaire (vers 1min18 sur la vidéo) et de modifier les valeurs juste au dessus du formulaire.

    Il y a 2 champs où l’on peut changer la taille en pixel, c’est le 1er qui sert à régler la largeur du formulaire.

    Pour ta colonne, essaie de mettre 229 au lieu de 260, ça devrait être bon.

    1. Merci Marc,

      Il y a toujours un cadre qui dépasse mais c’est déjà mieux

      Elisabeth

      1. Alors on va aller plus loin encore pour améliorer tout ça 🙂
        Cela va peut-être paraître un peu technique mais en suivant bien les indications, ça devrait aller.

        Tout d’abord, il faut aller dans le panneau d’administration WordPress puis dans le menu Widgets.
        Ensuite, tu ouvres le widget où tu as collé le code de ton formulaire, c’est ici que nous allons modifier le code .

        Avant de le modifier, je te conseille de faire un copier coller de tout le code dans un fichier texte (sur le bloc note windows par exemple) pour pouvoir le remettre facilement en cas d’erreur lors des modifications.

        Place aux modifs :

        1) En fin de 3ème ligne tu devrais trouver : width:220px

        Tu vas remplacer 220 par 210, sans rien toucher au reste.

        2) Un peu plus bas (environ 5 lignes plus bas), tu vas trouver : margin:10px 10px 10px;

        Ce sera peut-être réparti sur 2 lignes, tu peux supprimer tout ce bloc (margin:10px 10px 10px;), y compris le point-virgule.

        3) On va réduire la taille du texte également en modifiant une valeur 4 lignes plus bas.
        Juste avant ton texte « En complétant le formulaire … », tu vas trouver cette séquence :

        font style=color:#0459b7; font-size:20px; margin-left:5px; margin-top:5px; font-weight:bold;

        Je te conseille de mettre 14px au lieu de 20px pour le paramètre font-size.

        4) Le cadre qui déborde encore déborde parce que le texte sur le bouton de validation est trop long.
        Si tu enlèves gratuit pour ne laisser que « Recevoir mon manuel », ça rentrera dans ta colonne.

        Pour corriger ça, il te suffit de trouver ce texte vers la fin du code (3e ligne en partant du bas), et de le modifier sans toucher au guillemets autour.

        Voilà, ça sera déjà beaucoup mieux comme ça.
        Il restera le petit carré gris au-dessus de ton formulaire, qui apparaît à cause des feuilles de style de ton thème.

  9. Bravo pour cette vidéo que je découvre; je reviens après avoir testé …

  10. Voilà, j’ai mis un firmulaire en complétant aussi le texte en html – j’y connais rien dans ce « truc »-
    mais le résulat est pas terrible: le texte dépasse… Et voudrais améliorer la présentation avec une photo par exemple …
    Bon, on va travailler et essayer d’améliorer au fur et à mesure .
    Cordialement

    1. Bonjour Eric,

      Effectivement le texte de ton bouton est trop long, il faut le raccourcir pour que le bouton puisse rentrer dans la colonne de droite.

  11. Un grand merci Marc, j’avais jusque là créé une page pour mon formulaire, mais c’est bien mieux en widget.

    Une question comment automatiser le téléchargement par le visiteur, d’un fichier, suite à sa visite et inscription?

    Le tuto en ligne fait apparaitre une page que je ne trouve pas sur le site…

    Cordialement. Jean-Pierre.

  12. Merci Marc pour cette vidéo.

    C’est rassurant car elle montre que les choses sont peut-être un peu moins compliquées qu’on ne le pense.

    Je crois que j’irai aussi revisiter les vidéos de Bloguer Gagner

    Merci encore !

    Anta

  13. Comment mettre ma photo sur mes commentaires ?

  14. Bonjour,
    La vidéo était claire, elle m’a permis d’en savoir un tout petit peu plus sur les intégrations des formulaires par SG autorépondeur sur mon site. Seulement voilà, je n’arrive pas à avoir le même aspect sur mon site que le formulaire crée sur sg autorép.
    J’ai contacté mon site pour savoir ce que je pouvais faire.

    j’attends les réponses, soit ici soit…

    1. Bonjour Esther,

      Je suis allé voir sur le site mais actuellement le formulaire n’y est pas, et je ne peux donc pas voir ce qui pourrait clocher.

      Par contre, pourquoi utiliser 1&1 My website alors que WordPress permettrait d’avoir un résultat plus pro, pour moins cher et sans plus de difficultés ?

  15. Merci beaucoup pour cette vidéo très claire…Après avoir lu votre article sur SG auto-répondeur et les commentaires qui suivaient, vous m’avez convaincu d’utiliser cet auto répondeur plutôt que A Weber. Mais n’étant pas du tout informaticienne, serait-il possible d’avoir un tutoriel pour l’installation de SG auto répondeur.
    Merci

  16. Bonsoir marc,
    Merci pour ce tutoriel trés pratique, car moi aussi je suis sur SG répondeur et justement je me demandais comment faire…

  17. Salut,
    Très bonne vidéo merci,J’aimerais néanmoins savoir comment lier paypal et sg autoreponeur? C’est dans le but de pouvoir vendre et livrer un produit numérique téléchargeable!

  18. Merci Alain!
    Je resterai attaché à vous parce que
    votre générosité m’a séduit.
    Encore une fois merci.Soit béni!

  19. Moi ce serait plus pour avoir des conseils sur les formulaires par SG autorepondeur …

    Merci .
    Sarah .

  20. En fait je voudrais savoir exactement quel formulaire pour quelle page quand il y a plusieurs pages et plusieurs articles ?

    Merci .
    Sarah .

    1. Bonjour Sarah,

      Une solution gratuite pour pouvoir mettre différents formulaires SG Autorépondeur sur différents articles ou pages consiste à utiliser l’extension Dynamic Widgets (http://wordpress.org/plugins/dynamic-widgets/).

      Avec cette extension, il est possible de définir sur quelle(s) page(s) ou sur quel(s) article(s) doivent apparaître les différents widgets.

      Il suffit alors de créer plusieurs formulaires sous SGAR en répétant à chaque fois la procédure de ma vidéo pour l’intégrer dans un widget.
      Puis d’indiquer grâce à Dynamic Widgets où doit s’afficher chaque widget (et donc chaque formulaire).

      Bonne continuation.

  21. Bonjour Marc,

    juste une remarque: je suis chez SG-AUTOREPONDEUR sans vraiment utiliser leurs services pour diverses raison.

    Mais j’ai posé des questions et c’est leur nouvelle recrue Tarik qui m’a répondue. Quelle déception!
    d’ailleurs depuis, je ne pose plus de questions au SAV. Ce Tarik a tout changé. Il me répondait en me posant des questions alors que j’avais besoin de réponses.
    Après il m’a expliqué qu’il me posait des questions pour mieux comprendre ma problématique.
    Et bien il aurait pu tout simplement commencer par m’expliquer cela dès le départ.

    Pour cette raison, je cois ne pas rester chez SG-AUTOREPONDEUR. C’est dommage parce que par ailleurs le service est de qualité.
    .
    Anta
    Vivons avec passion !

Les commentaires sont fermés.