Índice
Requisitos de acesso Bubble
A tradução automática em nuvem com IA para uso com Bubblerequer algumas permissões para concluir a configuração:
- Acesso administrativo Bubble
- Modificação de DNS de domínio no Bubble
A configuração Bubbleé composta por 4 etapas simples:
- Registre seu domínio para autorizar a tradução
- Modifique o DNS do domínio de acordo com os idiomas de tradução
- Adicione o link para alternar entre os idiomas às suas configurações Bubble.
- Ative o recurso de tradução dinâmica.
Como tornar seu site Bubblemultilíngue em vídeo
Registre seu domínio Bubble
Após a sua conexão ou cadastro no painel de controle Linguise , você será solicitado a registrar seu domínio para autorizar a tradução.
Para isso, basta copiar o nome do seu domínio, incluindo o https://, e selecionar “ Outro CMS hospedado na nuvem ” como plataforma.
Em seguida, selecione o idioma de origem e o idioma de destino.
Observação importante de SEO: o número de idiomas que você configura tem um grande impacto no SEO. Ao configurar seus idiomas de tradução, se você tiver uma grande quantidade de páginas indexadas (>500), o mecanismo de pesquisa poderá demorar muito para processá-las. Isso pode afetar seu SEO em seu idioma original. É por isso que recomendamos adicionar inicialmente no máximo 5 idiomas, depois, quando estiver indexado, você pode adicionar idiomas em um lote de 3 por mês.
Modifique o DNS do domínio de acordo com os idiomas
Adicione automaticamente o DNS do domínio usando o Entri
Após registrar seu site com sucesso no painel de controle Linguise , você terá duas opções para prosseguir com a instalação.
Provavelmente você deveria ver este conteúdo. Se preferir adicionar os registros DNS automaticamente, clique em “ Conectar seu DNS automaticamente ”. Esse recurso, chamado Entri, adicionará seus registros DNS automaticamente, permitindo que você prossiga com a instalação facilmente. A outra opção é copiar manualmente o DNS do seu provedor de domínio.
Após clicar no botão, o Entri analisará o URL do seu site registrado e verificará seu registro DNS público. Com base nisso, determinará o provedor e o DNS necessários.
Em seguida, clique em “ Autorizar com [seu provedor de domínio] ” (neste exemplo, Cloudflare). Você verá então o painel mudar para a página de login do seu provedor de domínio, onde poderá fazer login e continuar.
Após você fazer login no seu provedor de domínio, o Entri fará o resto, adicionando automaticamente os registros DNS adequados. Um registro DNS por idioma + um registro DNS TXT para a chave de validação.
Você deverá conseguir ver que o DNS foi adicionado ao seu domínio. Por exemplo:
Após a autorização, o Entri irá notificá-lo de que todas as configurações de DNS foram configuradas com sucesso.
Você poderá usar o recurso de tradução assim que todas as entradas de DNS forem propagadas em seu domínio (geralmente leva de 20 a 30 minutos).
Se preferir a instalação manual , você também pode fazê-la manualmente seguindo os passos que forneceremos abaixo.
Copiar registros DNS
Após validar seu domínio, você será redirecionado para uma tela onde os registros DNS a serem adicionados ao seu domínio estarão prontos para serem copiados. Esses registros são necessários para carregar as páginas multilíngues do seu site, como fr.dominio.com, es.dominio.com…
Aqui estão os principais elementos que você precisará copiar para a configuração de DNS Bubble.
Depois disso, você precisa se conectar ao seu gerenciador de domínio e acessar a área de configuração de DNS. Em seguida, seguindo as instruções, você pode copiar:
- Um registro TXT para verificação de domínio
- Um ou vários registros CNAME para os idiomas
Aqui está um exemplo para cada tipo de registro (TXT e CNAME):
Após adicionar todos os seus registros, sua configuração deverá ficar assim.
Verificar validação DNS
Após adicionar todos os seus registros ao DNS do seu domínio, você pode verificar a propagação do DNS clicando no botão Verificar configuração de DNS.
A validação de DNS geralmente leva de 30 minutos a 1 hora . Depois disso, você deverá ver pontos verdes na parte direita da lista de DNS no Linguise . Você está quase pronto para traduzir seu Bubble , só falta o link para o seletor de idiomas com as bandeiras dos países.
Recurso de Tradução Dinâmica
Tecnicamente falando, Bubble combina módulos codificados em JavaScript, CSS e HTML em uma aplicação Node.js funcional. A linguagem própria do Bubbleé baseada em JSON.
Com o nosso recurso de “ Tradução Dinâmica ”, você pode traduzir facilmente o conteúdo do seu Bubble , incluindo conteúdo que carrega de forma assíncrona (dinamicamente) após o carregamento da página. Essa melhoria garante uma experiência multilíngue mais fluida para seus visitantes!
Você precisará ativar esse recurso nas Configurações da sua no painel de controle Linguise .
Após acessar o Linguise , clique no seu domínio registrado e navegue até Configurações .
Você encontrará a seção “ Traduzir conteúdo dinâmico ” no final da página de Configurações.
Adicione o seletor de idiomas ao Bubble.
O seletor de idiomas é o ícone de bandeira que permite escolher o idioma desejado. Para acessá-lo, você precisará copiar o código fornecido no cabeçalho das páginas do seu site Bubble. O seletor de idiomas com a bandeira será então carregado automaticamente no seu site público.
O link para copiar é fornecido ao final do registro do domínio ou nas configurações do domínio. Copie o link para a área de transferência.
Em seguida, acesse o painel do seu Bubble . No menu lateral esquerdo, clique em "Configurações" > selecione "SEO / metatags" .
Nas configurações do menu, role um pouco para baixo e você encontrará "Script/meta tags no cabeçalho" em " Configurações avançadas ".
Cole o Linguise que você copiou anteriormente, clique em 'Salvar' e publique seu site.
Agora, no frontend do seu site Bubble, você deverá ter o seletor de idiomas Linguise disponível.
Design do alternador de idioma para site Bubble.io
O seletor de idiomas pode ser personalizado no Linguise > Configurações > Exibição de indicadores de idioma. Todas as alterações feitas aqui serão refletidas no site.
No lado direito da tela, você tem a visualização do seletor de idioma. Aqui estão os elementos que você pode configurar:
- 3 layouts: lado a lado, dropdown ou popup
- A posição do seletor de idioma
- O conteúdo do alternador de idioma
- Nomes de idiomas em inglês ou idioma nativo
- Formas e tamanho das bandeiras
- Cores e sombra da caixa
Editor de tradução front-end no site Bubble
O editor de front-end facilita aos tradutores a modificação de qualquer conteúdo HTML no Bubbleem qualquer idioma. Você pode editar uma página clicando em um elemento da página e substituindo o texto, link ou imagem.
Também é possível editar as meta informações clicando nos colchetes {}
