Crear un sitio web multiidioma es una estrategia esencial para llegar a una audiencia global. WordPress, combinado con Bricks Builder y Polylang, te permite diseñar una web rápida, profesional y completamente traducida de manera eficiente. Hace poco tuve que ajustar una web con idiomas y me pareció muy interesante escribir un tutorial para los que queráis añadir idiomas a vuestro WordPress.
Vamos a partir, de que ya tienes tu WordPress rulando con Bricks Builder. Si no sabes de qué te estoy hablando te dejo este post acerca de Bricks Builder para echar un buen vistazo y igual cambias de Elementor como hice yo en su momento. No estoy nada arrepentido; eso sí, es más complicado trabajar con Bricks. Pero el código es mucho más limpio que con Elementor.
En esta guía paso a paso, aprenderás cómo configurar y optimizar una web multiidioma utilizando estas potentes herramientas.
¿Por qué elegir Polylang y Bricks Builder?
Polylang: Es uno de los plugins más populares para gestionar sitios multiidioma en WordPress. Ofrece integración sencilla, soporte para diferentes idiomas y una buena base para el SEO: crea una URL propia para cada idioma y añade solo las etiquetas hreflang, que le dicen a Google qué versión enseñar a cada usuario. Sinceramente, me gusta bastante más cómo gestiona Polylang los idiomas que otros plugins que he tenido que tocar.
Ojo con dos cosas antes de empezar. Polylang no traduce: tú (o tu traductor) escribes cada versión. La versión Pro puede traducir automáticamente con DeepL, pero revisa siempre lo que traduce. Y si tu web es una tienda con WooCommerce, necesitas además el complemento de pago Polylang for WooCommerce para traducir productos, carrito y correos.
Sobre todo el tema de las plantillas, me explico. Imagina que quieres añadir tu web en EN y FR (Inglés y Francés), obviamente el primer idioma es el Español. Bueno pues primeramente tendremos que crear las plantillas en las opciones de Bricks. Pero no te apures, te explico todo esto al detalle más abajo. Vamos primero con la instalación.
Bricks Builder: Este constructor visual no solo es rápido y ligero, sino que también permite crear diseños personalizados para cada idioma. Con esta combinación, puedes gestionar el contenido traducido sin sacrificar el rendimiento ni la experiencia del usuario.
Instalación y configuración de Polylang
Instalar Polylang
- Ve a Plugins > Añadir nuevo.
- Busca “Polylang”.
- Haz clic en Instalar ahora y luego en Activar.
Configurar los idiomas
Una vez activado Polylang nos abre su asistente para configurar tus idiomas rápidamente. La verdad es muy intuitivo todo y sencillo crearlo.
- Accede a Idiomas > Idiomas.
- Añade los idiomas que deseas incluir en tu web. Pinchas en añadir nuevo idioma, se despliegan todos los idiomas y los añades como en la foto. Y luego pinchas en «Continuar».
- Idioma principal (por ejemplo, español).
- Idioma secundario (por ejemplo, inglés).
- Define una bandera para cada idioma.
- Ajusta un idioma por defecto. (No te preocupes si la has liado, luego se puede cambiar sin problemas).
Ajuste de medios
Aquí vamos con el ajuste de los medios (las fotos de la web). Polylang te permite traducir el texto alternativo de tus imágenes, la leyenda y la descripción. El tema es que en cada idioma tendrás una copia de la misma, es decir cuando quieras insertar medios en una entrada de un idioma solo se mostraran en el idioma actual de la entrada. (Yo normalmente lo dejo deshabilitado).
Asignar el contenido del idioma
En este paso para que funcione todo correcto tenemos que asignar a un idioma todos los contendidos. (Entradas, páginas, categorías o etiquetas).
Ajustes de la página de inicio
Aquí seguimos los pasos como en la foto, para asignar la página de inicio. Luego en la siguiente pantalla pinchas al final del todo en «Volver a escritorio». Y luego en el menú izquierdo donde están todas las opciones de WordPress tendrás un Post Type llamado idiomas. (Casi al final del todo).
Sección de todos los idiomas
En esta sección es donde podemos añadir y eliminar los diferentes idiomas que hemos añadido en la web. Y donde se ve la estrellita, pasando el ratón por encima podemos cambiar el idioma pues marcar el idioma principal. Si te das cuenta yo antes he marcado el FR (Francés) y ahora lo he cambiado al Español, así que genial.
Es muy intuitivo todo si conoces WordPress, si quieres añadir un idioma pinchas en el desplegable y se despliegan todos los idiomas. También te la opción de cambiar la bandera. Luego pinchas abajo en Añadir nuevo idioma y listo.
Ajustar las configuraciones básicas
Ahora vamos con lo más importante a la hora de la configuración de Polylang.
En Idiomas > Ajustes:
Nos vamos arriba del todo donde pone «Modificaciones de URL». Y pinchamos en ajustes y se nos despliegan todas estas opciones. No te abrumes te dejo la configuración para que todo vaya perfecto en una imagen. El plugin ya nos ofrece una configuración por default, en la parte izquierda establece el nombre del directorio junto con el enlace personalizado (ejemplo: https://www.tudominio.com/en/my-post/).
Y en la parte derecha la primera opción oculta la url del idioma por defecto, la segunda es importante dejarla como esta para que elimine el idioma (ejemplo: https://www.tudominio.com/language/en/). No queremos esto, queremos que sea https://www.tudominio.com/en/.
Por último, y muy importante, la del final del todo (esta no aparece marcada por defecto). Por lo tanto, hay que marcarla para que la url de inicio quede perfecta (https://www.tudominio.com/en/. Luego obviamente guardamos cambios.
Detectar idioma del navegador
Actívalo si deseas redirigir automáticamente a los usuarios según su idioma. Polylang solo lo hace en la página de inicio y la primera vez que entran, que es lo correcto. Lo que no conviene es forzar redirecciones por idioma o país en toda la web: Google rastrea casi siempre desde Estados Unidos y en inglés, y podría no llegar a ver tus versiones en otros idiomas. Un selector de idioma bien visible es siempre más seguro.
La clave en Bricks Builder
Nos dirigimos a la pestaña Tipos de contenido personalizado y taxonomías.
Activamos la pestaña «tipos de contenidos personalizados» y guardamos cambios
Con esto hemos activado que al crear plantillas con Bricks, luego podamos vincularlas y editarlas con el idioma seleccionado. El proceso es igual para todo, que el de las páginas que explico más abajo.
Creación del contenido multiidioma
Bien llegados a este punto y teniendo en cuenta que tenemos la web totalmente terminada. Ahora de lo que se trata es de clonar todas las páginas que necesitamos en los diferentes idiomas, para luego vincularlas desde cada una. Si estás trabajando con Bricks (entiendo que sí), en las opciones de las páginas, cuando pasas el ratón por encima, ya te aparece la opción «Duplicar (Bricks)».
Si no pues puedes instalar este plugin (Yoast Duplicate Post) para duplicar todas las páginas. Pero ojo, esto hay que hacerlo de manera progresiva y de la siguiente manera. También tener en cuenta, que habrá que crear también diferentes menús (Español, otro Inglés y otro Francés).
El siguiente paso una vez tenemos instalado el Yoast Duplicate Post es obviamente clonar las páginas pero le vamos a añadir la distinción del idioma. Se guardarán en borrador, así que no te preocupes: vas a verlo todo muy claro si lo haces de la manera que te digo.
¿Por qué digo de hacerlo así, con toda la web terminada? Pues porque luego solo tenemos que entrar con Bricks en cada página y modificar el contenido. Y aprovecha para traducir también el slug de cada página (/contacto/ en español, /contact/ en inglés) y su título y descripción SEO: si los dejas en español, la versión en inglés casi no posicionará. No tenemos que estar copiando secciones y más secciones que menudo drama. Un problema a veces por ejemplo entre el Inglés y Francés. La página de contacto se llama igual «Contact».
Entonces yo lo hago de esta manera para verlo todo más claro, ya que si tienes muchas páginas se puede volver esto un lío que no veas. Cuando tengo las dos páginas creadas desde la edición rápida añado esto como en la foto para ir vinculando las páginas.
Añado en el título la distinción «Contact (EN)» luego el estado como «Publicada» y luego vinculo el idioma en este caso el Inglés. Y luego actualizo cambios y realizo la misma operación en las dos páginas clonadas, tanto en la Española como en la Francesa.
Fijaros cómo quedaría la cosa con las páginas todas creadas y vinculadas. Pero aún nos falta el paso más importante que es entrar dentro de una página y volver a vincular todas las páginas.
Llegados a este punto pinchamos en editar cualquiera de las 3 páginas, vamos a pinchar en la de Español por ejemplo. Se nos abre la página de WordPress, igual no te sale como a mi ya que yo elimino el Gutenberg (no me gusta nada). Y nos fijamos en los campos de Idiomas. Vemos que nos aparece el idioma que estamos y debajo con un + todos los idiomas.
Bueno pues como lo hemos hecho bien y hemos añadido antes el ES, EN y FR lo tenemos fácil. Solo tenemos que pinchar en la casilla del idioma y añadir el EN por ejemplo. El sistema empieza a buscar y nos encuentra rápidamente la página que hemos creado en EN. Por último, pinchamos en actualizar y listo. Mismo sistema para el resto de páginas.
Para revisar que todo está bien vinculado, nos vamos a donde están todas las páginas y observamos que aparecen unos lápices en todos los idiomas. Esto significa que todo está vinculado, si te aparece alguno que no pues entra dentro de la página y repites el proceso.
Traducir menús
Llegados a este punto tenemos que crear tantos menús como idiomas tengamos en la web y asignarlos donde toca. Como veis en la foto nos aparece a la izquierda un apartado de «Selector de Idioma». Donde debéis pinchar y añadirlo al menú. Luego pinchar en el desplegable y añadir la configuración acorde a vuestro proyecto para ver como sale el selector de idiomas.
Llegados a este punto tenemos que irnos a:
- Ve a Apariencia > Menús.
- Crea un menú para cada idioma.
- Asigna cada menú al idioma correspondiente desde Idiomas > Ajustes de menú.
Importante acordaros de seleccionar el idioma debajo en Ajustes del menú.
Headers y footers multiidioma en Bricks
Llegados a este punto, el proceso es el mismo, tenemos que crear en el apartado de plantillas de Bricks plantillas de headers y footers en cada idioma. Luego realizar el mismo proceso que las páginas. Fijaros yo ahora mismo estoy en el idioma Español que lo marca arriba y he vinculado todos los idiomas.
A la derecha me aparecen todos los lápices vinculados, quiere decir que tengo tantos footer, header, carrito como idiomas. (Esto es una tienda online multiidioma, para ver bien la situación). Bueno pues lo dicho misma operación que con las páginas para vincular todo.
Widget de idioma en Bricks para menú
Se puede dar el caso, que en Bricks hayas creado un mega menú o otro tipo de ajuste. Entonces necesitas añadir el selector de idioma en el menú obviamente. Bueno pues tenemos un widget en Bricks para añadir el selector de idiomas, que por cierto tiene bastantes opciones de configuración. (Se lo han currado bastante).
¿Vienes de WPML? Cómo pasar a Polylang sin perder las traducciones
Hace poco pasé una tienda online de cinco idiomas de WPML a Polylang: todo eran problemas con WPML y el cambio salió bien. Si estás en la misma situación, estos son los pasos que seguí.
Por qué cambiar de WPML a Polylang
Sobre todo por dinero: WPML es de pago y la licencia se renueva cada año. Pero no es solo eso:
- Polylang tiene versión gratuita, ideal para pequeños y medianos proyectos.
- Es más liviano y rápido, lo que mejora el rendimiento de la tienda online.
- Su interfaz es más sencilla y se lleva bien con los maquetadores más usados, Bricks incluido.
- WPML puede generar conflictos o ralentizar el sitio si no se configura bien.
Antes de migrar: copia de seguridad
Bien antes de realizar el proceso, nos tenemos que curar en salud para poder volver a una versión anterior si algo no sale bien. Así que debemos realizar una copia de seguridad de nuestra web, grábate a fuego esto. Siempre copia por si las moscas. Yo uso All-in-One WP Migration y además guardo siempre una copia en mi ordenador.
- Haz una copia de seguridad completa.
- Verifica que los plugins que tienes instalados son compatibles y no te van a dar problemas.
- Revisa el idioma principal de tu contenido actual para no perder la estructura.
Paso a paso para migrar de WPML a Polylang
1. Desactiva el WPML (pero todavía no borres el plugin)
Ve a la sección de plugins y desactiva todos los módulos que tengan que ver con el WPML. Esto mantiene la base de datos intacta.
2. Busca en el repositorio oficial el Polylang y lo activas
- Ve a Plugins > Añadir nuevo.
- Busca Polylang y haz clic en «Instalar» y luego «Activar».
3. Descarga del plugin para WPML a Polylang
Te dejo el enlace para ir a la página directo y descargar el plugin que hace la magia.
4. Importante no debes crear ningún idioma con el Polylang
No crees ningún idioma, directamente dale a Ahora no, ya que el plugin crea todo automáticamente luego.
5. Ve a herramientas > importador WPML
En este momento solo tenemos que pinchar en el botón de «Importar». Aquí los plugins se ponen a trabajar creando los idiomas y sincronizando todo. En unos cuantos segundos ya tenemos todo al sitio. Una vez terminado ya podéis eliminar el plugin WPML a Polylang.
6. Ahora toca darle a la parte técnica, menús, widgets y cadenas
- Nos vamos a Apariencia > Menús y vemos que en la parte izquierda de «Añadir elementos al menú» aparece el «Selector de idiomas».
- Deberás de pinchar y añadirlo al menú para que te aparezcan las banderitas para poder cambiar el idioma.
- Si tienes Bricks o Elementor deberás crear las plantillas correspondientes y vincularlas.
7. Revisa que todo está bien y elimina todos los restos de WPML
Ya hemos llegado a la parte final, ahora queda eliminar todo lo que pertenece a WPML y limpiar la base de datos con un plugin como WP-Optimize o Advanced Database Cleaner, para borrar todas esas tablas huérfanas que deja WPML. Haz otra copia de seguridad antes de borrar tablas, que esto no tiene marcha atrás.
8. Verifica que todo funcione bien
Llegados a este punto todo debería de estar bien, fíjate en la captura que te dejo como todas las páginas tienen ese lápiz que dice que todas las páginas están vinculadas. Después repasa los ajustes de URL de Polylang que te he explicado más arriba.
Y bien, pues hasta aquí esta pedazo de guía para crear una web multiidioma con WordPress, Bricks Builder y Polylang. Sin duda es bastante fácil montarla y sobre todo editarla. Hay que seguir unos pasos para no liarte mucho con la creación de todas las páginas.
Si buscas apoyo profesional con WordPress, consulta mi servicio de diseño web WordPress en Castellón. Estaré encantado de ayudarte en tu proyecto, nos vemos pronto en próximos tutoriales.
