ℹ️ Este artículo se actualizará a medida que publiquemos más mejoras en los próximos meses.
⚠️ Después de activar reCAPTCHA en el widget de captación de clientes potenciales, es posible que sea necesario ajustar el CSS para que el estilo se vea como quieres.
El reCAPTCHA puede mostrarse de forma diferente según:
El widget de newsletter actual
Cómo esté integrado el widget en el CMS del cliente
Los estilos ya aplicados por el CMS
👩🏻💻 Si necesitas ayuda con la personalización o el diseño, contacta con tu Account Manager.
1. Ve a Configuración > Widgets
Ve a Configuración > Widgets y abre la pestaña CSS personalizado.
2. Selecciona un widget y un elemento
Elige el widget que quieres modificar y, después, el elemento. El primer elemento se selecciona automáticamente, por lo que el editor se abre con sus clases ya cargadas y la vista previa muestra sus variaciones al instante. Añade tus reglas CSS en el editor y revisa la vista previa para ver cómo quedan.
Es posible que algunos widgets no aparezcan en la lista, o que no veas las clases que esperabas. Esto es normal. Las listas de widgets y elementos están pensadas para facilitar la personalización, pero no estás limitado a la entrada que coincide con tu widget.
Puedes añadir reglas CSS en cualquier widget o elemento. El CSS que añadas se aplica a todos los widgets de tu sitio, sin importar dónde lo añadas.
⚠️ Evita añadir !important después de cada regla CSS
¿Por qué?
Inserción automática:
!importantse añade automáticamente a cada regla CSS que escribes.Posible conflicto: si tú también añades
!important, la declaración se duplica. Esto puede romper el estilo previsto y provocar un comportamiento inesperado.
3. Revisa tus cambios
Tus cambios se guardan automáticamente. Para deshacerlos, selecciona Restablecer elemento para restaurar el elemento seleccionado, o Restablecer todo para restaurar todos los elementos.
4. ¡Listo!
Los widgets de bsport ahora se mostrarán automáticamente con tu CSS personalizado.
⚠️ Si el widget se ve diferente en tu sitio respecto a la vista previa, activa Mantener estilo predeterminado en el paso 1 · Sitio web de la pestaña Configurar.
