Como faço um site multilingue no Website Builder?

Neste guia, mostramos como pode tornar o seu site Website Builder multilingue. Como exemplo, estamos a adicionar uma versão em dinamarquês a um site em inglês.

Depois de seguir este guia, a estrutura geral do seu site está pronta, e você pode começar a adicionar o conteúdo traduzido nas novas páginas.


Passo 1 – Transforme todas as páginas em subpáginas da sua página inicial

Comece transformando todas as páginas em subpáginas da sua página inicial principal; veja a captura de tela para saber como deve ficar. Consulte nosso guia se precisar de mais informações sobre como fazer isso: Como faço para adicionar uma subpágina?

Screenshot showing the Website Builder editor. The pages menu is open and a red arrow points to the main Home page with subpages below it.

Passo 2 – Renomeie a sua página inicial

Próximo, você precisa renomear sua página inicial para o idioma que ela representa. O que você digitar aqui se tornará o texto que seus visitantes clicam para mudar para esse idioma. Neste exemplo, usamos "EN" para indicar inglês, mas você pode chamá-lo do que quiser.

  1. Abra o menu de páginas.
  2. Clique com o botão direito do mouse na sua página inicial e selecione Configurações.
  3. Mude o nome da página no menu para "EN", outro idioma ou outro nome que você preferir.
  4. Altere o nome da pasta para "en" também, em minúsculas. Não use caracteres especiais ou espaços aqui, pois o título da URL é sensível a isso.
  5. Clique em Salvar.
Screenshot showing the open page settings menu. Three red circles with the numbers three, four and five show where the focus for step three, four and five should be.

Passo 3 - Duplicar páginas para o idioma adicional

Faça uma cópia de cada página para o outro idioma. Uma página duplicada é uma cópia da página original, facilitando a adição do texto traduzido.

  1. Abra o menu de páginas.
  2. Clique com o botão direito na primeira página e clique em Duplicar página.
  3. Digite um nome para a página – a versão traduzida da página original – e clique em OK.
  4. Repita este processo até ter uma cópia de cada página.
  5. Transforme as páginas em subpáginas da página inicial do novo idioma; veja a captura de tela para saber como deve ficar.
Screenshot showing the open pages menu. A magnifying glass zooms in on of the main pages with the subpages below it.

Passo 4 – Adicione links para a página inicial de cada idioma

Para tornar a página inicial visível no menu com as outras páginas, você precisa criar um link para cada página inicial no menu.

  1. Abra o menu de páginas.
  2. Clique no botão para adicionar um link ao menu. É o branco/azul com uma corrente.
  3. Clique em Link no menu à esquerda.
  4. Clique no botão Link para ficheiro ou página no canto superior direito.
  5. Selecione a página (inicial) para a qual você quer criar um link e clique em Salvar.
  6. Digite o nome da sua página inicial, que deve estar visível no menu em Título do link.
  7. Clique em Adicionar para salvar as suas Configurações.
  8. Torne o link uma subpágina da página inicial real para a qual você está vinculando; veja a captura de tela.
  9. Repita isso para cada idioma.
Screenshot showing the open pages menu. Red frames highlight the Home page of each language. A red arrow points to the link icon at the top of the overview, and a magnifying glass zooms in on one of the Home pages to show the link icon next to the page name.

Passo 5 – Altere o nível inicial do seu menu

O próximo passo é corrigir o menu. Por causa das suas alterações, seu menu mostra apenas as páginas de idioma.

  1. Selecione o componente do menu na sua página.
  2. Clique em Editar menu, que aparece acima ou abaixo do componente do menu.
  3. Altere o nível inicial para Páginas no segundo nível nas Configurações exibidas.
  4. Clique Estilo para ajustar o estilo do menu. Você sempre pode escolher entre os estilos do menu principal e do submenu, respectivamente. Você pode editar cada estilo clicando no ícone de engrenagem. 
Screenshot showing the open settings of the menu component. A magnifying glass zooms in on the "Pages on second level" option.

Passo 6 – Adicione um novo menu como seletor de idiomas

Por fim, você deve adicionar um novo menu ao modelo do seu site que permita aos visitantes alterar o idioma.

  1. Clique em Mais no menu à esquerda.
  2. Vá para Navegação e escolha um menu horizontal.
  3. Arraste o menu para a sua página e coloque-o no cabeçalho no topo. Desta forma, o menu será visível em todas as páginas utilizando este modelo.
  4. Clique em Editar menu, que aparece acima ou abaixo do componente do menu. 
  5. Altere o tipo de menu para horizontal de um único nível.
  6. No menu pop-up, clique em Style para alterar o estilo deste menu (opcional).
  7. Ajuste o tamanho e a colocação do menu ao seu gosto e clique em Salvar.

Observação: As alterações que fizeres em ambos os menus só serão consistentes entre páginas que usem o mesmo modelo. Se tiveres um modelo diferente numa página, os menus podem parecer diferentes (por exemplo, podem ser verticais em vez de horizontais). Recomendamos a utilização do mesmo modelo entre páginas, pois isto facilitará a navegação no site quando este tem mais do que uma opção de idioma.

Screenshot showing the Website Builder editor. Red, numbered circles point out the focus areas of step one, two, three and five.

Passo 7 – Adicione o texto traduzido e publique o seu site

A estrutura do seu site está agora concluída. Assim, você pode começar a adicionar o texto traduzido e outros conteúdos. Clique em Pré-visualização se quiser ver como o seu site vai ficar.

Depois de adicionar o conteúdo traduzido, você pode publicar seu site para torná-lo visível online. Os links do menu para as home pages que você adicionou não funcionam no modo de pré-visualização. Eles funcionarão assim que seu site for publicado.

Observação: Se você não vir o menu seletor de idioma ao verificar seu site multilíngue em a Vista móvel, pode ser porque você o colocou muito abaixo do menu principal no cabeçalho. Para aparecer na Vista móvel, o menu seletor de idioma deve estar alinhado ou colocado um pouco acima do outro menu.

Screenshot showing the website in Preview mode. A red arrow and a magnifying glass point to the language selector menu.

Artigos relacionados:

Este artigo foi útil?

Não tá conseguindo achar o que procura?

Iniciar uma conversa

É o jeito mais rápido de entrar em contato, todos os dias do ano.