Il "Language Switcher" è il ponte dell'utente verso la tua infrastruttura localizzata. MultiLipi supporta due distinti metodi di iniezione per bilanciare la facilità di implementazione con l'integrità del design. Puoi implementarlo come un Floating Overlay persistente (ideale per un lancio rapido) o come un Embedded Element profondamente integrato (ideale per un design personalizzato).
Questa guida illustra i passaggi di navigazione e le differenze tecniche tra entrambe le strategie.
1. Protocollo di Configurazione (Navigazione)
Accedere ai controlli dell'interfaccia.
Per configurare la strategia di posizionamento, segui questo percorso nel tuo centro di comando:
Passaggio 1: Accedi alla Dashboard
Accedi al tuo account MultiLipi per raggiungere la vista Home.
Passaggio 2: Seleziona Progetto
Fai clic sul riquadro del progetto specifico per il sito web che desideri configurare.
Passaggio 3: Accedi alle Impostazioni
Nella barra laterale sinistra, fai clic su Impostazioni.
Passaggio 4: Individua il modulo
Dal sottomenu o dall'elenco delle impostazioni, seleziona Language Switcher.
Azione:
Qui vedrai l'opzione per passare tra le modalità Floating ed Embedded.
2. Lo switcher fluttuante (modalità overlay)
Distribuzione rapida tramite iniezione JS.
Cos'è?
Lo switcher fluttuante è un widget autonomo inserito nel DOM tramite JavaScript. Si posiziona sull'asse Z sopra il contenuto del tuo sito web, ancorato a un angolo della viewport.
Posizionamento: Configurabile in uno qualsiasi dei quattro quadranti:
- •In basso a sinistra (Predefinito) / In basso a destra
- •In alto a sinistra / In alto a destra
Vantaggio Architettonico:
- •Zero Code: nessuna modifica HTML richiesta. Funziona istantaneamente dopo l'iniezione dello script.
- •Compatibilità Universale: Garantito per il rendering su qualsiasi piattaforma (WordPress, Shopify, Webflow) senza interrompere i flussi di layout.
- •Mobile Responsive: Scala e riposiziona automaticamente per viewport più piccoli.
Ideale per: Team che necessitano di una soluzione "Plug-and-Play" senza coinvolgere uno sviluppatore frontend.
3. Lo switcher incorporato (modalità di integrazione)
Inserimento DOM senza interruzioni.
Cos'è?
Lo switcher incorporato ti consente di inserire il selettore della lingua direttamente in un contenitore specifico all'interno della tua struttura HTML, come la barra di navigazione (
Il meccanismo: Fornisci un selettore CSS specifico (ID o Classe) nella dashboard di MultiLipi.
Esempio di Input: #menu-language-item o .navbar-right.
L'Azione: Il nostro script analizza il DOM alla ricerca di quel selettore specifico e renderizza lo switcher all'interno di quell'elemento, ereditando i vincoli di layout del suo genitore.
Ideale per: Designer che richiedono un controllo pixel-perfect e desiderano che lo switcher sia parte integrante del sistema di menu dell'interfaccia utente.
4. Il protocollo di failover (logica di sicurezza)
Garantire la disponibilità dell'interfaccia.
In ambienti web dinamici, ID e classi possono cambiare. Cosa succede se distribuisci uno Switcher Embedded che punta a #nav-lang, ma il tuo sviluppatore rinomina accidentalmente quell'ID in #nav-menu?
MultiLipi esegue un failover automatico:
- •Scansione: lo script tenta di individuare il selettore CSS di destinazione.
- •Fallimento: Se il target non viene trovato (null), lo script segnala un errore.
- •Recupero: Torna automaticamente alla modalità Floating.
- •Risultato: Lo switcher appare nella posizione predefinita fluttuante (ad es. in basso a destra), garantendo che l'utente possa comunque cambiare lingua, anche se il layout è danneggiato.
- •Debugging: Viene registrato un avviso nella console per consentire ai tuoi sviluppatori di correggere il selettore.