Boris AIMÉ-BAUDERLIQUE

Boris AIMÉ-BAUDERLIQUE

Accueil > Guide d’intégration

Formulaires intégrés d’inscription MailChimp

Guide d’intégration

Déclaration d’activité, d’un prestataire de formation professionnelle continue,  enregistrée sous le numéro 53561027056 auprès du préfet de région de BRETAGNE.

Cette page a pour objectif de présenter les formulaires MailChimp en reprenant le parcours utilisateur, découpé en 2 temps :

  1. Le formulaire d’inscription simplifié (à intégrer en pied de page du site)
    L’internaute souhaite s’inscrire à la newsletter et saisi son email (peu d’effort), il est ensuite automatiquement redirigé vers une page dédiée,

    où il est invité a renseigner
  2. Le formulaire d’inscription évolué –vaut mise à jour de profil (à intégrer dans une nouvelle page)
    L’internaute est invité à mettre à jour son profil afin de bénéficier d’avantages exclusifs
    (avec une promesse marketing BatiTertiaire).

    et en parallèle,
  3. Les domaines d’enregistrements DNS
    Nous nous assurons, qu’à terme les emails soient bien reçus dans la boîte de réception et non dans les « indésirables » en ajoutant des domaines d’enregistrements propres à MailChimp sur OVH.

La finalité est de :
– qualifier les inscriptions en recueillant le maximum d’informations utiles en vue d’adresser des campagnes d’emailing ciblées donc efficaces, et
– veiller à la bonne délivrabilité des campagnes d’emailing

À savoir : si vous testez les formulaires sur cette page, ils renvoient sur la page https://batitertiaire.fr/abonne-newsletter-mise-a-jour-de-profil qui n’existe pas encore (l’erreur est donc normale).

Prérequis : les contenus indépendants des champs du formulaire doivent être rendus administrable par le contributeur BatiTertiaire sur l’interface Drupal sans avoir à utiliser de langages de programmation (textes d’accroche, libellé, bouton d’appel à l’action).

ÉTAPE 1

Formulaire d’inscription simplifié

Il est nécessaire d’intégrer au pied de page du site ce formulaire d’inscription.

Les termes génériques (ex : « Votre email » + « Valider ») sont modifiables dans le code.

Code à intégrer au footer du site

Ce code de formulaire, exempt de CSS, est à intégrer au footer du site en veillant à appliquer les styles du site.

<div id="mc_embed_shell">
  
<div id="mc_embed_signup">
    <form action="https://batitertiaire.us17.list-manage.com/subscribe/post?u=f7e9b1291a1bad8704b42ee51&amp;id=eb8b951c44&amp;f_id=00f788e0f0&amp;redirect=https%3A%2F%2Fbatitertiaire.fr%2Fabonne-newsletter-mise-a-jour-de-profil" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_self" novalidate="">
        <div id="mc_embed_signup_scroll">
            <div class="mc-field-group">
                <label for="mce-EMAIL">Votre email</label>
                <input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value="">
            </div>
            <div id="mce-responses" class="clear foot">
                <div class="response" id="mce-error-response" style="display: none;"></div>
                <div class="response" id="mce-success-response" style="display: none;"></div>
            </div>
            <div aria-hidden="true" style="position: absolute; left: -5000px;">
                <input type="text" name="b_f7e9b1291a1bad8704b42ee51_eb8b951c44" tabindex="-1" value="">
            </div>
            <div class="optionalParent">
                <div class="clear foot">
                    <input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Valider">
                </div>
            </div>
        </div>
    </form>
</div>
</div>

ÉTAPE 2

Formulaire de mise à jour de profil

Il est nécessaire de :

  1. créer une page dédiée sur le site internet : https://batitertiaire.fr/abonne-newsletter-mise-a-jour-de-profil
  2. paramétrer cette page en no-index afin qu’elle ne soit pas référencée sur les moteurs de recherche
  3. intégrer le code ci-dessous

Les termes génériques sont modifiables, dans le code, exemples :

  • « Complétez votre profil pour bénéficier d’offres exclusives »
  • « Mettre à jour mon profil »
  • ou l’ensemble des libellés des champs (ex : Votre email / Secteur d’activité / etc.)

