Vérifier et corriger la visibilité du bouton de rétractation sur les sites personnalisés

Vue d’ensemble

Le bouton électronique de rétractation ajoute un bouton « Résilier le contrat » au pied de page de chaque page de ton site Jimdo Creator une fois activé. Jimdo fournit un style par défaut afin que le bouton soit visible sur les modèles Creator standard. Si tu utilises du CSS personnalisé ou si tu as modifié ton modèle, tu es responsable de t’assurer que le bouton est visible et fonctionnel. Ce guide te montre comment le vérifier et le corriger.

Aspect du bouton par défaut

Lorsque le bouton de rétractation est activé :

• il est activé automatiquement pour les sites de l’UE
• il doit être activé manuellement pour les autres sites à partir du 8 juin 2026

Jimdo ajoute un bouton au pied de page de chaque page. Le libellé est adapté à la langue de ton site :

• Withdraw contract (EN)
• Vertrag widerrufen (DE)
• Résilier le contrat (FR)
• Rescindir contrato (ES)
• Rescindere il contratto (IT)
• Contract opzeggen (NL)
• 契約キャンセル (JA)

Chaque instance du bouton ouvre le même formulaire de rétractation hébergé par Jimdo à l’adresse /j/withdrawal.

Aucune connexion n’est requise pour le consommateur.

Le style du bouton est basé sur les couleurs de texte et de bouton de ton footer, ce qui lui permet généralement de s’intégrer visuellement, mais il peut ne pas correspondre parfaitement sur tous les modèles ou designs personnalisés.

Comment vérifier le bouton sur ton site en ligne

• Ouvre ton site en ligne dans une fenêtre privée ou en navigation incognito
  Cela évite que les styles en cache masquent certains problèmes.
• Fais défiler jusqu’au footer sur n’importe quelle page
• Recherche le bouton « Résilier le contrat » (ou le libellé localisé de ton site)
• Vérifie que le bouton est :
  • visible
  • lisible
  • cliquable
• Clique sur le bouton pour vérifier qu’il ouvre le formulaire de rétractation

Si le bouton est absent, difficile à lire, mal aligné ou caché derrière un autre élément, tu as un conflit de CSS personnalisé à résoudre.

Problèmes CSS courants et comment les corriger

Si tu as personnalisé ton footer via l’éditeur CSS, vérifie les éléments suivants :

Bouton masqué ou invisible

• display: none ou visibility: hidden
  Appliqué aux boutons du footer ou au conteneur du footer, cela masque complètement le bouton de rétractation.
• opacity: 0
  Rend le bouton invisible, même s’il est techniquement présent.
• color correspond ou est proche de la couleur de fond
  Le bouton est présent mais illisible.

Bouton masqué par la mise en page

• position: absolute ou z-index
  Un autre élément peut recouvrir le bouton.
• overflow: hidden sur le conteneur du footer
  Cela peut couper le bouton.
• Un conteneur parent plus étroit que le contenu du bouton
  Cela peut entraîner une coupure ou un retour à la ligne inattendu.

Si tu as entièrement reconstruit le footer

Si ton modèle personnalisé remplace entièrement la structure standard du footer, le bouton de rétractation peut ne pas être ajouté du tout.

Dans ce cas, ajoute manuellement le bouton à ton footer personnalisé :

• Cible du bouton : /j/withdrawal
• Libellé du bouton : utilise le libellé localisé de ton site (voir la liste ci-dessus)
• Style : assure-toi d’un contraste de couleur suffisant (minimum WCAG AA : 4.5:1 par rapport à l’arrière-plan)

Champ de responsabilité

• Jimdo fournit l’implémentation par défaut et inclut le bouton de rétractation comme partie de la plateforme
• Tu es responsable de t’assurer que le bouton est visible et fonctionnel si tu :
  • utilises du CSS personnalisé
  • modifies ton modèle
• Tu es responsable de l’exécution de la rétractation