Webflow - Integração / Configuração

Guia em vídeo: Quer uma explicação rápida e fácil sobre como configurar o seu sítio Webflow com o Weglot? Veja o nosso tutorial em vídeo sobre como integrar o Weglot no seu sítio Webflow!

1. Criar uma conta Weglot

Esta conta é onde poderá ver e gerir todas as suas traduções. Basta criar uma conta Weglot aqui.

2. Criar o seu projeto (~ 1 minuto)

Depois de ter criado a sua conta, deve criar o seu projeto. Tem de lhe dar um nome e selecionar a tecnologia do seu sítio Web, que é "Webflow":

3. Introduzir as línguas pretendidas (~ 1 minuto)

Nesta etapa, são necessárias as línguas que pretende.

A língua original é a língua do seu sítio Web original e a(s) língua(s) traduzida(s) são as línguas para as quais pretende traduzir o seu sítio Web.

Introduzir os dados do sítio Web

**NÃO ADICIONE O SEU NOME DE DOMÍNIO TEMPORÁRIO que termina em .webflow.io.

NOTA: Se ainda não tiver adquirido o seu próprio nome de domínio e tiver apenas um domínio .webflow.io, clique em "Ligar o Weglot ao seu sítio Web sem ele" se ainda estiver na fase de teste do seu sítio. Pode adicionar o seu nome de domínio mais tarde.

Clique no botão "Seguinte" para avançar para o passo seguinte.

4. Configurar os subdomínios nos registos DNS (~ 5 minutos)

Este é o passo em que configura o seu DNS para criar e ligar os subdomínios.

Na configuração da sua conta Weglot, verá as seguintes entradas DNS para adicionar (Nota: este exemplo é para configurar o inglês):

Para efeitos deste exemplo, estamos a utilizar o Google Domains como o nosso fornecedor de nomes de domínio - a maioria dos outros fornecedores de alojamento será semelhante a este. Mas, por favor, contacte-nos em support@weglot.com se precisar de ajuda com este passo.

Agora, aceda à conta do seu fornecedor de nomes de domínio e à secção ou página onde pode gerir o DNS (por exemplo, no Google Domains, está localizado num separador na barra de menu do lado esquerdo chamado DNS).

Nesta fase, deve ser possível criar novas entradas na secção DNS do seu ecrã (no nosso exemplo, na secção "Registos de recursos personalizados"). Selecione CNAME como o tipo de entrada.

Introduzir " en"(para os que acrescentam o inglês) na secção "Nome" e o valor fornecido pela Weglot na secção "Dados".

Se tiver problemas em descobrir onde encontrar ou como atualizar os seus registos DNS, nós podemos ajudá-lo. Basta enviar-nos um e-mail para support@weglot.com.

Depois de ter adicionado e guardado as entradas, volte à página Weglot. Pode clicar em " Verificar DNS" e deve aparecer um ícone de marca de verificação verde: isto significa que tudo foi configurado com êxito (por vezes, isto pode demorar alguns minutos ou mesmo 10, por isso não se assuste se o ícone de marca de verificação verde ainda não tiver aparecido ao lado do seu registo DNS). Clique em"Next" (Seguinte).

5. Instalar a biblioteca Weglot (~ 3 minutos)

Este é o passo final, onde irá adicionar o botão de mudança de idioma ao seu sítio Webflow e personalizar algumas das definições da aplicação.

É rápido e fácil, basta seguir os passos abaixo (também mostrados no GIF abaixo).

Aceda ao painel de controlo do Webflow e, em seguida, no seu sítio Web, clique nos três pontos e clique em "Definições"
Na página Definições, selecione "Código personalizado" (o último separador à direita)
Go to “Head Code”, and you should see a field that’s titled “Add code at the end of the <head> tag:”
Copie e cole o snippet de JavaScript fornecido na sua conta Weglot. Será parecido com o seguinte, mas certifique-se de que adiciona a sua chave API real em vez do marcador de posição "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>

Clique no botão verde, "Guardar alterações".
Publique as suas alterações, clicando no botão azul no canto superior direito.

Já está tudo feito!

Terminou! Aceda ao seu site e verá o botão de mudança de idioma aparecer no canto inferior direito. Aguarde alguns minutos para se certificar de que os seus subdomínios estão corretamente configurados, depois pode tentar alterar o idioma e verá as suas páginas traduzidas.

Bónus: criámos alguns alternadores de linguagem Webflow que pode clonar e adicionar ao seu sítio Web! Veja-os no nosso Webflow UI Kit by Finsweet 2.0, Webflow UI Kit by Finsweet e em Weglot Components by Digidop.