1. Plugins requeridos y configuración

Para utilizar WooCommerce Multilingual se debe tener instalados y habilitados los plugins siguientes:

  • WPML 3.4 o posterior
  • WPML String Translation 2.0 o posterior
  • WPML Translation Management 2.2 o posterior
  • WPML Media Translation 2.1 o posterior
  • WooCommerce 2.1 o posterior

Si usted está trabajando con un desarrollador, debe instalar y configurar todos los componentes necesarios que están detallados en esta sección.

Puede obtener todos los componentes de WPML necesarios en wpml.org account, en la opción Descargas. WooCommerce Multilingual y WooCommerce están disponibles en el repositorio de plugins de WordPress. ¿Ya tiene todos los plugins necesarios? Entonces, ¡comencemos!

Utilizar el instalador para descargar y actualizar el plugin con facilidad

WooCommerce Multilingual cuenta con un instalador integrado para descargar, activar y actualizar todos los plugins necesarios.

Luego de activar WooCommerce Multilingual, vaya a la página Plugins y pulse el botón Agregar nuevo en la parte superior. Aparecerá una lista de los plugins categorizados en diferentes pestañas: Destacados, Populares, Recomendados, Favoritos y Comerciales.

Presione la pestaña Comerciales y verá la opción de adquirir una licencia de WPML o, si ya tiene WPML, para ingresar la clave del sitio registrado. Una vez que haya adquirido el plugin y lo haya registrado en la página de su cuenta, podrá ver una lista de plugins disponibles para descargar, activar y actualizar.

Pestaña Comerciales de la página del plugin luego de registrar el sitio
Pestaña Comerciales de la página del plugin luego de registrar el sitio

Utilizar el asistente de configuración

WooCommerce Multilingual ofrece un asistente de configuración para guiarlo a través de los pasos básicos de la configuración del sitio web con el plugin WooCommerce Multilingual.

Una vez activados todos los plugins necesarios, el asistente de instalación de WooCommerce Multilingual se iniciará automáticamente.

Página de inicio del asistente de configuración de WooCommerce Multilingual
Página de inicio del asistente de configuración de WooCommerce Multilingual

Tal como puede apreciar en la imagen anterior, el asistente de configuración es muy similar al asistente de configuración propio de WooCommerce. Este le permitirá configurar los aspectos siguientes: traducción de las páginas de almacenamiento, selección de atributos del producto traducibles y habilitación del modo multidivisa.

2. Configuración de las páginas de almacenamiento

Usted debe disponer de páginas WooCommerce estándar en todos los idiomas del sitio. WooCommerce Multilingual las generará automáticamente por usted. Esto también puede ser administrado desde el asistente de configuración. Para alcanzar este objetivo de forma manual, vaya a WooCommerce -> WooCommerce Multilingual y haga “clic” en la pestaña Estado. Si aún no ha configurado las páginas de almacenamiento, verá un mensaje indicando que dichas páginas no existen y ofreciéndole la opción de crearlas.

Estado y alertas de WooCommerce Multilingual
WooCommerce
Estado y alertas de WooCommerce Multilingual

WooCommerce Multilingual generará las páginas con los títulos de página ya traducidos que estén disponibles. Usted siempre tendrá la opción de modificar los títulos de página para otros idiomas en otro momento.

En esta página, usted recibirá mensajes informándole sobre la ausencia de términos de taxonomía. Si usted utiliza taxonomía para definir variaciones de productos o para organizar los productos en categorías y etiquetas, será una buena idea hacer traducir todas las taxonomías.

3. Traducción de categorías de productos, etiquetas, atributos y taxonomías personalizadas

La mayoría de las tiendas tiene los productos organizados en categorías. Algunas incluso utilizan etiquetas. Si usted utiliza variaciones, probablemente también utilice atributos de producto. WooCommerce Multilingual hace que la traducción de todo ello sea fácil.

Primero cree las categorías, etiquetas y atributos de productos en el idioma por defecto aprovechando la interfaz de edición estándar de WooCommerce. Al crear los atributos, aparecerán marcados como traducibles por defecto. Usted puede cambiar esta opción para cada atributo cada vez que sea necesario. No se preocupe todavía por la traducción de categorías, etiquetas y atributos.

