Intégrer le widget d’archivage de l’e-mail à votre site web

Ajoutez le code HTML du widget d’archivage de l’e-mail au code source de votre site web et choisissez le nombre d’e-mails à afficher

Review your plan (Vérifiez votre abonnement) : cette fonctionnalité n’est pas disponible dans tous les abonnements Constant Contact. Si vous n’avez pas un accès complet, il se peut que vous deviez mettre à niveau votre abonnement.

Le widget d’archivage de l’e-mail intégrable vous permet d’héberger sur votre site Web les liens jusqu’à 100 de vos e-mails précédemment envoyés. Les visiteurs de votre site Web pourront lire tout e-mail qu’ils auraient manqués, et si vous placez le widget près du formulaire d’inscription de votre site Web, vous pourrez même gagner quelques nouveaux abonnés à votre liste de diffusion.
 

Important : vous devez avoir des connaissances en code HTML pour comprendre cet article. Si vous travaillez avec un webmaster, il pourra vous aider à installer le code sur votre site Web. Si vous utilisez un créateur de sites Web, veuillez contacter son service d’assistance pour obtenir de l’aide sur le placement du code.

Pour commencer, copiez le code HTML du widget puis ajoutez-le à votre site Web afin que vos e-mails y apparaissent :

• Obtenir le code du widget d’archivage de l’e-mail
• Ajouter le code à votre site Web
• Voir des exemples du widget d’archivage de l’e-mail

Vous n’avez besoin d’ajouter le code à votre site Web qu’une seule fois ; vous pourrez ensuite ajouter et supprimer des e-mails de votre widget via l’onglet Campaigns (Campagnes). Les derniers e-mails archivés apparaissent en haut de la liste dans votre site Web.

Obtenir le code du widget d’archivage de l’e-mail

1. Cliquez sur Marketing channels (Canaux marketing) > All campaigns (Toutes les campagnes).
2. Cliquez sur le bouton Settings (Paramètres).
   
    
    
3. Cliquez sur l’onglet Email Archive (Archivage de l’e-mail).
4. Utilisez les flèches pour sélectionner le nombre maximum d’e-mails à afficher sur votre site Web.
   Remarque : si vous archivez un nombre d’e-mails supérieur à celui que vous avez défini ici, seuls les e-mails archivés le plus récemment apparaîtront sur votre site Web.
5. Cliquez sur « Copy to clipboard » (Copier dans le presse-papiers) pour copier le code du widget.
6. Lorsque vous avez terminé, cliquez sur Close (Fermer).
   
   
    

Ajouter le code à votre site Web

Maintenant, collez le code dans la partie HTML du code source de votre site Web. Le code peut être ajouté pour s’afficher n’importe où sur votre site Web et peut même être personnalisé en CSS pour correspondre au style de votre site Web. Veuillez consulter vote webmaster pour vous aider dans cette tâche ou contacter le service d’assistance de votre créateur de site Web.
 

Astuce : encouragez les visiteurs de votre site Web à s’inscrire à votre liste de diffusion en plaçant le widget près du formulaire d’inscription fixe à votre site Web !

BigCommerce

1. Copiez le code du widget.
2. Ouvrez BigCommerce et cliquez sur Storefront Content (Contenu de la vitrine) > Web Pages (Pages web).
3. Cliquez sur la page sur laquelle vous souhaitez que le widget s’affiche.
4. Cliquez sur le bouton HTML.
5. Collez le code dans l’éditeur et cliquez sur Update (Mettre à jour).

Pour plus d’aide concernant l’ajout du code à votre site Web BigCommerce, veuillez contacter votre webmaster ou consultez l’assistance de BigCommerce.

Dreamweaver

1. Copiez le code du widget.
2. Ouvrez votre fichier HTML dans Dreamweaver.
3. Décidez de l’endroit où vous souhaitez que votre widget s’affiche et collez le code dans votre code source HTML.

Pour plus d’aide concernant l’ajout du code à votre site Web créé avec Dreamweaver, veuillez contacter votre webmaster ou consultez l’assistance de Dreamweaver.

Créateur de sites Web de GoDaddy

1. Copiez le code du widget.
2. Éditez votre site Web GoDaddy.
3. Glissez-déposez un bloc HTML sur votre page web.
4. Collez le code dans le panneau et cliquez sur Save (Enregistrer).

Pour plus d’aide concernant l’ajout du code à votre site Web BigCommerce, veuillez contacter votre webmaster ou consultez l’assistance de GoDaddy.

iPage WebsiteBuilder

1. Copiez le code du widget.
2. Faites glisser un élément Embed HTML (HTML intégré) dans votre page web.
3. Cliquez sur « Insert HTML » (Insérer HTML).
4. Collez le code dans la section Body HTML (Corps HTML).
5. Cliquez sur OK pour enregistrer le code.

Pour plus d’aide concernant l’ajout du code à votre site Web iPage, veuillez contacter votre webmaster ou consulter l’assistance de iPage.

Shopify

1. Copiez le code du widget.
2. Dans votre compte Shopify, cliquez sur Online Store (Boutique connectée) et cliquez sur le bouton Customize (Personnaliser).
3. Cliquez sur Theme actions (Actions du thème) > Edit Code (Modifier le code).
4. Cliquez sur Sections puis sur le bloc de contenu où vous souhaitez ajouter le widget. Par exemple, hero.liquid ajoute le widget après votre image principale, et slideshow.liquid ajoute le widget après le bloc Diaporama.
5.  Collez le code après la dernière ligne du code existant et cliquez sur Save (Enregistrer).