Actions possibles (qui doivent être faite dans MailChimp) :
les champs affichés peuvent être modifiés ; il est possible de les masquer, les réorganiser, les changer l’état (requis ou non).

Complétez votre Profil

🔗 Accédez à des offres exclusives : Recevez des conseils d'experts, des offres personnalisées, et des mises à jour sur les dernières tendances directement dans votre boîte de réception.

✨ Des contenus sur mesure : En nous partageant vos préférences et les informations sur votre secteur d'activité, nous vous proposerons des contenus spécialement adaptés à vos besoins.

🎁 Ne manquez pas l’occasion ! Mettez à jour votre profil dès maintenant et profitez d’avantages exclusifs réservés à notre communauté.

Ensemble, nous façonnons l'avenir des secteurs du bâtiment et du tertiaire !

Zones d’intérêt
Centres d’intérêts

Code à intégrer à la page d’atterrissage

Ce code de formulaire, exempt de CSS, est à intégrer sur une nouvelle page d’atterrissage en veillant à appliquer les styles du site.

Puisqu’il n’existe pas de formulaire intégrable de mise à jour de profil, ce formulaire est un autre formulaire d’inscription (raison pour laquelle on redemande l’email). Les données du contact sont bien mises à jour après soumission de ce 2nd formulaire.

À prévoir pour éviter que l’internaute ne pense que son profil n’a pas été mis à jour :
Puisqu’à la soumission des formulaires d’inscription (simple ou évolué), MailChimp redirige systématiquement vers la page : https://batitertiaire.fr/abonne-newsletter-mise-a-jour-de-profil (page sur laquelle nous sommes).

C’est le comportement attendu pour le formulaire simple du footer, mais ce n’est pas ce que l’on souhaite pour le 2nd formulaire car ça nous redirige sur la même page (boucle).

il est donc nécessaire :

  • Soit de forcer la redirection vers une autre page de remerciement,
    et si ce n’est pas possible :
  • Soit afficher un simple message de succès après la redirection.
<div id="mc_embed_shell">
  
<div id="mc_embed_signup">
    <form action="https://batitertiaire.us17.list-manage.com/subscribe/post?u=f7e9b1291a1bad8704b42ee51&amp;id=eb8b951c44&amp;f_id=00f688e0f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_self" novalidate="">
        <div id="mc_embed_signup_scroll"><h2>Compl&eacute;tez&nbsp;votre <strong>Pro</strong>fil</h2>

<p>🔗 <strong>Acc&eacute;dez &agrave; des offres exclusives</strong> : Recevez des conseils d&#39;experts, des offres personnalis&eacute;es, et des mises &agrave; jour sur les derni&egrave;res tendances directement dans votre bo&icirc;te de r&eacute;ception.</p>

<p>✨ <strong>Des contenus sur mesure</strong> : En nous partageant vos pr&eacute;f&eacute;rences et les informations sur votre secteur d&#39;activit&eacute;, nous vous proposerons des contenus sp&eacute;cialement adapt&eacute;s &agrave; vos besoins.</p>

<p>🎁&nbsp;<strong>Ne manquez pas l&rsquo;occasion !</strong> Mettez &agrave; jour votre profil d&egrave;s maintenant et profitez d&rsquo;avantages exclusifs r&eacute;serv&eacute;s &agrave; notre communaut&eacute;.<br />