Sugerencia: categorías, etiquetas y atributos originales de los productos se almacenan como taxonomías de WordPress. WooCommerce Multilingual dispone de una interfaz apropiada para traducir términos taxonómicos. Vaya a WooCommerce -> WooCommerce Multilingual. Esta vez, preste atención a las otras pestañas en pantalla. Ahí podrá ver una pestaña diferente para cada taxonomía que corresponda a su tienda.

Traducción de atributos
Traducción de atributos

Cada una de estas pestañas incluye una taxonomía diferente. Haga “clic” en ellas para ver todos los términos de la taxonomía y traducirlos. Para traducir un término haga “clic” en su etiqueta. Deberá ingresar nombre, slug y descripción. El nombre corresponde a lo que aparecerá en pantalla, el slug se mostrará en la dirección URL y la descripción en la pantalla de administración de WordPress cuando se edite. Si su tienda incluye muchas categorías u otros términos taxonómicos, utilice la función de búsqueda para localizarlos más rápidamente.

Traducción de taxonomías personalizadas desde la página de WooCommerce Multilingual

A partir de la versión 3.9, WooCommerce Multilingual le permite traducir cualquier taxonomía personalizada, que esté asociada a productos de WooCommerce, desde la página de inicio. Existen muchos plugins para agregar taxonomías personalizadas al sitio, tales como Toolset Types, por mencionar uno. Asimismo, algunos plugins y temas agregan de forma automática taxonomías personalizadas a los productos. Por ejemplo, el tema Adventure Tours crea una taxonomía personalizada denominada “Tour Categories” que puede ser traducida como cualquier taxonomía de producto personalizada.

Una vez que la taxonomía personalizada está asociada a Productos, aparece una pestaña “Custom Taxonomies” en la página WooCommerce -> WooCommerce Multilingual.

Traducir una taxonomía personalizada y sus términos
Traducir
una taxonomía personalizada y sus términos

Los términos taxonómicos se traducen presionando el ícono “+” del idioma correspondiente.

Advierta que, al presente, no es posible traducir los slug de base de las taxonomías personalizadas asociadas a Productos.

4. Traducción de productos

Ahora que la taxonomía de los productos está traducida, es tiempo de traducir los productos mismos. Primero cree los productos en el idioma por defecto de WooCommerce o en algunos de los idiomas secundarios. No se preocupe por las traducciones en este momento. Cree los productos de la manera habitual que lo hace con WooCommerce. Puede crear productos estándar, variables o descargables y todo lo que WooCommerce tenga para ofrecer. Una vez que el producto haya sido creado, vaya a la página WooCommerce -> WooCommerce Multilingual, donde deberá comenzar desde la pestaña Productos.

Pestaña de traducción de productos que muestra todos los productos
Productos
Pestaña de traducción que muestra todos los productos

La tabla de productos ofrece un resumen de todos los productos del sitio. Si tiene muchos productos, utilice el filtro en la parte superior de la página para realizar una búsqueda e identificar los productos exactos que está buscando. Cada idioma tiene su columna propia, con íconos de estado de las traducciones. Ellos le ayudarán a encontrar los productos no traducidos o que necesitan actualización. Haga “clic” en el ícono de lápiz para editar las traducciones o el ícono “+” para traducir el producto.

Editor de traducciones de productos
Editor de traducciones de productos

Puede traducir la información del producto por medio del Editor de traducciones de producto disponible. Es posible traducir productos desde el idioma original en el que fueron creados a todos los otros idiomas definidos en su sitio web.

Add-ons para traducción de productos

WooCommerce Multilingual le permite traducir los campos agregados a Productos por varias extensiones de WooCommerce. Todos los campos y opciones que agregan a los productos las extensiones soportadas serán definidos automáticamente como traducibles en la página Traducción de productos.

La imagen siguiente muestra la sección Add-ons de productos que se puede encontrar en la página Traducción de productos.

Sección Add-ons de productos en la página Traducción de productos
Producto
Sección Add-ons en la página Traducción de productos

Es posible encontrar una lista completa de extensiones de WooCommerce compatibles con WPML en la página de extensiones de wpml.org.

