Cómo traducir WooCommerce (todas las situaciones cubiertas)

Publicado: 2022-01-26

¿Tiene dificultades para traducir WooCommerce para que pueda crear una tienda de comercio electrónico multilingüe y amigable para los compradores?

Crear una tienda WooCommerce multilingüe tiene muchos beneficios, siendo los dos más importantes los siguientes:

Los compradores pueden navegar por su tienda en sus idiomas preferidos, lo que crea una experiencia de compra mucho mejor para ellos. De hecho, una encuesta de Gallup encargada por la Unión Europea encontró que el 42% de los compradores no comprarán en tiendas que no estén disponibles en sus idiomas nativos.
Puede llegar a más compradores en primer lugar gracias al SEO multilingüe. Es decir, puede clasificar sus productos en Google para diferentes idiomas, lo que lo ayuda a generar más tráfico orgánico a su tienda.

Sin embargo, WooCommerce no incluye una funcionalidad multilingüe incorporada, por lo que es posible que tenga algunos problemas cuando se trata de traducir WooCommerce.

Afortunadamente, con las herramientas adecuadas, puede crear fácilmente una tienda multilingüe sin necesidad de conocimientos técnicos. Y en esta guía, le mostraremos cómo hacerlo.

Cuando termine este tutorial, podrá usar una interfaz visual simple para traducir completamente su tienda a una cantidad ilimitada de nuevos idiomas, esto incluye sus productos, páginas de la tienda, carrito, pago y todo lo demás:

O, si no desea traducir su tienda desde cero, puede obtener ayuda de la traducción automática automática con tecnología de Google Translate o DeepL y luego refinar esas traducciones a través del editor visual.

En la interfaz, sus compradores podrán elegir sus idiomas preferidos utilizando un selector de idioma flexible e incluso puede redirigir automáticamente a las personas a sus idiomas locales según su ubicación y preferencias de navegador.

¿Listo para aprender a configurar la traducción de WooCommerce? ¡Vamos a profundizar en!

Lo que necesitas para traducir WooCommerce

WooCommerce incluye todas las funciones que necesita para crear una tienda de comercio electrónico completamente funcional... pero solo en un solo idioma.

Entonces, ¿cómo lo hace para que pueda traducir su tienda a varios idiomas y permitir que los compradores elijan sus idiomas preferidos?

Bueno, como suele ser el caso con WordPress, necesitará la ayuda de un complemento.

Si bien hay una serie de complementos multilingües populares, vamos a utilizar el complemento TranslatePress para este tutorial por varias razones:

Ofrece soporte listo para usar para WooCommerce, por lo que podrá traducir completamente WooCommerce, incluido el carrito y las páginas de pago.
Hay una versión gratuita que te permite crear una tienda totalmente multilingüe en un nuevo idioma. Es decir, puede seguir la mayor parte de este tutorial usando solo la versión gratuita.
Puede administrar sus traducciones usando una interfaz visual, como vio arriba.
Admite la traducción automática automática a través de Google Translate o DeepL si desea ahorrar tiempo.

Cómo traducir WooCommerce con TranslatePress

Ahora que sabe qué es TranslatePress, veamos cómo traducir WooCommerce usando el complemento.

Para este tutorial, lo único que supondremos es que ya tiene una tienda WooCommerce en funcionamiento en el idioma original de su tienda.

Además de configurar los ajustes de WooCommerce y agregar contenido de producto/tienda, querrá configurar completamente su tema de WooCommerce y cualquier complemento de WooCommerce que esté usando.

Para este ejemplo, estamos usando el tema gratuito Unite, que ofrece soporte completo para WooCommerce. Sin embargo, TranslatePress funcionará literalmente con cualquier tema de WooCommerce, por lo que puede elegir el tema que desee.

Podrá seguir la mayor parte de este tutorial utilizando la versión gratuita de TranslatePress disponible en WordPress.org. Sin embargo, hay algunas funciones que requieren la versión paga de TranslatePress, que nos aseguraremos de observar en el tutorial a continuación.

1. Instale TranslatePress y elija idiomas

Para comenzar, instale y active el complemento TranslatePress.

Puede instalar la versión gratuita desde WordPress.org. O, si decide comprar TranslatePress premium, puede descargar el complemento premium desde su panel de control de TranslatePress.