<p>Ensemble, nous fa&ccedil;onnons l&#39;avenir des secteurs du b&acirc;timent et du tertiaire !</p>

             <div class="mc-field-group"><label for="mce-EMAIL">Votre email <span class="asterisk">*</span></label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value=""></div><div class="mc-field-group"><label for="mce-ENTREPRISE">Nom de votre entreprise <span class="asterisk">*</span></label><input type="text" name="ENTREPRISE" class="required text" id="mce-ENTREPRISE" required="" value=""></div><div class="mc-field-group"><label for="mce-VILLE">Ville d'implantation de l'entreprise <span class="asterisk">*</span></label><input type="text" name="VILLE" class="required text" id="mce-VILLE" required="" value=""></div><div class="mc-field-group"><label for="mce-DIRIGEANT">Nom du Dirigeant <span class="asterisk">*</span></label><input type="text" name="DIRIGEANT" class="required text" id="mce-DIRIGEANT" required="" value=""></div><div class="mc-field-group"><label for="mce-TELEPHONE">Téléphone </label><input type="text" name="TELEPHONE" class=" text" id="mce-TELEPHONE" value=""></div><div class="mc-field-group"><label for="mce-ADRESSE">Adresse de l'entreprise </label><input type="text" name="ADRESSE" class=" text" id="mce-ADRESSE" value=""></div><div class="mc-field-group"><label for="mce-CP">Code postal </label><input type="text" name="CP" class=" text" id="mce-CP" value=""></div><div class="mc-field-group input-group"><strong>Zones d’intérêt</strong><ul><li><input type="checkbox" name="group[166808][8]" id="mce-group[166808]-166808-0" value=""><label for="mce-group[166808]-166808-0">Alençon</label></li><li><input type="checkbox" name="group[166808][16]" id="mce-group[166808]-166808-1" value=""><label for="mce-group[166808]-166808-1">Angers</label></li><li><input type="checkbox" name="group[166808][1]" id="mce-group[166808]-166808-2" value=""><label for="mce-group[166808]-166808-2">Brest</label></li><li><input type="checkbox" name="group[166808][2]" id="mce-group[166808]-166808-3" value=""><label for="mce-group[166808]-166808-3">Caen</label></li><li><input type="checkbox" name="group[166808][4]" id="mce-group[166808]-166808-4" value=""><label for="mce-group[166808]-166808-4">Cherbourg</label></li><li><input type="checkbox" name="group[166808][32]" id="mce-group[166808]-166808-5" value=""><label for="mce-group[166808]-166808-5">Cholet</label></li><li><input type="checkbox" name="group[166808][64]" id="mce-group[166808]-166808-6" value=""><label for="mce-group[166808]-166808-6">Fougères</label></li><li><input type="checkbox" name="group[166808][128]" id="mce-group[166808]-166808-7" value=""><label for="mce-group[166808]-166808-7">La Roche S/Yon</label></li><li><input type="checkbox" name="group[166808][256]" id="mce-group[166808]-166808-8" value=""><label for="mce-group[166808]-166808-8">Laval</label></li><li><input type="checkbox" name="group[166808][512]" id="mce-group[166808]-166808-9" value=""><label for="mce-group[166808]-166808-9">Le Mans</label></li><li><input type="checkbox" name="group[166808][1024]" id="mce-group[166808]-166808-10" value=""><label for="mce-group[166808]-166808-10">Lorient</label></li><li><input type="checkbox" name="group[166808][2048]" id="mce-group[166808]-166808-11" value=""><label for="mce-group[166808]-166808-11">Morlaix</label></li><li><input type="checkbox" name="group[166808][4096]" id="mce-group[166808]-166808-12" value=""><label for="mce-group[166808]-166808-12">Nantes</label></li><li><input type="checkbox" name="group[166808][8192]" id="mce-group[166808]-166808-13" value=""><label for="mce-group[166808]-166808-13">Pontivy</label></li><li><input type="checkbox" name="group[166808][16384]" id="mce-group[166808]-166808-14" value=""><label for="mce-group[166808]-166808-14">Quimper</label></li><li><input type="checkbox" name="group[166808][32768]" id="mce-group[166808]-166808-15" value=""><label for="mce-group[166808]-166808-15">Redon</label></li><li><input type="checkbox" name="group[166808][65536]" id="mce-group[166808]-166808-16" value=""><label for="mce-group[166808]-166808-16">Rennes</label></li><li><input type="checkbox" name="group[166808][131072]" id="mce-group[166808]-166808-17" value=""><label for="mce-group[166808]-166808-17">St Brieuc</label></li><li><input type="checkbox" name="group[166808][262144]" id="mce-group[166808]-166808-18" value=""><label for="mce-group[166808]-166808-18">St Lô</label></li><li><input type="checkbox" name="group[166808][524288]" id="mce-group[166808]-166808-19" value=""><label for="mce-group[166808]-166808-19">St Nazaire</label></li><li><input type="checkbox" name="group[166808][1048576]" id="mce-group[166808]-166808-20" value=""><label for="mce-group[166808]-166808-20">St-Malo</label></li><li><input type="checkbox" name="group[166808][2097152]" id="mce-group[166808]-166808-21" value=""><label for="mce-group[166808]-166808-21">Tours</label></li><li><input type="checkbox" name="group[166808][4194304]" id="mce-group[166808]-166808-22" value=""><label for="mce-group[166808]-166808-22">Vannes</label></li><li><input type="checkbox" name="group[166808][8388608]" id="mce-group[166808]-166808-23" value=""><label for="mce-group[166808]-166808-23">Vitré</label></li></ul></div>

