¿Cómo hago un sitio multilingüe en Website Builder?

En esta guía, te mostramos cómo puedes hacer que tu sitio de Website Builder sea multilingüe. Como ejemplo, estamos agregando una versión en danés a un sitio en inglés.

Tras seguir esta guía, la estructura general de tu sitio web está implementada y puedes empezar a añadir el contenido traducido a las nuevas páginas.


Paso 1: Convierte todas las páginas en subpáginas de tu página de inicio principal

Empieza por convertir todas las páginas en subpáginas de tu página principal; mira la captura de pantalla para ver cómo debería verse. Consulta nuestra guía si necesitas más información sobre cómo hacerlo: ¿Cómo agrego una 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.

Paso 2: Cambia el nombre de la página de inicio

Siguiente, necesitas renombrar tu página de inicio al idioma que representa. Lo que ingreses aquí se convertirá en el texto en el que tus visitantes harán clic para cambiar a este idioma. En este ejemplo, hemos usado "EN" para indicar inglés, pero puedes llamarlo como quieras.

  1. Abre el menú de páginas.
  2. Haz clic con el botón derecho en tu página de inicio y selecciona Ajustes.
  3. Cambia el nombre de la página en el menú por "EN", otro idioma u otro nombre que prefieras.
  4. Cambia también el nombre de la carpeta a "en", en minúsculas. No utilices caracteres especiales ni espacios, ya que el título de la URL los detecta.
  5. Haz clic en Guardar.
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.

Paso 3 - Duplica las páginas para el idioma adicional

Haz una copia de cada página para el otro idioma. Una página duplicada es una copia de la página original, lo que facilita añadir el texto traducido.

  1. Abre el menú de páginas.
  2. Haz clic con el botón derecho en la primera página y luego selecciona Duplicar página.
  3. Introduce el nombre de la página - la versión traducida de la página original - y haz clic en OK.
  4. Repite esto hasta que tengas un duplicado de cada página.
  5. Convierte las páginas en subpáginas de la página de inicio del nuevo idioma; mira la captura de pantalla para ver cómo debería verse.
Screenshot showing the open pages menu. A magnifying glass zooms in on of the main pages with the subpages below it.

Paso 4: Añade enlaces a la página de inicio de cada idioma

Para que la página de inicio aparezca en el menú junto con las otras páginas, necesitas crear un enlace para cada página de inicio en el menú.

  1. Abre el menú de páginas.
  2. Haz clic en el botón para añadir un enlace al menú. Es el blanco/azul con una cadena.
  3. Haz clic en Enlace en el menú de la izquierda.
  4. Haz clic en el botón Enlace al archivo o página en la esquina superior derecha.
  5. Selecciona la página de inicio que quieras enlazar y haz clic en Guardar.
  6. Escribe el nombre de tu página de inicio que debería ser visible en el menú bajo Título del enlace.
  7. Haz clic en Añadir para guardar tus configuraciones.
  8. Haz que el enlace sea una subpágina de la página de inicio real a la que se vincula; ve la captura de pantalla.
  9. Repite el mismo proceso con todos los idiomas.
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.

Paso 5 - Cambia el nivel inicial para tu menú

El siguiente paso es arreglar el menú. Debido a tus cambios, tu menú solo muestra las páginas de idioma.

  1. Selecciona el componente de menú en tu página.
  2. Haz clic en Editar menú, que aparece arriba o abajo del componente de menú.
  3. Cambia el nivel de inicio a Páginas en el segundo nivel en las Configuraciones que aparecen.
  4. Haz clic en Estilo para ajustar el estilo del menú. Siempre puedes elegir entre el estilo del menú principal y el del submenú, respectivamente. Puedes editar cada estilo haciendo clic en el icono del engranaje. 
Screenshot showing the open settings of the menu component. A magnifying glass zooms in on the "Pages on second level" option.

Paso 6 - Añade un nuevo menú como selector de idioma

Por último, deberías añadir un nuevo menú a la plantilla de tu sitio web que permita a los visitantes cambiar el idioma.

  1. Haz clic en Más en el menú de la izquierda.
  2. Ve a Navegación y elige un menú horizontal.
  3. Arrastra el menú a tu página y colócalo en el encabezado en la parte superior. Así el menú será visible en todas las páginas que usen esta plantilla.
  4. Haz clic en Editar menú que aparece encima o debajo del componente del menú. 
  5. Cambia el tipo de menú a un solo nivel horizontal.
  6. En el menú emergente, haz clic en Estilo para cambiar el estilo de este menú (opcional).
  7. Ajusta el tamaño y la ubicación del menú a tu gusto y haz clic en Guardar.

Nota: Los cambios que hagas en ambos menús solo serán coherentes en las páginas que usen la misma plantilla. Si tienes una plantilla diferente en una página, los menús pueden tener un aspecto diferente (por ejemplo, pueden ser verticales en lugar de horizontales). Te recomendamos usar la misma plantilla en todas las páginas, ya que esto facilitará la navegación por el sitio cuando tenga más de una opción de idioma.

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

Paso 7: Añade el texto traducido y publica tu sitio

La estructura de tu sitio ya está lista. Así que puedes empezar a añadir el texto traducido y otros contenidos. Haz clic en Vista previa para ver cómo quedará tu sitio.

Una vez que hayas añadido el contenido traducido, puedes Publicar tu sitio para que sea visible en línea. Los enlaces del menú a las páginas de inicio que añadiste no funcionan en modo de Vista previa. Funcionarán una vez que tu sitio haya sido Publicado.

Nota: Si no ves el menú de selección de idioma al consultar tu sitio web multilingüe en la Vista móvil, es posible que lo hayas colocado demasiado abajo del menú principal en el encabezado. Para que aparezca en la Vista móvil, el menú de selección de idioma debe estar alineado o ligeramente por encima del otro menú.

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

Artículos Relacionados:

¿Fue útil este artículo?

¿No puedes encontrar lo que buscas?

Inicia un chat

Es la forma más rápida de ponerse en contacto, todos los días del año.

Llámanos

Chatea con nosotros de lunes a viernes de 9:00 a 16:00