5. Traducción de variaciones de productos

WooCommerce Multilingual crea y sincroniza automáticamente variaciones de productos para todos los idiomas. Luego de crear una variación en el idioma por defecto, guarde el producto (en el idioma por defecto). WooCommerce Multilingual generará inmediatamente la misma variación para todas las traducciones del producto. Las variaciones de productos pueden ser traducidas de igual forma a como se traducen productos simples. Uno de los aspectos particulares de las variaciones son los atributos de producto personalizados. Ellos pueden ser traducidos desde la pantalla de traducción de productos de la misma forma en que se traducen los campos personalizados para todos los productos en general.

Traducción de variaciones
Traducción de variaciones

También podrá traducir los títulos de imagen para las variaciones. Si las variaciones utilizan atributos de producto globales, deberá traducirlas en las pestañas de taxonomía correspondientes. Una vez que haya traducido todos los atributos, podrá generar las variaciones de manera automática para los productos traducidos.

Luego de haber realizado la traducción de los atributos, también pueden ser creadas las variaciones de productos relacionados en otros idiomas. Esto se logra utilizando el botón Sincronizar atributos y actualizar variaciones de productos en la pestaña de atributos.

6. Traducción de textos de imágenes

De forma similar a como se administran las variaciones, WooCommerce Multilingual sincroniza automáticamente todas las imágenes entre las traducciones de los productos. Esto incluye la imagen principal, la galería de imágenes y todas las imágenes de las variaciones. Luego de subir o elegir distintas imágenes para los productos en el idioma por defecto, guárdelas. Todas las traducciones de ese producto dispondrán de la misma imagen. Es posible editar los textos de las imágenes de las traducciones de productos en la página Traducción de productos, junto con toda otra información de producto.

Traducción de textos de imágenes
Traducción de textos de imágenes

De esta forma, usted puede especificar título, leyenda y descripción de las mismas imágenes en idiomas distintos.

Traducción de direcciones URL

Es posible traducir diversas partes de las direcciones URL por medio de WooCommerce Multilingual. A partir de la versión 3.8, WooCommerce Multilingual le permite traducir las direcciones URL por medio de su propia sección especializada en traducción de cadenas URL. Si lo prefiere, puede utilizar la página de traducción de cadenas de WPML para traducir estas cadenas. Vaya a la página WooCommerce -> WooCommerce Multilingual y pulse sobre la pestaña Guardar direcciones URL. Ahí podrá ver una lista de direcciones URL y una columna con el estado de traducción para cada idioma. Haga “clic” en el ícono de Lápiz para editar las traducciones de las direcciones URL existentes o en el ícono “+” para agregar una traducción de una dirección URL.

Pestaña Guardar direcciones URL
Pestaña Guardar direcciones URL

Páginas de tienda, carro, compra y cuenta

Las direcciones URL de estas páginas son traducidas al mismo tiempo que su propia página WooCommerce.

http://example.com/shop/ (inglés)

http://example.com/fr/boutique/ (francés)

La base del producto puede ser definida desde la pantalla de configuración de las direcciones permalink junto a otras bases relacionadas a las direcciones URL. El idioma fuente es, por defecto, el mismo que el idioma por defecto del sitio. Sin embargo, puede ser definido a otros idiomas, incluso a idiomas que no pertenezcan al sitio.

Configuración de la base del producto y su idioma fuente.
Configuración de
la base del producto y su idioma fuente.

La traducción de la base de direcciones permalink de producto permite disponer de direcciones URL como:

http://example.com/product/book (inglés)

http://example.com/fr/produit/livre (francés)

Traducción de la base del producto
Traducción de la base del producto

Base de categoría de producto

En el ejemplo siguiente, la base de la categoría del producto “product-category” se traduce como “categorie-produit”.

http://example.com/product-category/man (inglés)

http://example.com/fr/categorie-produit/homme (francés)

Base de etiquetas de producto

En el ejemplo siguiente: la base de etiquetas del producto “product-tag” se traduce como “categorie-produit”.

http://example.com/product-tag/new (inglés)

http://example.com/fr/mot-cle-produit/nouveau (francés)

Base de atributos de producto