<div class="mc-field-group input-group"><strong>Centres d'intérêts </strong><ul><li><input type="checkbox" name="group[166812][4294967296]" id="mce-group[166812]-166812-0" value=""><label for="mce-group[166812]-166812-0">Architecture et Design</label></li><li><input type="checkbox" name="group[166812][8589934592]" id="mce-group[166812]-166812-1" value=""><label for="mce-group[166812]-166812-1">Ingénierie et Techniques de construction</label></li><li><input type="checkbox" name="group[166812][17179869184]" id="mce-group[166812]-166812-2" value=""><label for="mce-group[166812]-166812-2">Maintenance Entretien Contrôle</label></li><li><input type="checkbox" name="group[166812][34359738368]" id="mce-group[166812]-166812-3" value=""><label for="mce-group[166812]-166812-3">Métiers de l'Immobilier</label></li><li><input type="checkbox" name="group[166812][68719476736]" id="mce-group[166812]-166812-4" value=""><label for="mce-group[166812]-166812-4">Performance énergétique</label></li><li><input type="checkbox" name="group[166812][137438953472]" id="mce-group[166812]-166812-5" value=""><label for="mce-group[166812]-166812-5">Produits et Equipements</label></li><li><input type="checkbox" name="group[166812][274877906944]" id="mce-group[166812]-166812-6" value=""><label for="mce-group[166812]-166812-6">Services utilisateurs</label></li><li><input type="checkbox" name="group[166812][549755813888]" id="mce-group[166812]-166812-7" value=""><label for="mce-group[166812]-166812-7">Solutions Clé en main</label></li><li><input type="checkbox" name="group[166812][1099511627776]" id="mce-group[166812]-166812-8" value=""><label for="mce-group[166812]-166812-8">Toutes les thématiques</label></li></ul></div>

        <div id="mce-responses" class="clear foot">
            <div class="response" id="mce-error-response" style="display: none;"></div>
            <div class="response" id="mce-success-response" style="display: none;"></div>
        </div>
    <div aria-hidden="true" style="position: absolute; left: -5000px;">
        /* real people should not fill this in and expect good things - do not remove this or risk form bot signups */
        <input type="text" name="b_f7e9b1291a1bad8704b42ee51_eb8b951c44" tabindex="-1" value="">
    </div>
        <div class="optionalParent">
            <div class="clear foot">
                <input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Mettre à jour mon profil">
            </div>
        </div>
    </div>
</form>
</div>
</div>

ÉTAPE 3

Ajouter des enregistrements DNS (OVH)

Authentifier le domaine OVH à MailChimp pour améliorer la délivrabilité (que les mails arrivent dans la boîte de réception et non en tant que spams).
Pour configurer batitertiaire.fr avec OVH Global, cliquer sur ce lien : https://app.goentri.com/share/e19309c8f0954c8fa14268420fe18e66

Type d’enregistrementNom de l’hôteValeur
CNAMEdkim2.mcsv.netk2._domainkey.batitertiaire.frdkim2.mcsv.netdkim2.mcsv.netdkim2.mcsv.net
CNAMEdkim2.mcsv.netk3._domainkey.batitertiaire.frdkim2.mcsv.netdkim3.mcsv.netdkim2.mcsv.net
TXTdkim2.mcsv.net_dmarcdkim2.mcsv.netv=DMARC1; p=none;