Traducciones¶

Su sitio web se muestra en el idioma que coincide con el idioma del navegador del visitante. Si no se ha instalado y agregado a su sitio web el idioma del navegador, el contenido se mostrará en el idioma predeterminado. Cuando se instalan idiomas adicionales, los usuarios pueden seleccionar el idioma que prefieran con el selector de idioma.

La función Traducir en su sitio web le permite traducir de forma automática términos estándar, además de que es una herramienta para traducir contenido de forma manual.

Instalar idiomas¶

Para permitir la traducción de su sitio web, primero debe instalar los idiomas requeridos y agréguelos a su sitio web. Para hacerlo, vaya a Sitio web ‣ Configuración ‣ Configuración y haga clic en Instalar idiomas en la sección Información del sitio web. En el cuadro de diálogo que se abre, seleccione el Idiomas que desee en el menú desplegable, marque el Sitios web para traducir requerido y haga clic en Agregar.

Para editar los idiomas de su sitio web, vaya a Sitio web ‣ Configuración ‣ Configuración y agregue/elimine los idiomas requeridos en/desde el campo Idiomas en la sección Información del sitio web.

Truco

Una vez que haya instalado los idiomas, puede agregarlos desde el selector de idiomas. Es probable que tenga que volver a cargar la página para ver el idioma nuevo.

Idioma por defecto¶

Cuando hay varios idiomas disponibles en su sitio web, puede configurar un idioma predeterminado para usarlo si el idioma del navegador del cliente no está disponible. Para hacerlo, vaya a Sitio web –-> Configuración -–> Ajustes, y seleccione un idioma en el campo Predeterminado.

Nota

Este campo solo es visible si ya instaló y agregó varios idiomas a su sitio web.

Selector de idioma¶

Los visitantes de su sitio web pueden cambiar idiomas con el selector de idiomas que estará disponible por defecto en la sección Derechos de autor en la parte final de la página. Para editar el menú de selector de idioma:

Vaya al sitio web y haga clic en Editar;
Haga clic en el selector de idioma en el bloque Derechos de autor y vaya a la sección Derechos de autor para el creador de sitio web;
Establezca el campo Selector de idioma en Dropdown o Inline. Haga clic en Ninguno si no desea mostrar el Selector de idioma;

screenshot: website-translate-language-selector
menu
(website)
shows
The website header with the language selector drop-down menu open, listing the installed website languages.
highlight
The language selector (red frame).
data
Languages English and Hungarian installed.
module
website
notes
English UI, light theme, 1440px width.
Haga clic en Guardar.

Truco

También puede agregar el Selector de idioma al Encabezado de su página. Para hacerlo, haga clic en el bloque de Encabezado y vaya a la sección Barra de navegación para editar el Selector de idioma.

Traduzca su sitio web¶

Seleccione el idioma al que quiere traducir su contenido desde el selector de idioma. Después, haga clic en el botón Traducir en la esquina superior derecha para activar el modo de traducción de forma manual para que así pueda traducir lo que no se tradujo de forma automática con Odoo.

Los strings traducidos están resaltados en verde; los strings de texto que no se tradujeron de forma automática están resaltados en amarillo.

screenshot: website-translate-translated-text

menu: (website) ‣ Edit ‣ Translate
shows: The website editor in translation mode, where the translatable texts are highlighted and the second language is selected in the top bar.
highlight: A highlighted translatable text block (red frame).
data: Translating a page into Hungarian.
module: website
notes: English UI, light theme, 1440px width.

En este modo solo puede traducir textos. Para cambiar la estructura de la página, debe editar la página principal, es decir, la página en el idioma original de la base de datos. Los cambios que se hagan en la página principal se aplicarán de forma automática a todas las versiones traducidas.

Para reemplazar el texto original con la traducción, haga clic en el bloque, edite su contenido y Guardar.

Nota

Cuando un sitio web admite varios idiomas, la estructura principal de la URL sigue siendo coherente en todos los idiomas, mientras que se traducen elementos específicos como los nombres de los productos o las categorías. Por ejemplo, “https://www.mywebsite.com/shop/product/my-product-1” es la versión en inglés de la página de un producto, mientras que “https://www.mywebsite.com/fr/shop/product/mon-produit-1” es la versión en francés de la misma página. La estructura (/tienda/producto/) permanece sin cambios, pero los elementos traducidos (por ejemplo, el nombre del producto) se adaptan al idioma seleccionado.

Truco

Una vez que instaló el idioma deseado podrá traducir algunos elementos desde el backend (por ejemplo, el nombre y la descripción del producto). Para ello, haga clic en el código de idioma (EN) junto al texto que desea traducir y agregue la traducción.

Visibilidad del contenido por idioma¶