Si no está seguro de qué versión es la mejor para usted, siempre puede comenzar con la versión gratuita y actualizarla más tarde sin perder ninguna de sus configuraciones y traducciones.

Una vez que haya activado el complemento, vaya a Configuración → TranslatePress para elegir los idiomas que desea usar en su tienda:

Idioma predeterminado : el idioma en el que existe todo el contenido actual de su tienda.
Todos los idiomas : uno o más idiomas nuevos a los que desea traducir el contenido de su tienda. La versión gratuita de TranslatePress le permite agregar un nuevo idioma ( dos idiomas en total ). Para agregar dos o más idiomas nuevos, necesitará la versión premium de TranslatePress, que admite idiomas ilimitados.

Por ejemplo, si su tienda existe actualmente en inglés y desea traducirla al español, configuraría los ajustes de TranslatePress de la siguiente manera:

TranslatePress ofrece soporte listo para usar para cientos de idiomas y configuraciones regionales, por lo que debería poder encontrar todos los idiomas deseados usando el menú desplegable.

Sin embargo, si no ve el idioma que desea usar, TranslatePress también le permite agregar idiomas personalizados.

Puede configurarlos yendo a la pestaña Avanzado del área de configuración de TranslatePress y desplazándose hacia abajo hasta la sección Idioma personalizado .

2. Configurar la traducción automática (opcional)

Este paso es totalmente opcional. Sin embargo, si desea ahorrar algo de tiempo, puede utilizar la traducción automática automática para generar las traducciones de referencia de su tienda en lugar de traducir todo desde cero.

Incluso si usa la traducción automática, aún podrá editar completamente todas las traducciones que genera el servicio, por lo que tendrá control total sobre cada traducción en su tienda WooCommerce.

Si no desea utilizar la traducción automática, puede pasar al siguiente paso para comenzar a traducir su contenido manualmente.

Si desea utilizar la traducción automática, TranslatePress admite dos servicios diferentes:

Google Translate API : puede usar esto con la versión gratuita de TranslatePress;
DeepL : este servicio requiere la licencia premium de TranslatePress Business.

Google Translate debería estar bien para usos básicos, pero muchas personas consideran que las traducciones de DeepL son un poco más precisas, especialmente cuando se trata de contexto y lenguaje informal.

Sin embargo, la desventaja de DeepL es que no es compatible con tantos idiomas como Google Translate, por lo que querrá verificar que sea compatible con el idioma elegido.

Puede configurar estos servicios yendo a la pestaña Traducción automática del área de configuración de TranslatePress.

Primero, configure el menú desplegable Habilitar traducción automática igual a Sí para expandir las opciones adicionales.

A continuación, elija su motor de traducción preferido. Luego, deberá ingresar una clave API para ese servicio, que es lo que le permite conectar su sitio de WordPress a ese servicio.

TranslatePress tiene documentación paso a paso sobre cómo obtener la clave API para ambos servicios:

Finalmente, también tiene la opción de establecer un límite para la cantidad de caracteres de traducción automática que se deben realizar por día, lo que lo ayuda a controlar su presupuesto.

El complemento TranslatePress no le cobra nada en función del uso de la traducción automática. Sin embargo, es posible que deba pagar Google Translate o DeepL directamente según su uso.

Tanto Google Translate como DeepL ofrecen planes gratuitos que le permiten traducir 500 000 caracteres al mes de forma gratuita, lo que equivale Si necesita traducir más de 500.000 caracteres en un solo mes, deberá pagar:

Google Translate cobra $ 20 por millón de caracteres por encima del límite gratuito.
DeepL cobra una tarifa fija de $5.49 por mes más $25 por millón de caracteres, lo que lo hace un poco más caro que Google Translate.

Si le preocupa su presupuesto, puede usar los límites de traducción diarios de TranslatePress para garantizar que permanezca dentro del nivel gratuito o limitar cuánto podría necesitar pagar por el acceso a la API.

Una vez que haya hecho sus elecciones, asegúrese de hacer clic en el botón Guardar cambios . Luego, TranslatePress comenzará a traducir su contenido.

3. Traduce el contenido de WooCommerce

Ahora, está listo para comenzar a traducir el contenido de su tienda WooCommerce.