De forma opcional, es posible crear una “base” para los atributos de la estructura URL. En el ejemplo siguiente, es “filters”.

http://example.com/filters/color/white/ (inglés)

http://example.com/fr/filtres/couleur/blanche/ (francés)

Slug de atributos de producto

A partir de la versión 3.9, WooCommerce Multilingual le permite traducir los slug para atributos. A continuación se puede observar ejemplos de URL correspondientes al atributo “color”.

http://example.com/filters/color/white/ (inglés)

http://example.com/fr/filtres/couleur/blanche/ (francés)

Puede traducir los slug de atributo desde la sección Almacenar URL, bajo el menú de WooCommerce Multilingual.

Traducir slug de atributos
Traducir slug de atributos

Advierta que el atributo debe estar marcado como traducible y tener archivos activos para poder traducir su slug.

Traducción de los “endpoint” de WooCommerce

Se denomina “endpoint” a la parte adicional de una dirección URL que WooCommerce detecta y utiliza para generar el contenido adecuado en la página.

Por ejemplo: usted puede tener una página denominada yoursite.com/my-account. Cuando se adiciona el endpoint “edit-account” a esta dirección URL y se convierte en yoursite.com/my-account/edit-account, WooCommerce mostrará la página “Edit account” en lugar de “My account”.

Los endpoint han sido implementados en WooCommerce 2.1 para dirigir su proceso de instalación. Estos endpoints también pueden ser traducidos desde la pestaña Guardar direcciones URL.

Dos de los endpoint más comunes son el de la página de cuenta y el de la de compras. Es posible encontrar más información acerca de los endpoint en la documentación oficial de WooCommerce.

Traducción de clases y zonas de envío

WooCommerce le permite configurar diversas opciones de envío de sus productos. Es posible configurarlos desde la página WooCommerce -> Configuración, en la pestaña Envíos.

Traducir clases de envío

Las clases de envío le permiten agrupar elementos de tipo similar. Por ejemplo: es posible crear clases de envío para paquetes pequeños, medios o grandes, con costos diferentes asociados a cada una.

Luego de crear las clases de envío en el idioma por defecto del sitio, son reconocidas automáticamente por WooCommerce Multilingual. Es posible traducirlas desde la pestaña Clases de envío de la página WooCommerce -> WooCommerce Multilingual.

Página de clases de envío de WooCommerce Multilingual
Envío
Página de clases de WooCommerce Multilingual

Traducir zonas de envío

También es posible definir zonas de envío. Ello constituye una forma de agrupar áreas geográficas y de determinar costos y métodos de envío diferentes para cada una. Por ejemplo: usted podría querer crear una zona de envío denominada “Europe” y definir tarifas y métodos para calcular el costo por paquete enviado a sus clientes de dicha zona.

Cuando se trata de zonas de envío, solo se traduce el nombre, lo cual se puede hacer desde la página WPML -> Traducción de cadenas. Utilice la búsqueda al principio de la página para encontrar la cadena de la zona de envío correspondiente, haga “clic” en ella y tradúzcala a otros idiomas por medio del cuadro de diálogo que se muestra.

Traducir zonas de envío
Traducir zonas de envío

8. Sincronización automática de inventario y atributos de productos

Cuando usted comercializa un producto, el idioma de comercialización no importa a los efectos de la gestión del inventario. Defina el inventario en el idioma por defecto de la configuración del producto. WooCommerce Multilingual actualiza automáticamente el inventario cuando el cliente compre en distintos idiomas. Lo mismo sucede con los atributos de productos que no son texto tales como tamaño y peso. Solo debe ingresarlos en el idioma por defecto. WooCommerce Multilingual los establecerá como iguales para todos los productos traducidos.

Utilizar divisas múltiples

Habilitar divisas múltiples

WooCommerce Multilingual le ayuda a administrar divisas múltiples en su sitio web.

Vaya a WPML->WooCommerce Multilingual y presione la pestaña Multidivisas. Desde ahí es posible administrar todo lo relacionado a la multiplicidad de divisas: divisas secundarias y sus propiedades, agregar más divisas, establecer precios diferenciales para divisas distintas y modificar las opciones del intercambiador de divisas.

