🎨 Personalización de CSS/JS y Tema del Grupo

Esta función te permite agregar CSS y JavaScript personalizado a un grupo específico de Comunidades, cambiando su apariencia y comportamiento sin afectar otras partes de la plataforma.

📋 Contenido de este Tutorial

💡 ¿Qué es la Personalización de CSS/JS?
🎁 Beneficios Clave
⚙️ Proceso de Implementación
🌙 Estilos para Modo Oscuro
❓ Preguntas Frecuentes

💡 ¿Qué es la Personalización de CSS/JS?

Esta función te permite "cambiar cómo se ve y se comporta tu grupo sin alterar otras partes de Comunidades", aplicando el cambio únicamente a nivel de ese grupo específico.

🎁 Beneficios Clave

Logra una alineación de marca precisa según tus lineamientos.
Implementa cambios limitados a un grupo individual.
Prueba modificaciones de forma segura antes de activarlas en vivo.
Mejora la experiencia del usuario con elementos interactivos.
Optimiza el diseño responsivo para dispositivos móviles.

⚙️ Proceso de Implementación

Accede a tu subcuenta y ve a Membresías → Comunidades → Grupos.
Ingresa al grupo específico que deseas personalizar.
Selecciona Configuración dentro de la interfaz del grupo.
Ve a la pestaña Marca y expande Opciones Avanzadas.
Ubica los campos de CSS Personalizado y JavaScript Personalizado.
Inserta tu código en los campos correspondientes.
Haz clic en Probar Vista Previa para revisar los cambios.
Activa el Modo en Vivo una vez que estés satisfecho con los resultados.
Guarda tu configuración.

🌙 Estilos para Modo Oscuro

Usa la clase .dark en tu CSS para aplicar estilos específicos cuando el grupo se visualiza en modo oscuro.

❓ Preguntas Frecuentes

¿Cómo desactivo mi código personalizado rápidamente? Desactiva el Modo en Vivo para deshabilitar de inmediato tus personalizaciones con fines de solución de problemas.
¿Cómo soluciono problemas si el grupo no carga bien? Agrega customCode=false al final de la URL de la comunidad para desactivar temporalmente el código personalizado.
¿CRMHUB da soporte sobre el código que yo escribo? No, CRMHUB no ofrece orientación ni soporte para la implementación, depuración o mantenimiento de código personalizado.
¿Los cambios afectan a otros grupos? No, el CSS y JavaScript personalizado se aplican únicamente al grupo donde se configuraron.

🚀 Dale a cada uno de tus grupos una identidad visual única con CSS y JavaScript personalizado.