Ya sea que haya decidido utilizar la traducción automática automática o no, utilizará la misma interfaz de traducción visual para administrar todas sus traducciones:

Si utilizó la traducción automática, las traducciones de su tienda se completarán previamente con las traducciones del servicio. Pero podrá editar completamente esas traducciones si es necesario.
not Si no TranslatePress usa un editor de traducción visual, como viste arriba. Comenzaremos mostrándote cómo funciona el editor a un alto nivel y luego profundizaremos en cómo traducir partes específicas de WooCommerce.
Para iniciar el editor de traducción, abra el contenido que desea traducir en la interfaz de su sitio. Luego, haga clic en la nueva opción Traducir página en la barra de herramientas de WordPress:
En el editor de traducción, verá una vista previa en vivo de la página en el lado derecho de la pantalla y una barra lateral a la izquierda donde puede administrar sus traducciones.
Para traducir cualquier texto u otro contenido, todo lo que tiene que hacer es pasar el cursor sobre él en la vista previa en vivo y hacer clic en el icono del lápiz. Esto abrirá la traducción en la barra lateral, donde puedes hacer tus cambios usando el campo del editor:
Utilizará este mismo enfoque para traducir todo el contenido de su tienda, ya sea un producto, la página del carrito, una publicación de blog o cualquier otra cosa.
Sin embargo, para darle una mejor idea de cómo funciona, veamos cómo traducir partes específicas de su tienda WooCommerce.
Cómo traducir productos de WooCommerce
Para traducir un producto de WooCommerce, abra el producto que desea traducir en la interfaz de su tienda. Luego, haga clic en la opción Traducir página en la barra de herramientas de WordPress para iniciar el editor.
Luego puede traducir todos los detalles del producto como le mostramos en el GIF anterior.
También puede ir más allá de solo traducir el texto del producto y también "traducir" las imágenes del producto para que su tienda muestre diferentes imágenes según el idioma que haya seleccionado un comprador.
Esto es especialmente útil si algunas de las imágenes de sus productos incluyen texto o si solo necesita localizar una imagen por algún motivo.
Para traducir la imagen de un producto, simplemente coloque el cursor sobre ella y haga clic en el icono del lápiz. Luego podrá seleccionar una imagen diferente para usar desde su biblioteca multimedia de WordPress:
Nota: si su tema de WooCommerce usa una caja de luz o un efecto de zoom para las imágenes del producto, es posible que deba hacer clic en la imagen para abrir la caja de luz antes de poder hacer clic en el ícono del lápiz.
Cómo traducir la página de la tienda WooCommerce
Para traducir las páginas de su tienda, puede usar el mismo editor visual. Simplemente abra la página de la tienda o el archivo del producto que desea traducir y haga clic en el botón Traducir página .
Lo bueno aquí es que TranslatePress detectará automáticamente cualquier detalle del producto que ya hayas traducido. Entonces, si ya ha traducido todos los títulos de sus productos, esas traducciones se completarán previamente en las páginas de su tienda:
Cómo traducir la página del carrito de WooCommerce
TranslatePress también facilita la traducción de la página del carrito de WooCommerce usando el editor visual.
De manera predeterminada, TranslatePress intentará usar el paquete de idioma existente de WooCommerce si está disponible . Sin embargo, puede editar completamente todas las traducciones en todos los idiomas de su tienda (incluido el idioma original de su tienda).
Su carrito de compras de WooCommerce tiene dos estados diferentes que deben traducirse:
Vacío : el contenido del carrito antes de que un comprador haya agregado algún artículo.
Lleno : el contenido del carrito cuando el comprador ha agregado uno o más artículos.
Para comenzar, vaya a la interfaz de su tienda y asegúrese de que su carrito de compras esté vacío. Luego, abra la página del carrito e inicie el editor TranslatePress.
Ahora, puede usar el mismo enfoque de apuntar y hacer clic para traducir todo el contenido del carrito vacío. Cuando abre una traducción, es posible que vea que está precargada con la traducción de los paquetes de idiomas de WooCommerce, pero puede editar ambas traducciones según sea necesario:
Una vez que haya terminado de traducir la versión vacía de su carrito, regrese a la interfaz de su tienda y agregue un artículo a su carrito. Cualquier artículo servirá, lo único que importa es que haya un producto en su carrito.
Luego, regrese a la página del carrito y vuelva a iniciar el editor de TranslatePress. Ahora, puede usar el mismo enfoque para traducir todo el contenido que aparecerá cuando un comprador tenga artículos en su carrito:
Cómo traducir la página de pago de WooCommerce
Puede traducir la página de pago de WooCommerce tal como tradujo la página del carrito.
Para comenzar, inicie la página de pago en la interfaz de su tienda. Eso significa que primero deberá agregar un artículo a su carrito y luego hacer clic en el botón para pagar.
Una vez que haya abierto la página de pago, use el botón en la barra de herramientas de WordPress para iniciar el editor de TranslatePress tal como lo ha estado haciendo.
Ahora, puede traducir el pago de WooCommerce utilizando el mismo enfoque de apuntar y hacer clic.
Al igual que con la página del carrito de WooCommerce, TranslatePress intentará completar previamente las traducciones importándolas desde el paquete de idioma de WooCommerce existente, si está disponible. Sin embargo, puede editar completamente las traducciones en todos los idiomas de su tienda, incluido el idioma original.
Cómo traducir elementos de menú, widgets y otro contenido de interfaz
En este punto, ya sabes cómo traducir todos los elementos importantes de tu tienda WooCommerce. Sin embargo, es importante tener en cuenta que puede usar exactamente el mismo enfoque para traducir otros elementos en su tienda, incluidos:
Elementos de menú;
Widgets (o widgets de bloque);
Contenido del editor de WordPress: funciona tanto con el nuevo editor de bloques (Gutenberg) como con el clásico editor TinyMCE;
Contenido que ha diseñado con complementos de creación de páginas;
Formularios de cualquier plugin de creación de formularios;
Ventanas emergentes de complementos emergentes;
…y así.
Por ejemplo, si desea traducir uno de los elementos del menú de su tienda, puede pasar el cursor sobre el elemento del menú y hacer clic en el icono del lápiz:
Una vez que traduzca el elemento del menú una vez, TranslatePress usará automáticamente esa traducción para cada lugar donde aparezca ese elemento del menú; no hay necesidad de duplicar su trabajo en otras páginas.
Cómo traducir metadatos SEO
Si desea beneficiarse del SEO multilingüe de WooCommerce, también deberá traducir los detalles de SEO de back-end de su tienda, como títulos de SEO, metadescripciones, slugs de URL, información de Open Graph, etc.
TranslatePress también puede ayudarlo a traducir todos estos detalles, pero necesitará el complemento SEO Pack para hacerlo, que está disponible en la licencia personal premium de TranslatePress.
Con este complemento, puede traducir toda la información de SEO de su sitio. Para hacer esto, TranslatePress se integra automáticamente con los complementos de SEO más populares, incluidos Yoast SEO, Rank Math y más.
Una vez que instale el complemento SEO Pack, podrá traducir estos detalles seleccionándolos usando el menú desplegable en el editor de traducción.
Por ejemplo, si ya configuró sus detalles de SEO usando Yoast SEO, verá que esos detalles aparecen en el editor y luego podrá traducirlos como cualquier otro contenido:
También puede usar el mismo enfoque para traducir el slug de URL para productos individuales (y otras piezas de contenido, como publicaciones de blog).
Para los slugs de URL de todo el sitio, como los slugs base de la categoría de su producto, puede abrir la interfaz de traducción de cadenas :
4. Configure su selector de idioma de WooCommerce
En este punto, tiene una tienda WooCommerce multilingüe en funcionamiento.
Sin embargo, para facilitar a los compradores la elección de sus idiomas preferidos, querrá configurar el selector de idioma de la interfaz de su tienda.
De forma predeterminada, TranslatePress agrega un selector de idioma flotante en la esquina inferior derecha de su tienda. Sin embargo, también puede cambiar la ubicación del conmutador de idioma flotante o usar una opción de ubicación completamente diferente.
Estas son sus opciones para colocar el selector de idioma de su tienda:
Cambiador de idioma flotante : muéstrelo en todas sus páginas, en cualquier rincón de su tienda.
Elemento de menú : agregue su conmutador de idioma como un elemento de menú a cualquier menú de su sitio yendo a Apariencia → Menús .
Código abreviado : coloque manualmente su conmutador de idioma en cualquier lugar de su sitio usando un código abreviado.
También obtiene configuraciones para controlar el contenido y el comportamiento de su conmutador de idioma. Por ejemplo:
Nombres de idiomas : elija si desea mostrar el nombre completo del idioma o solo el código ISO de dos letras.
Banderas de países : elija si mostrar o no las banderas de los países. Si habilita las banderas, TranslatePress mostrará la bandera para la configuración regional específica que seleccionó. Entonces, si elige español (España), mostrará la bandera española. Pero si elige español (México), mostraría la bandera mexicana.
Para configurar estos ajustes, vaya a Ajustes → TranslatePress y desplácese hacia abajo hasta los ajustes de Language Switcher :
Ahora, veamos algunas ubicaciones alternativas al conmutador de idioma flotante predeterminado.
Para agregar su selector de idioma de WooCommerce como un elemento de menú, vaya a Apariencia → Menús para acceder al editor de menú normal de WordPress y abra el menú que desea editar.
Luego, puede usar la configuración del conmutador de idioma para configurar su conmutador de idioma.
Tienes dos opciones principales aquí…
Primero, si solo usa dos idiomas en su sitio, puede agregar el elemento Idioma opuesto como un elemento de menú de nivel superior. Con este elemento del menú, su tienda mostrará una opción para que las personas cambien al otro idioma que ofrece:
Digamos que su tienda está disponible tanto en inglés como en español. Si un comprador estuviera navegando en inglés, vería la opción de español en su menú. Pero si están navegando en español, verán la opción para inglés:
La otra opción es utilizar el elemento de menú Idioma actual . Esto mostrará el idioma en el que el comprador está navegando actualmente. Luego puede agregar los idiomas específicos como elementos de submenú del elemento de menú Idioma actual como este:
Con esta configuración, los compradores verán su idioma seleccionado actualmente como el elemento del menú de nivel superior. Luego pueden pasar el cursor sobre eso para mostrar un menú desplegable con todos los idiomas disponibles. Sin embargo, TranslatePress ocultará el menú desplegable para el idioma seleccionado actualmente por el usuario para evitar la duplicación :
Si ofrece más de dos idiomas, este es probablemente el mejor enfoque para su tienda.
Cómo agregar su conmutador de idioma de WooCommerce como un código corto
Si desea aún más control sobre la ubicación de su conmutador de idioma, puede agregarlo manualmente en cualquier lugar de su tienda usando el siguiente código abreviado:
[cambio de idioma]
Puede colocar este shortcode en widgets, bloques, contenido que cree con el editor, etc.
También puede usar la función do_shortcode() de WordPress para colocar el conmutador de idioma directamente en los archivos de plantilla de su tema.
Cree una tienda WooCommerce multilingüe hoy
Traducir su tienda WooCommerce es una excelente manera de ofrecer una mejor experiencia de compra para sus clientes existentes y, al mismo tiempo, llegar a nuevos clientes gracias al SEO multilingüe y otras nuevas oportunidades de marketing.
Si bien WooCommerce no admite la funcionalidad multilingüe en el complemento principal, puede crear fácilmente una tienda multilingüe utilizando el complemento TranslatePress.
Con el editor visual de TranslatePress, podrá traducir completamente su tienda, incluidas las páginas de productos individuales, las páginas de la tienda, la página del carrito, la página de pago, los metadatos de SEO y el contenido que no es de WooCommerce.
A continuación, puede agregar un conmutador de idioma de interfaz para que los compradores puedan elegir sus idiomas preferidos mientras navegan por su tienda.
En esta publicación, ha aprendido paso a paso cómo traducir WooCommerce y crear su tienda multilingüe.
Si está listo para comenzar, instale el complemento gratuito TranslatePress hoy para ver cómo funciona.
Y si todavía está en las etapas de planificación de su tienda, asegúrese de consultar los mejores temas de WooCommerce y algunos otros excelentes complementos de WooCommerce para configurar su tienda para el éxito.
¿Todavía tienes alguna pregunta sobre la traducción de WooCommerce? ¡Cuéntanos en los comentarios!
Divulgación: esta página contiene enlaces de afiliados externos que pueden resultar en que recibamos una comisión si elige comprar el producto mencionado. Las opiniones en esta página son nuestras y no recibimos bonos adicionales por críticas positivas.