El "Selector de Idioma" es el puente del usuario hacia su infraestructura localizada. MultiLipi soporta dos métodos de inyección distintos para equilibrar la facilidad de implementación con la integridad del diseño. Puede implementarlo como una Superposición Flotante persistente (ideal para lanzamientos rápidos) o como un Elemento Integrado profundamente integrado (ideal para diseño personalizado).
Esta guía detalla los pasos de navegación y las diferencias técnicas entre ambas estrategias.
1. Protocolo de configuración (Navegación)
Acceder a los controles de la interfaz.
Para configurar la estrategia de posicionamiento, sigue esta ruta en tu centro de comandos:
Paso 1: Acceder al Panel de Control
Inicia sesión en tu cuenta de MultiLipi para acceder a la vista de inicio.
Paso 2: Seleccionar proyecto
Haga clic en el mosaico de proyecto específico para el sitio web que desea configurar.
Paso 3: Acceder a la configuración
En la barra lateral izquierda, haga clic en Configuración.
Paso 4: Localizar Módulo
Desde el submenú o la lista de configuraciones, selecciona Conmutador de idioma.
Acción:
Aquí verá la opción para alternar entre los modos flotante e incrustado.
2. El conmutador flotante (modo superpuesto)
Despliegue rápido mediante inyección de JS.
¿Qué es?
El conmutador flotante es un widget autónomo inyectado en el DOM a través de JavaScript. Se sitúa en el eje Z por encima del contenido de tu sitio web, anclado a una esquina de la ventana gráfica.
Posicionamiento: Configurable en cualquiera de los cuatro cuadrantes:
- •Abajo-Izquierda (Predeterminado) / Abajo-Derecha
- •Superior izquierda / Superior derecha
Ventaja arquitectónica:
- •Sin código: No se requiere edición de HTML. Funciona al instante tras la inyección del script.
- •Compatibilidad universal: Garantizado para renderizarse en cualquier plataforma (WordPress, Shopify, Webflow) sin romper los flujos de diseño.
- •Adaptable a dispositivos móviles: Se escala y reposiciona automáticamente para pantallas más pequeñas.
Ideal para: Equipos que necesitan una solución "Plug-and-Play" sin involucrar a un desarrollador frontend.
3. El conmutador incrustado (modo de integración)
Inserción DOM sin interrupciones.
¿Qué es?
El Selector Integrado le permite inyectar el interruptor de idioma directamente en un contenedor específico dentro de su estructura HTML, como su Barra de Navegación (
El mecanismo: Proporciona un selector CSS específico (ID o Clase) en el panel de MultiLipi.
Ejemplo de entrada: #menu-language-item o .navbar-right.
La acción: Nuestro script escanea el DOM en busca de ese selector específico y renderiza el conmutador dentro de ese elemento, heredando las restricciones de diseño de su elemento padre.
Ideal para: Diseñadores que requieren un control preciso y desean que el selector se sienta como una parte nativa del sistema de menús de la interfaz de usuario.
4. El protocolo de conmutación por error (lógica de seguridad)
Garantía de disponibilidad de la interfaz.
En entornos web dinámicos, los IDs y las Clases pueden cambiar. ¿Qué sucede si implementa un Selector Integrado que apunta a #nav-lang, pero su desarrollador renombra accidentalmente ese ID a #nav-menu?
MultiLipi ejecuta una conmutación automática por error:
- •Escanear: El script intenta localizar el selector CSS de destino.
- •Fallo: Si no se encuentra el destino (null), el script marca un error.
- •Recuperación: Vuelve automáticamente al Modo Flotante.
- •Resultado: El conmutador aparece en la posición flotante predeterminada (por ejemplo, inferior derecha), lo que garantiza que el usuario aún pueda cambiar de idioma, incluso si el diseño está roto.
- •Depuración: Se registra una advertencia en la consola para que sus desarrolladores corrijan el selector.