Puede ocultar el contenido (como imágenes o videos, por ejemplo) dependiendo el idioma. Para hacerlo:

Haga clic en Editar y seleccione un elemento de su sitio web;
Vaya a la sección Texto - Imagen y después a Visibilidad;
Haga clic en Sin condición y en su lugar seleccione De forma condicional;
Vaya a Idiomas para configurar las condiciones a aplicar. Para esto tiene que hacer clic en Visible para u Oculto para y haga clic en Elija un registro para decidir qué idiomas se verán afectados.

Imágenes específicas por idioma¶

Las imágenes que contienen texto —banners, fichas de producto, infografías— suelen necesitar un archivo distinto por idioma. El módulo Traducción de Imágenes del Sitio Web (website_image_translation) permite adjuntar una variante por idioma a una imagen sin modificar la propia página: la página sigue apuntando a la imagen original, y al visitante se le sirve la variante correspondiente a su idioma, recurriendo a la original cuando no existe ninguna variante.

Las variantes se gestionan en Sitio web ‣ Configuración ‣ Variantes de idioma de imagen, donde cada registro vincula un Adjunto de origen —la imagen usada en la página— a un Idioma y al Adjunto servido para ese idioma, limitado opcionalmente a un Sitio web.

screenshot: website-translate-image-language-variants

menu: Website ‣ Configuration ‣ Image Language Variants
shows: The Image Language Variants list with the source attachment, the language, the variant attachment and the website columns.
highlight: The Language and variant attachment columns (red frame).
data: One banner image with a Hungarian and a German variant.
module: website_image_translation
notes: English UI, light theme, 1440px width.

Esto funciona para las imágenes colocadas con el editor del sitio web, para las imágenes de fondo y para las imágenes de la biblioteca multimedia. Como el HTML de la página no cambia, añadir o eliminar una variante más adelante no requiere editar las páginas que usan la imagen.

Nota

El menú solo es visible para los usuarios del grupo de sitio web Editor y diseñador.

Selector de región¶

En una tienda online que atiende a varios países, el idioma es solo parte de la elección: el país también determina los precios, la moneda y los impuestos aplicados. El módulo Selector de Región del Sitio Web (website_region_selector) sustituye el simple menú de idioma por una ventana modal en la que los visitantes anónimos eligen su Idioma, País y Moneda (tarifa) en un solo paso. El país seleccionado también determina la posición fiscal utilizada para el carrito, de manera que los precios mostrados incluyan el IVA correcto.

Actívelo por sitio web en Sitio web ‣ Configuración ‣ Ajustes:

Selector de región: muestra el selector en este sitio web. Desactívelo en los sitios web que no deban ofrecerlo, como un portal B2B.
Sustituir el menú de idioma: sustituye el menú de idioma nativo del encabezado por el botón del selector de región. El idioma sigue siendo seleccionable dentro de la ventana modal, y las etiquetas hreflang se mantienen para los motores de búsqueda.

screenshot: website-translate-region-selector-settings

menu: Website ‣ Configuration ‣ Settings
shows: The Website settings page with the Region Selector and "Replace the language menu" options enabled.
highlight: The two region selector settings (red frame).
data: Website "My Website".
module: website_region_selector
notes: English UI, light theme, 1440px width, crop to the Website Info block.

Qué países se ofrecen, y con qué tarifas, se configura en los propios países (Ajustes ‣ Técnico ‣ Países):

Disponible en el sitio web: hace que el país sea seleccionable en el selector de región;
Tarifas del sitio web: las tarifas ofrecidas para este país. La primera, según la secuencia de tarifas, es la selección predeterminada.

screenshot: website-translate-region-selector-country

menu: Settings ‣ Technical ‣ Countries ‣ (country)
shows: A country form with "Available on the Website" enabled and two website pricelists selected.
highlight: The "Available on the Website" checkbox and the Website Pricelists field (red frame).
data: Country Hungary with the pricelists "Public (HUF)" and "Wholesale (EUR)".
module: website_region_selector
notes: English UI, light theme, 1440px width.

screenshot: website-translate-region-selector-modal

menu: (website)
shows: The region selector modal opened on the website, with the language, country and currency choices and the confirmation button.
highlight: The country and currency choices (red frame).
data: Languages English and Hungarian, countries Hungary and Germany, two pricelists.
module: website_region_selector
notes: English UI, light theme, 1440px width.

Nota

Los usuarios que iniciaron sesión nunca ven el selector: su idioma, tarifa y posición fiscal provienen de su registro de contacto.
Con el tema Theme Prime, instale también el módulo Selector de Región del Sitio Web - Theme Prime (website_region_selector_theme_prime), para que el botón del selector se muestre en el encabezado de ese tema.