Scala il tuo sviluppo visivo a livello globale senza codice backend.
Webflow è la piattaforma principale per lo sviluppo visivo, ma la localizzazione nativa può essere complessa e costosa. MultiLipi si integra direttamente nell'architettura di Webflow tramite una singola iniezione di script, trasformando istantaneamente le tue pagine statiche e le raccolte CMS in un infrastruttura multilingue con indicizzazione SEO completa.
Questa guida descrive il processo di integrazione utilizzando il Codice personalizzato funzionalità.
1. Prerequisiti per il dispiegamento
Prima di iniziare, assicurati che il tuo ambiente soddisfi i requisiti:
Piano del sito Webflow
Devi essere su un Piano Base del Sito (o superiore) per sbloccare la funzionalità "Codice personalizzato".
Chiavi API MultiLipi
Trova questo nella tua Dashboard sotto Impostazioni > Generale.
2. Passaggio 1: Accedi all'architettura del sito
Iniettiamo il motore di traduzione nell'header globale per garantire che persista in tutte le pagine e nei modelli CMS.
- 1
Accedi al tuo Webflow Dashboard.
- 2
Individua la tua scheda progetto e fai clic sul Icona Impostazioni (⚙️) (o seleziona Impostazioni del sito dal menu Designer).
- 3
Naviga fino al Codice personalizzato scheda nella barra di navigazione in alto.
3. Passo 2: Inietta lo script di infrastruttura
- 1
Scorri verso il basso fino al campo etichettato Codice Head.
- 2
Nota: Non inserire questo nel "Codice piè di pagina", poiché ritarderà il caricamento della traduzione e causerà un "flash di contenuto non tradotto".
Azione: Incolla lo script di connessione
Incolla il seguente script di connessione nel campo:
⚠️ Configurazione critica
- •Sostituire
YOUR_API_KEY_HEREcon la vera API Key copiata dalla tua dashboard MultiLipi. - •Fai clic sul verde Salva modifiche nell'angolo in alto a destra.
4. Passaggio 3: Distribuzione e verifica
Webflow non esegue codice personalizzato nella vista Designer. Devi pubblicare per vedere il motore in azione.
Pubblicare
Fare clic sull'icona blu Pubblicare pulsante e seleziona il tuo dominio di produzione (o .webflow.io dominio di staging).
Verifica
Apri il link live.
Controllo visivo
Il selettore della lingua dovrebbe apparire nell'angolo in basso a sinistra.
Controllo CMS
Naviga in una pagina di raccolta CMS (ad es., /blog/post-1) e cambia lingua per assicurarti che i contenuti dinamici vengano tradotti correttamente.
Protocollo di risoluzione dei problemi
- •Selettore mancante? Conferma di aver pubblicato il sito dopo aver salvato il codice.
- •Controllo Piano: Assicurati che il tuo piano di hosting Webflow sia attivo; i siti di staging gratuiti spesso limitano l'esecuzione di codice personalizzato su domini personalizzati.
5. Ottimizzazione e Stile
Una volta distribuito, MultiLipi funziona silenziosamente in background.
Integrità del design
Poiché scambiamo solo nodi di testo, le tue Interazioni Webflow (IX2) e le animazioni di scorrimento rimangono perfettamente intatte.
Personalizzazione del selettore
Puoi riposizionare il selettore utilizzando le impostazioni della nostra Dashboard o sovrascrivere il suo CSS per adattarlo alla tipografia specifica del tuo sito.
Automazione SEO
Generiamo automaticamente il sitemap.xml voci e hreflang tag per il tuo progetto Webflow, assicurandoti di posizionarti nei risultati di ricerca globali senza lavoro manuale di SEO.