Comment intégrer un compte à rebours dans votre site web

Quelles plateformes peuvent intégrer un compte à rebours en direct ?

La plupart des sites qui permettent de coller du HTML personnalisé ou une URL iframe afficheront votre compte à rebours en direct et en fonctionnement. Quelques outils de création de pages et de design bloquent les iframes entièrement. Voici ce que nous avons vérifié de manière pratique :

Intégrer un compte à rebours dans WordPress

WordPress auto-hébergé : Dans l'éditeur de blocs, ajoutez un bloc HTML personnalisé (+ → recherchez « HTML personnalisé ») et collez le code d'intégration que nous vous avons fourni. Le compte à rebours n'apparaîtra pas dans l'aperçu de l'éditeur — publiez ou prévisualisez la page pour le voir.

WordPress.com : Les sites WordPress.com gratuits ne prennent pas en charge les iframes (plus d'infos). Sur les forfaits payants, vous devez activer les fonctionnalités d'hébergement avant que le bloc HTML personnalisé ne rende les iframes. Nous mettrons à jour cette page lorsque notre plugin WordPress sera disponible.

Utilisateurs de l'éditeur classique : Si vous utilisez encore l'ancien éditeur Visuel/HTML, sélectionnez HTML (pas Visuel) avant de coller. Pour l'éditeur de blocs, cette vidéo explique l'approche HTML personnalisé :

Intégrer un compte à rebours dans Squarespace

Squarespace nécessite un forfait Business ou supérieur pour intégrer du code personnalisé. Modifiez votre page, cliquez sur + pour ajouter un bloc, recherchez Code et collez le code d'intégration dans le bloc Code. Enregistrez et prévisualisez — le compte à rebours devrait fonctionner en direct sur votre page publiée.

Intégrer un compte à rebours dans Wix

Dans l'éditeur Wix, cliquez sur + Ajouter des éléments → Code intégré → Intégrer du HTML. Collez le code d'intégration et cliquez sur Mettre à jour.

Important — taille de l'iframe : Si le compte à rebours est rogné ou affiche des barres de défilement, ouvrez les paramètres de l'élément d'intégration et définissez la largeur et la hauteur pour qu'elles correspondent aux dimensions de votre code d'intégration (généralement la même largeur et hauteur que la balise <iframe>). Wix ne redimensionne pas toujours automatiquement les iframes intégrées.

Regardez une courte vidéo montrant comment ajouter un compte à rebours à Wix.

Intégrer un compte à rebours dans Google Sites

Lors de la modification de votre site, cliquez sur Insérer → Intégrer. Choisissez Code d'intégration et collez le code d'intégration que nous avons fourni. Ajustez la taille du cadre d'intégration sur la page pour que le compte à rebours complet soit visible.

Intégrer un compte à rebours dans Shopify

Ajoutez le code d'intégration à une section Liquid personnalisé ou à un bloc HTML personnalisé dans votre thème (Boutique en ligne → Thèmes → Personnaliser → Ajouter une section). Le compte à rebours s'affichera en direct sur les pages où vous le placez.

Les descriptions de produits ne fonctionnent pas : Shopify supprime le HTML iframe des descriptions de produits — c'est une restriction de la plateforme, pas une limitation de CountingDownTo. Utilisez plutôt une page d'atterrissage, une description de collection ou une section de page personnalisée.

Intégrer un compte à rebours dans Notion

Sur n'importe quelle page Notion, tapez /embed et appuyez sur Entrée. Collez le lien direct de votre compte à rebours (l'URL /w4/ du panneau d'intégration, pas le lien de partage habituel). Notion intégrera uniquement le widget de compte à rebours dans un iframe.

Canva — impossible actuellement

L'éditeur de sites web et de design de Canva ne prend pas en charge les intégrations iframe ni les widgets externes en direct. Coller notre code d'intégration ou lien ne produira pas de compte à rebours en fonctionnement. Si Canva ajoute la prise en charge des iframes ou des images URL externes à l'avenir, nous mettrons à jour cette page.

Intégrer un compte à rebours dans Blogger

Assurez-vous de sélectionner « Modifier le HTML » et NON « Composer » avant de coller le code d'intégration dans votre blog Blogger. N'oubliez pas que le compte à rebours n'apparaîtra pas pendant que vous modifiez votre article. Il n'apparaîtra que lorsque vous publierez ou prévisualiserez votre article.

Intégrer un compte à rebours dans Drupal

Assurez-vous de sélectionner « HTML complet » dans les paramètres « Format d'entrée » avant de coller le code d'intégration dans votre site Drupal. N'oubliez pas que le compte à rebours n'apparaîtra pas pendant que vous modifiez votre page. Il n'apparaîtra que lorsque vous enregistrerez ou prévisualiserez votre page.

Intégrer un compte à rebours dans Weebly

Utilisez l'élément HTML personnalisé pour intégrer le widget de compte à rebours dans votre site Weebly.

Intégrer un compte à rebours dans Joomla!

Consultez ces instructions pour intégrer un compte à rebours dans Joomla!

L'éditeur TinyMCE par défaut de Joomla peut supprimer ou réécrire les balises iframe lors de l'enregistrement. Si le compte à rebours n'apparaît pas, essayez de désactiver l'éditeur WYSIWYG pour cet article, ou utilisez le module Mod HTML pour placer le code d'intégration directement.

Plateformes qui ne prennent pas en charge les intégrations iframe

Les plateformes suivantes ne peuvent pas afficher un compte à rebours iframe en direct, quel que soit le code d'intégration utilisé :

• Facebook — partagez plutôt un lien vers votre page de compte à rebours publiée.
• WhatsApp — partagez un lien ; WhatsApp ne rend pas le HTML intégré.
• YouTube — les pages de chaîne YouTube et les descriptions de vidéos ne prennent pas en charge les iframes tierces.
• Clients de messagerie — Gmail, Outlook, Mailchimp et autres applications de messagerie bloquent les iframes pour des raisons de sécurité. Utilisez plutôt notre compte à rebours GIF par e-mail — il produit une image animée qui fonctionne dans pratiquement tous les clients de messagerie.