Opciones para utilizar divisas múltiples en la pestaña Multidivisas
Opciones para utilizar divisas múltiples en la pestaña Multidivisas

El modo multidivisas está inhabilitado por defecto en WooCommerce Multilingual. Una vez habilitado, es posible configurar opciones de formateo personalizadas para distintas divisas. Incluso es posible mostrar divisas específicas para idiomas determinados en la interfaz de usuario.

A partir de la versión 3.8, WooCommerce Multilingual permite definir manualmente precios para divisas secundarias distintos de los precios por defecto de WooCommerce (precios regulares y de venta). Esto le permite a otras extensiones (como WooCommerce Subscriptions) no confiar en precios determinados por tasas de cambio de tipos de precios personalizados. En el caso de las extensiones de WooCommerce Subscriptions, un precio adicional para las suscripciones simples se denomina “Sign-up fee” (comisión de registro).

Desde la versión 4.0 de WooCommerce Multilingual, es posible definir tarifas de cambio automáticas para la tienda. Es posible elegir entre tres casas de cambio en línea reconocidas, determinar la frecuencia de actualización de las tasas de cambio automáticas y aplicar un porcentaje de incremento.

Para obtener información detallada, visite nuestra documentación acerca de la utilización de divisas múltiples en un sitio web.

Crear intercambiadores de divisas personalizados

WPML permite a los desarrolladores diseñar intercambiadores de divisas personalizados por medio de la plantilla Twig. De este forma, es posible generar intercambiadores que estén en concordancia en el diseño de temas y plugins.
Para conocer más detalles, consulte nuestra documentación sobre diseñar intercambiadores de divisas personalizados.

Limpieza de carros de compra cuando el idioma o la divisa cambian

WooCommerce Multilingual le ayuda a administrar divisas múltiples en su sitio web. Puede elegir la acción a tomar con los productos del carro cuando el usuario cambie idioma o divisas.

El contenido del carro de compras puede ser sincronizado o descartado. Por defecto, será sincronizado. Esta opción es muy importante dado que con ella es posible restablecer el carro al cambiar el idioma o la divisa. Debería recurrir a este procedimiento cuando el producto y sus opciones no se sincronizan adecuadamente. Esto puede suceder cuando los productos son de tipo complejo como en suscripciones y reservas, o los que ofrecen opciones avanzadas como una tabla de tarifas de envío. Para obtener más información, visite nuestra documentación sobre cómo limpiar el contenido del carro cuando cambia el idioma o la divisa.

Plugins de add-ons útiles

9. Habilitación de distintos procesadores de pago para diferentes países

Si usted ofrece un sitio web con e-comercio global, seguramente necesitará habilitar diversas opciones de pago para países distintos. Esto se puede hacer por medio del plugin WooCommerce Gateways Country Limiter, el cual viene incluido en el paquete Multilingual CMS.

Elección de los países específicos para permitir el pago correcto
Elección
de los países específicos para permitir el pago correcto

10. Importación de productos masificada

Nuestro plugin WPML All Import es una herramienta muy práctica para importar productos desde un archivo CSV.

Utilizar la API REST de WordPress con WooCommerce Multilingual

WooCommerce Multilingual es compatible con la API REST de WordPress. Por medio de ella, es posible crear, leer, actualizar y eliminar contenido traducido de WooCommerce. Esto incluye productos, categorías, órdenes y mucho más.

Para conocer más sobre este tema, visite nuestra página de documentación de la API REST de WordPress.

Utilizar llaves de WooCommerce Multilingual

WooCommerce Multilingual dispone de un conjunto de acciones y filtros que los desarrolladores pueden aprovechar para evitar que temas y plugins encuentren problemas al trabajar en un entorno multilingüe.

Para conocer más sobre este tema, consulte la documentación sobre Referencias a las llaves WCML.

11. ¿Está desarrollando temas personalizados para WooCommerce?

Si se encuentra desarrollando su propio tema WooCommerce, o realizando personalizaciones para temas existentes, debe asegurarse que todos ellos trabajen bien en todos los idiomas.

Para ayudar, hemos preparado un tutorial completo sobre el desarrollo de temas multilingües para WooCommerce, listos para muchas divisas.