El "Conmutador de Idiomas" es el puente del usuario hacia su infraestructura localizada. MultiLipi admite 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 un lanzamiento rápido) o como un Elemento Incrustado profundamente integrado (ideal para un 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)
Acceso a los controles de la interfaz.
Para configurar la estrategia de posicionamiento, siga esta ruta en su centro de comando:
Paso 1: Acceder al panel
Inicie sesión en su cuenta de MultiLipi para acceder a la vista de Inicio.
Paso 2: Seleccionar Proyecto
Haga clic en la 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, seleccione Selector de Idioma.
Acción:
Aquí verá la opción para alternar entre los modos Flotante y Embebido.
2. El Conmutador Flotante (Modo Superposición)
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 su sitio web, anclado a una esquina de la ventana gráfica.
Posicionamiento: Configurable en cualquiera de los cuatro cuadrantes:
- •Inferior Izquierda (Predeterminado) / Inferior Derecha
- •Superior Izquierda / Superior Derecha
Ventaja Arquitectónica:
- •Cero Código: No se requiere edición de HTML. Funciona instantáneamente tras la inyección de scripts.
- •Compatibilidad Universal: Garantizado para renderizar en cualquier plataforma (WordPress, Shopify, Webflow) sin romper los flujos de diseño.
- •Adaptable a 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 selector incrustado (Modo de integración)
Inserción de DOM sin interrupciones.
¿Qué es?
El Conmutador Incrustado le permite insertar el selector de idioma directamente en un contenedor específico dentro de la estructura de su HTML, como su Barra de Navegación (
El Mecanismo: Usted proporciona un Selector CSS específico (ID o Clase) en el panel de control 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 selector dentro de ese elemento, heredando las restricciones de diseño de su elemento padre.
Ideal Para: Diseñadores que requieren un control preciso de los píxeles y desean que el conmutador se sienta como una parte nativa del sistema de menú de la interfaz.
4. El Protocolo de Fallo (Lógica de Seguridad)
Garantizar la disponibilidad de la interfaz.
En entornos web dinámicos, los ID y las Clases pueden cambiar. ¿Qué sucede si implementa un Conmutador Embebido dirigido a #nav-lang, pero su desarrollador renombra accidentalmente ese ID a #nav-menu?
MultiLipi ejecuta una conmutación automática:
- •Escaneo: El script intenta localizar el selector CSS de destino.
- •Fallo: Si no se encuentra el destino (nulo), el script marca un error.
- •Recuperación: Vuelve automáticamente al Modo Flotante.
- •Resultado: El selector aparece en la posición flotante predeterminada (por ejemplo, Inferior Derecha), asegurando 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.