Comprobar y corregir la visibilidad del botón de desistimiento en sitios personalizados

Resumen

El botón electrónico de desistimiento añade un botón "Rescindir contrato" al pie de página de cada página de tu sitio web Jimdo Creator una vez que lo activas. Jimdo proporciona un diseño predeterminado para que el botón sea visible en las plantillas estándar de Creator. Si utilizas CSS personalizado o has modificado tu plantilla, eres responsable de asegurarte de que el botón sea visible y funcional. Esta guía te muestra cómo comprobarlo y solucionarlo.

Cómo es el botón predeterminado

Cuando el botón de desistimiento está activado:

• se activa automáticamente para sitios de la UE
• debe activarse manualmente para otros sitios a partir del 8 de junio de 2026

Jimdo añade un botón al pie de página de cada página. La etiqueta se adapta al idioma de tu sitio web:

• Withdraw contract (EN)
• Vertrag widerrufen (DE)
• Résilier le contrat (FR)
• Rescindir contrato (ES)
• Rescindere il contratto (IT)
• Contract opzeggen (NL)
• 契約を撤回する (JA)

Cada instancia del botón abre el mismo formulario de desistimiento alojado por Jimdo en /j/withdrawal.

No se requiere inicio de sesión para el consumidor.

El estilo del botón se basa en los colores de texto y botones de tu footer, por lo que generalmente encaja visualmente con tu sitio, aunque puede no coincidir perfectamente en todas las plantillas o diseños personalizados.

Cómo comprobar el botón en tu sitio en vivo

• Abre tu sitio en vivo en una ventana privada o de incógnito del navegador
  Esto evita que los estilos en caché oculten posibles problemas.
• Desplázate hasta el pie de página en cualquier página
• Busca el botón “Rescindir contrato” (o la etiqueta localizada de tu sitio web)
• Confirma que el botón es:
  • visible
  • legible
  • clicable
• Haz clic en el botón para verificar que abre el formulario de desistimiento

Si el botón no aparece, es difícil de leer, está mal alineado o está oculto detrás de otro elemento, tienes un conflicto de CSS personalizado que debes resolver.

Problemas comunes de CSS y cómo solucionarlos

Si has personalizado tu footer mediante el editor de CSS, revisa los siguientes patrones:

Botón oculto o invisible

• display: none o visibility: hidden
  Aplicado a los botones del footer o al contenedor del footer, oculta completamente el botón de desistimiento.
• opacity: 0
  Hace que el botón sea invisible, aunque técnicamente sigue presente.
• color coincide o es muy similar al color de fondo
  El botón está presente, pero no es legible.

Botón oculto por el diseño

• position: absolute o z-index
  Otro elemento puede estar superponiéndose al botón.
• overflow: hidden en el contenedor del footer
  Esto puede recortar el botón.
• Un contenedor padre más estrecho que el contenido del botón
  Esto puede hacer que se recorte o que se ajuste de forma inesperada.

Si has reconstruido completamente el footer

Si tu plantilla personalizada reemplaza completamente la estructura estándar del footer, es posible que el botón de desistimiento no se inserte en absoluto.

En este caso, añade el botón manualmente a tu footer personalizado:

• Destino del botón: /j/withdrawal
• Etiqueta del botón: utiliza la etiqueta localizada de tu sitio web (ver lista arriba)
• Estilo: asegúrate de que haya suficiente contraste de color (mínimo WCAG AA: 4.5:1 respecto al fondo)

Ámbito de responsabilidad

• Jimdo proporciona la implementación predeterminada e incluye el botón de desistimiento como parte de la plataforma
• Eres responsable de asegurarte de que el botón sea visible y funcional si:
  • utilizas CSS personalizado
  • modificas tu plantilla
• Eres responsable de ejecutar el desistimiento