Webflow - Integrazione / Configurazione

Video guida: Volete una spiegazione semplice e veloce su come configurare il vostro sito Webflow con Weglot? Date un'occhiata al nostro video tutorial su come integrare Weglot nel vostro sito Webflow!

1. Registrazione di un account Weglot

Con questo account potrete visualizzare e gestire tutte le vostre traduzioni. È sufficiente creare un account Weglot qui.

2. Creare il progetto (~ 1 minuto)

Dopo aver creato il vostro account, dovete creare il vostro progetto. Dovete dargli un nome e selezionare la tecnologia del vostro sito web, che è "Webflow":

3. Inserire le lingue desiderate (~ 1 minuto)

In questa fase, sono necessarie le lingue desiderate.

La lingua originale è la lingua del vostro sito web originale e le lingue tradotte sono le lingue in cui volete tradurre il vostro sito web.

Inserire i dettagli del sito web

**Non aggiungete il vostro nome di dominio TEMPORANEO che termina con .webflow.io.

NOTA: se non avete ancora acquistato il vostro nome di dominio e avete solo un dominio .webflow.io, fate clic su "Connetti Weglot al tuo sito web senza" se siete ancora nella fase di test del vostro sito. Potrete aggiungere il vostro nome di dominio in seguito.

Fare clic sul pulsante "Avanti" per passare alla fase successiva.

4. Configurare i sottodomini nei record DNS (~ 5 minuti).

Questa è la fase in cui si configura il DNS per creare e collegare i sottodomini.

Nella configurazione del vostro account Weglot, vedrete le seguenti voci DNS da aggiungere (Nota: questo esempio è per l'impostazione dell'inglese):

Ai fini di questo esempio, utilizziamo Google Domains come fornitore di nomi di dominio; la maggior parte degli altri fornitori di host avrà un aspetto simile a questo. Tuttavia, contattateci all'indirizzo support@weglot.com se avete bisogno di aiuto per questo passaggio.

A questo punto, accedete all'account del vostro provider di nomi di dominio e alla sezione o alla pagina in cui è possibile gestire il DNS (ad esempio, in Google Domains, si trova sotto una scheda nella barra dei menu a sinistra chiamata DNS).

A questo punto, dovreste essere in grado di creare nuove voci nella sezione DNS dello schermo (nel nostro esempio è nella sezione "Record di risorse personalizzati"). Selezionare CNAME come tipo di voce.

Inserire " en"(per chi aggiunge l'inglese) nella sezione "Nome" e il valore fornito da Weglot nella sezione "Dati".

Se avete problemi a capire dove trovare o come aggiornare i vostri record DNS, possiamo aiutarvi. Inviateci un'e-mail a support@weglot.com.

Una volta aggiunte e salvate le voci, tornate alla pagina di Weglot. Cliccando su " Check DNS" dovrebbe apparire un'icona verde con un segno di spunta: ciò significa che la configurazione è stata completata con successo (l'operazione può richiedere un paio di minuti o anche 10, quindi non allarmatevi se l'icona verde con un segno di spunta non è ancora apparsa accanto al vostro record DNS). Fare clic su"Avanti".

5. Installare la libreria Weglot (~ 3 minuti)

Questa è la fase finale, in cui si aggiunge il pulsante per il cambio di lingua al sito Webflow e si personalizzano alcune impostazioni dell'applicazione.

È facile e veloce, basta seguire i passaggi indicati di seguito (mostrati anche nella GIF).

Accedete alla dashboard di Webflow, quindi, sul vostro sito web, fate clic sui 3 punti e su "Impostazioni".
Nella pagina delle impostazioni, selezionare "Codice personalizzato" (l'ultima scheda a destra).
Go to “Head Code”, and you should see a field that’s titled “Add code at the end of the <head> tag:”
Copiare-incollare lo snippet JavaScript fornito sul proprio account Weglot. Avrà l'aspetto seguente, ma assicuratevi di aggiungere la vostra chiave API effettiva invece del segnaposto "YOUR_API_KEY":

<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
<script>
    Weglot.initialize({
        api_key: 'YOUR_API_KEY',
    });
</script>

Fare clic sul pulsante verde "Salva modifiche".
Pubblicare le modifiche facendo clic sul pulsante blu in alto a destra.

Avete finito!

Finito! Andate sul vostro sito web e vedrete apparire il pulsante di cambio lingua in basso a destra. Lasciate qualche minuto per assicurarvi che i vostri sottodomini siano impostati correttamente, poi provate a cambiare la lingua e vedrete le vostre pagine tradotte.

Bonus: abbiamo creato alcuni commutatori di lingua Webflow che potete clonare e aggiungere al vostro sito web! Scopriteli sul nostro Webflow UI Kit di Finsweet e su Weglot Components di Digidop.