Pour plus d’aide concernant l’ajout du code à votre site Web Shopify, veuillez contacter votre webmaster ou consultez l’assistance de Shopify.

SiteBuilder

1. Copiez le code du widget.
2. Accédez au tableau de bord d’édition de site Web dans Sitebuilder et cliquez sur Elements (Éléments).
3. Collez le code dans le bloc HTML.
4. Faites glisser le bloc HTML vers la page et l’emplacement souhaités sur votre page web.

Pour plus d’aide concernant l’ajout du code à votre site Web SiteBuilder, veuillez contacter votre webmaster ou consultez l’assistance de SiteBuilder.

Squarespace

1. Copiez le code du widget.
2. Dans Squarespace, sélectionnez la page où vous souhaitez afficher votre formulaire d’inscription, puis cliquez sur Edit (Modifier).
3. Cliquez sur le bouton Add block (Ajouter un bloc) dans le coin supérieur droit de l’éditeur de contenu.
4. Faites défiler les options et sélectionnez Code.
5. Collez le code dans le bloc et cliquez sur Apply (Appliquer).
6. Faites glisser le bloc de code vers l’emplacement souhaité sur la page.
7. Cliquez sur Save (Enregistrer).

Pour plus d’aide concernant l’ajout du code à votre site Web Squarespace, veuillez contacter votre webmaster ou consultez l’assistance de Squarespace.

Website.com

1. Copiez le code du widget.
2. Cliquez sur le bouton + pour ajouter du nouveau contenu à votre page web.
3. Sélectionnez « Other » (Autre).
4. Dans la section Custom HTML (HTML personnalisé), cliquez sur HTML.
5. Cliquez sur la boîte de code HTML personnalisé puis sur EDIT HTML CODE (MODIFIER LE CODE HTML).
6. Collez le code dans le champ HTML.

Pour plus d’aide concernant l’ajout du code à votre site Web website.com, veuillez contacter votre webmaster ou consultez l’assistance de website.com.

Weebly

1. Copiez le code du widget.
2. Dans le tableau de bord de l’éditeur de sites Web Weebly, sélectionnez l’option « Embed code » (Intégrer le code) dans la barre d’outils de gauche.
3. Faites glisser le bloc vers la page et l’emplacement souhaités sur votre page web.
4. Collez-le code dans le bloc.
5. Enregistrez et publiez.

Pour plus d’aide concernant l’ajout du code à votre site Web Weebly, veuillez contacter votre webmaster ou consultez l’assistance de Weebly.

Wix

1. Copiez le code du widget.
2. Modifiez votre page web dans Wix.
3. Cliquez sur Add (Ajouter) > More (Plus).
4. Cliquez sur HTML Code (Code HTML).
5. Faites glisser le bloc vers la page et l’emplacement souhaités sur votre page web.
6. Cliquez sur Enter Code (Saisir code).
7. Collez votre code et cliquez sur Update (Mettre à jour).

Pour plus d’aide concernant l’ajout du code à votre site Web Wix, veuillez contacter votre webmaster ou consultez l’assistance de Wix.

Wordpress.org

1. Copiez le code du widget.
2. Depuis le tableau de bord situé à gauche, sélectionnez Pages > All Pages (Toutes les pages).
3. Cliquez sur le nom de la page sur laquelle vous souhaitez ajouter le code.
4. Cliquez sur l’onglet Text (Texte) situé à droite.
5. Collez le code dans le bloc de texte dans lequel vous souhaitez que le formulaire s’affiche.
6. Dans la section « Publish » (Publier), cliquez sur Update (Mise à jour).

Pour plus d’aide concernant l’ajout du code à votre site Web Wordpress.org, veuillez contacter votre webmaster ou consultez l’assistance de Wordpress.org.

Wordpress.com

Wordpress.com est différent de Wordpress.org. Wordpress.com ne prend pas en charge les JavaScript ou les plugins de tierces parties. Si vous utilisez Wordpress.com, vous pouvez créer votre propre archive d’e-mails en copiant l’URL permanente de vos e-mails envoyés et en les utilisant pour créer des liens texte au sein de votre page wordpress.com.

Pour plus d’aide concernant l’ajout de liens texte à votre site Web Wordpress.com, veuillez contacter votre webmaster ou consulter l’assistance de Wordpress.com.

Voir des exemples du widget d’archivage de l’e-mail

Utilisez les mêmes polices et couleurs pour vos widget d’archivage de l’e-mail que celle de votre site Web pour une meilleure cohérence visuelle. Vous pouvez appliquer des styles CSS au code du widget pour modifier la façon dont la liste d’e-mails apparaît sur votre site Web. Lorsque les visiteurs du site Web cliquent pour consulter l’un de vos e-mails archivés, ils sont redirigés vers l’URL permanente de l’e-mail.

Widget d’archivage de l’e-mail standard	Widget d’archivage de l’e-mail avec styles appliqués au code
Le widget d’archivage de l’e-mail standard est une simple liste à puces. Les liens sont soulignés lorsqu’ils sont survolés avec le curseur.	Dans cet exemple, la police a été modifiée pour correspondre au site Web, les points ont été centrés, on leur a donné la même couleur que l’arrière-plan pour les faire disparaître, et une bordure a été appliquée.

Tous les liens que nous fournissons à partir de sites n’appartenant pas à Constant Contact ou les informations concernant des produits ou services n’appartenant pas à Constant Contact sont mis à votre disposition gracieusement et ne doivent en aucun cas être interprétés comme une approbation de la part de Constant Contact.

Questions?