La traduzione automatica AI cloud da utilizzare con Shopify richiede un certo accesso per completare la configurazione:
La configurazione Shopify è composta da 3 semplici passaggi:
Dopo la tua connessione o registrazione alla dashboard Linguise , ti verrà chiesto di registrare il tuo dominio per autorizzare la traduzione.
A tale scopo, copia semplicemente il tuo nome di dominio con https:// incluso e seleziona Shopify come piattaforma.
Successivamente, seleziona la lingua di origine e di destinazione.
Nota importante sulla SEO: il numero di lingue impostate ha un grande impatto sulla SEO. Quando imposti le tue lingue di traduzione, se hai una grande quantità di pagine indicizzate (>500), il motore di ricerca potrebbe impiegare molto tempo per elaborarle. Potrebbe avere un impatto sulla tua SEO nella tua lingua originale. Ecco perché ti consigliamo di aggiungere all'inizio un massimo di 5 lingue, poi, una volta indicizzato, puoi aggiungere le lingue in un batch di 3 al mese.
Una volta registrato con successo il tuo sito web nella dashboard Linguise , avrai due opzioni per procedere con l'installazione.
Probabilmente dovresti vedere questo contenuto. Se preferisci aggiungere automaticamente i record DNS, puoi fare clic su " Connetti i tuoi DNS automaticamente". Questa funzionalità, chiamata Entri, aggiungerà automaticamente i tuoi record DNS, permettendoti di procedere facilmente con l'installazione. L'altra opzione è copiare manualmente il DNS nel tuo provider di dominio.
Dopo aver fatto clic sul pulsante, Entri analizzerà l'URL del tuo sito web registrato e controllerà il tuo record DNS pubblico. In base a ciò determinerà il provider e il DNS necessari.
Successivamente, puoi fare clic su " Autorizza con [il tuo provider di dominio] " (in questo esempio è Cloudflare). Vedrai quindi il pannello trasformarsi nella pagina di accesso del tuo provider di dominio, dove potrai accedere e continuare.
Dopo aver effettuato l'accesso al provider del tuo dominio, Entri farà il resto, aggiungendo automaticamente i record DNS corretti. Un DNS per lingua + un DNS TXT per la chiave di validazione.
Dovresti essere in grado di vedere che il DNS è stato aggiunto al tuo dominio. Per esempio:
Una volta autorizzato, Entri ti avviserà che tutte le impostazioni DNS sono state configurate con successo.
Dovresti essere in grado di utilizzare la funzione di traduzione non appena tutte le voci DNS sono state propagate sul tuo dominio (di solito occorrono 20/30 minuti).
Se preferisci l'installazione manuale , puoi anche farlo manualmente seguendo i passaggi che forniremo di seguito.
Dopo aver convalidato il tuo dominio, verrai reindirizzato a una schermata in cui i DNS da aggiungere al tuo dominio sono pronti per essere copiati. A seconda della società di hosting, la configurazione del dominio può apparire leggermente diversa, ma i nomi dei campi sono abbastanza standard. Questi record sono necessari per caricare le pagine multilingue del tuo sito web come fr.domain.com, es.domain.com…
Ecco gli elementi principali.
Successivamente, devi connetterti al tuo gestore di dominio e accedere all'area di configurazione del DNS. Quindi, seguendo le istruzioni, puoi copiare:
Ecco un esempio per ogni tipo di record (TXT e CNAME):
Dopo aver aggiunto tutti i tuoi record, la tua configurazione dovrebbe essere così.
Su Shopify hai la possibilità di gestire la tua configurazione DNS all'interno della piattaforma Shopify .
Nello specifico, puoi accedere e modificare le impostazioni DNS tramite le Shopify accedendo a " Domini ". All'interno di questa sezione puoi aggiungere e modificare le tue configurazioni DNS secondo necessità.
Successivamente, puoi selezionare il tuo sito web principale e, nell'angolo in alto a destra, troverai l'opzione denominata " Impostazioni dominio ".
Facendo clic su questa opzione, avrai accesso a " Modifica impostazioni DNS ", dove potrai procedere con l'aggiunta di un nuovo record DNS. Puoi aggiungere i record CNAME e TXT.
Infine, i tuoi record CNAME e TXT dovrebbero apparire come l'immagine seguente:
È importante notare che Shopify ha regole proprie per aggiungere la configurazione DNS. Assicurati di seguire i passaggi precedenti.
Shopify leggerà questo record DNS che hai aggiunto e si propagherà di conseguenza.
Dopo aver aggiunto tutti i tuoi record al DNS del tuo dominio, puoi controllare la propagazione del DNS facendo clic sul pulsante Verifica configurazione DNS.
La convalida DNS richiede solitamente tra 30 minuti e 1 ora. Successivamente, dovresti vedere dei punti verdi nella parte destra dell'elenco DNS nella dashboard Linguise . Sei quasi pronto per tradurre il tuo sito web Shopify , manca solo il collegamento al cambio di lingua con le bandiere dei paesi.
Il selettore di lingua è il popup di bandiera per selezionare la lingua desiderata. Per caricarlo, dovrai copiare il codice fornito in testa alle tue pagine Shopify . Il cambio della lingua della bandiera verrà quindi caricato automaticamente sul tuo sito web pubblico.
Il link da copiare è indicato al termine della registrazione del dominio o nelle impostazioni del dominio. Copia il link negli appunti.
Quindi, nel Shopify , apri Negozio online > Temi
Fai clic sui tre punti del tema corrente e Modifica codice.
Infine, apri il file theme.liquid e incolla il codice dello script dopo l'ultimo
Ora, sul tuo frontend Shopify , dovresti avere a disposizione il selettore di lingua Linguise .
Il selettore della lingua può essere personalizzato dalla Linguise > Impostazioni > Visualizzazione dei flag della lingua. Ogni modifica qui si rifletterà sul sito web.
Sul lato destro dello schermo hai l'anteprima del selettore di lingua. Ecco gli elementi che puoi impostare:
Per visualizzare il selettore di lingua in una posizione specifica, nel Shopify , devi impostare la posizione come "Sul posto". Una volta impostata la posizione nella Linguise , puoi aggiungere lo shortcode qui sotto per includerla. Clicca sul codice qui sotto per inserirlo negli appunti.
Una volta aggiunto, sul frontend avrai la bandiera e i nomi delle lingue visualizzati nell'area HTML in cui hai aggiunto il codice.
Google ReCAPTCHA è un servizio gratuito che viene utilizzato per prevenire lo spam, ad esempio, nei moduli di contatto. Per renderlo disponibile su Shopify , dovrai registrare i tuoi sottodomini multilingue nel pannello di controllo Shopify .
Apri le impostazioni del negozio e le impostazioni del dominio.
Quindi fare clic su Connetti dominio esistente
Aggiungi un sottodominio di lingua esistente, ad esempio, se hai il tuo sito web in francese, sarà fr.tuositoweb.com
Infine, aggiungi [lang].yourwebsite.com, per ogni lingua di traduzione dovevi visualizzare il reCAPTCHA sul frontend.
L'editor frontend facilita i traduttori nella modifica di qualsiasi contenuto HTML su Shopify in qualsiasi lingua. Puoi modificare una pagina facendo clic su un elemento della pagina e sostituendo il testo, il collegamento o l'immagine.
Se stai utilizzando uno dei temi gratuiti forniti da Shopify , potresti dover modificare il CSS del tema per avere accesso a tutto l'HTML, perché utilizzano alcuni pseudo-elementi non standard.
Innanzitutto, modifica il codice del tema, quindi apri il file base.css o qualsiasi altro file CSS caricato sul tuo negozio Shopify .
Ecco il codice da aggiungere nel tuo file CSS:
/* CUSTOM CSS FOR LIVE EDITOR LINGUISE --------------------------------------------------------------------*/ /* Remove the problem of frontend editor on product and blog listing */ .button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after { content: none !important; } .card__heading a:after, .card--card:after, .card--standard .card__inner:after { content: none !important; } /* Add back the button border */ button.button { border: 2px solid #0E1B4D; border-radius: 20px; } /* END CUSTOM CSS --------------------------------------------------------------------*/
