Un sitio web multilingüe Divi sin esfuerzo con wpLingua!

En este artículo, te mostraré cómo convertir tu Sitio Divi en un sitio web multilingüe utilizando wpLingua, un potente y sencillo plugin para usar. Aquí hay una guía completa que explica todo desde la instalación hasta la edición de traducción y gestión del SEO multilingüe.

1 - ¿Qué es wpLingua, cómo funciona?

wpLingua es un plugin de WordPress que permite simplificar el proceso de traducción de su sitio. Al instalar, puede Traducir automáticamente contenido estático y dinámico de su sitio a diferentes idiomas, sin límite de palabras. Es una herramienta ideal para crear un sitio web multilingüe de una manera rápida y fácil!

Pero sobre todo, debes haberte dado cuenta de que era no siempre fácil traducir todo el sitio Divi con extensiones tradicionales.

El método de traducción utilizado por wpLingua garantiza una traducción completa de su sitio Divi, desde el encabezado hasta el pie! Esto se debe a que wpLingua intercepta el contenido de la página y analiza el código HTML y JS: la extensión descubre todos los textos, los traduce y hace las páginas multilingües. Este enfoque garantiza la compatibilidad con la mayoría de temas, extensiones y constructores de páginas como Gutenberg, Elementor, Divi...

2 - Video demo de wpLingua con Divi

El video muestra la mayoría de las características de wpLingua pero algunas partes merecen ser desarrolladas, por lo que propongo volver a los pasos en detalle en la continuación de este artículo...

3 - wpLingua: instalación y traducción automática

Para empezar, vaya a la pestaña "Extensions > Add Extension", busque "wplingua" en el campo dedicado (importante, escríbalo en una palabra: "wplingua" y no "wp lingua"), instalarlo y activarlo. También puede descargar directamente desde el directorio oficial si prefiere una instalación manual.

Una vez activado, será redirigido a la página de registro, si no, vaya directamente a la pestaña llamada wpLingua, ahora disponible en el panel de control:

1. El campo URL del sitio web se rellena automáticamente.
2. La dirección de correo electrónico también es pre-entrada, este campo utiliza la configuración del sitio y por lo tanto la dirección de correo electrónico de la administración del sitio. Puedes cambiarlo si lo necesitas.
3. El idioma del sitio web es el idioma original del sitio web. Ya está pre-traído y se basa en la configuración del sitio (Configuración de la pestaña General). Si este no es el idioma correcto, es que los ajustes básicos de su sitio son incorrectos y deben ser cambiados.
4. Elige tu idioma de traducción. Tendrás una elección de 24 idiomas.
5. Lea y acepte los términos de uso.
6. Validar haciendo clic en "Obtener una clave de API", la recibirá por correo electrónico, comprobar la caja no deseada en caso de...
7. Copia la clave de API recibida por correo electrónico y pegarla en el campo dedicado y confirmar haciendo clic en "Definir la clave de API".

8. Tan pronto como valides, la primera traducción es en generación, sólo espera.
9. Luego recibe un mensaje de éxito, puede visitar el sitio en su versión traducida. Para cambiar de un idioma a otro, puede utilizar el selector de idioma en la parte inferior de la pantalla en el sitio.

4 - Ajustes WpLingua

wpLingua ofrece muchas opciones de personalización para mejorar la experiencia de usuario y adaptar la traducción a sus necesidades específicas. Aquí hay una visión general de las principales características disponibles.

4.1 - Elección de banderas de idiomas

Desde la pestaña "wpLingua ≤ Ajustes Generales", puede elegir las banderas para mostrar en el selector de idioma. Por ejemplo, para un sitio de habla francesa, puede elegir la bandera de país apropiada, así como un sitio de habla inglesa, etc. Si no encuentra la bandera ideal, puede importar una imagen personalizada.

4.2 - Personalizar el selector de idiomas

El selector de idiomas es un elemento esencial para proporcionar una buena experiencia de usuario en un sitio multilingüe. wpLingua ofrece muchas combinaciones de personalización:

1. Disposición: Usted puede elegir un bloque, en línea o menú desplegable.
2. Nombres mostrados: Puede mostrar los nombres de idiomas traducidos, identificadores de lenguaje, o no mostrar nada en absoluto.
3. Estilo de la bandera: banderas redondas / rectangulares / onduladas, banderas personalizadas (importar sus propias imágenes), o ninguna bandera.
4. Temas de color : elegir el diseño del selector de idiomas gracias a muchos temas de color y formas (shadow, gris, blanco, borroso / cuadrado, bordes redondeados, dobles fronteras...).
5. Sinopsis: Cuando pruebe las diferentes opciones, verá los cambios en la vista previa.
6. Custom CSS: para un diseño aún más preciso, puede añadir su propio CSS.
7. Inserción automática: por defecto, el selector de idioma aparecerá en la parte inferior del sitio en el centro, pero también puede colocarlo a la derecha, a la izquierda, o ocultarlo.
8. Código corto: Un código corto también está disponible y le permite mostrar el selector de idioma donde desea en su sitio.
9. Selector en el menú: la última opción permite insertar el selector de idioma como elemento de menú 👇

10. Para ello, vaya a la configuración de su menú de WordPress (en la pestaña Menús Apariencia ≤).
11. Abra la inserción llamada "wpLingua" y ajuste las opciones de visualización según sus necesidades.
12. A continuación, añadirlo a su árbol de menú.
13. Guardar y visitar su sitio para comprobar la visualización del selector de idiomas en el menú. Usted notará que el diseño del selector de lenguaje encaja perfectamente con la apariencia de su sitio ya que recupera los estilos del tema de WordPress utilizado.

4.3 - Reglas agregadas en diccionario

wpLingua le permite definir reglas específicas para la traducción de ciertas palabras o expresiones usando un diccionario. Esto le da un mejor control sobre las traducciones, asegurando que los términos técnicos, nombres adecuados o oraciones específicas estén siempre correctamente traducidos.

Módulo de código Divi

1. Puede agregar términos para nunca traducir, puede ser útil para un nombre de marca por ejemplo.
2. O puede agregar una traducción universal para un término específico ("siempre se traduce por").

4.4 - Adición de reglas de exclusión

Puede haber algunas páginas o partes de contenido que no desea traducir. wpLingua ofrece una opción de exclusión que le permite elegir qué páginas o secciones prefiere dejar en el idioma original. Esta función es particularmente útil para contenidos sensibles o irrelevantes para ciertos públicos.

Por ejemplo, en Tips Divi, decidí no traducir la parte de los comentarios, o las páginas de ventas de mis entrenamientos porque ellos mismos están disponibles sólo en francés. Además, usted podría excluir páginas legales (información legal, política de privacidad, CGV, etc.) es bastante raro traducir este tipo de contenido en sitios web multilingües.

4.5 - Gestión de todas las traducciones

La pestaña "wpLingua ≤ Todas las Traducciones" abre la pantalla de Gestión de Cadenas de Traducción donde puede ver, editar y organizar todas las traducciones de su sitio.

5 - Generación automática de traducciones del sitio

Una vez configurado wpLingua, le aconsejo que busque manualmente las páginas de su sitio en el idioma traducido por dos razones:

1. La generación de traducciones es un proceso automático, pero sólo activa cuando la página traducida es solicitada por primera vez en un navegador. Es mejor que pidas esta página por primera vez en lugar de un usuario de Internet porque la primera generación tarda varios segundos. Una vez que se genere la primera traducción, la página traducida se mostrará tan rápido como la versión original del idioma.
2. Esto le permite dominar el proceso y comprobar que todo salió bien, y eventualmente hacer algunas correcciones si es necesario.

Tenga en cuenta que la API wpLingua no cuenta el número de palabras traducidas generadas automáticamente, es ilimitada 🤩

¿Lo sabías? Puedes probar Divi gratis visitando en esta página y haciendo clic en "Pruébalo GRATIS"

6 - Modificación de las traducciones

Aunque wpLingua genera traducciones automáticas de calidad, es posible que necesite hacer correcciones manuales para algunos textos.

El editor visual de wpLingua te permite hacer esto fácilmente, ¡es tan fácil!

1. Visite una página traducida y active el editor visual wpLingua seleccionando el idioma para editar.
2. En la página, el editor activa la visualización de los canales de traducción, están enmarcados en gris. Todo lo que tienes que hacer es hacer clic en el texto que quieres editar.

⚠️ No actives el Editor Visual de Divi, no es él quien maneja la edición de traducciones. Independientemente del constructor de páginas utilizado, el editor visual de wpLingua gestiona estos cambios.

3. Se abre un pop-up.
4. Puede hacer sus cambios o generar una nueva traducción automática.
5. Luego haga clic en Guardar.
6. Cierra el pop-up.
7. Usted encontrará fácilmente sus traducciones verificadas porque están enmarcadas en verde.
8. Para dejar el Editor de Traducción wpLingua, haga clic en "Volver a página".

7 - Gestión multilingüe de SEO con wpLingua

Una de las grandes ventajas de wpLingua es que se optimiza para SEO, desde la versión gratuita. De hecho, wpLingua está diseñado para que las páginas traducidas puedan ser descubiertas e indexadas por motores de búsqueda como Google, que puede mejorar significativamente su visibilidad internacional.

Si inspecciona el código fuente de su sitio, verá que etiquetas hreflang y lang se gestionan de acuerdo con wpLingua. Esto permite a los motores de búsqueda saber en qué idiomas está disponible el contenido.

Además, ya que wpLingua traduce automáticamente todo el contenido de su sitio, también se traducirán las etiquetas SEO. Para un dominio total de su Natural SEOSin embargo, puedes editar estas etiquetas que no ves con el ojo desnudo en una página, independientemente de tu plugin SEO (Yoast, SEOPress, RankMaths...).

En la imagen siguiente, usted notará que he introducido un título SEO (A) y una descripción Meta (B) personalizado a través del plugin Yoast, así como un texto alternativo (C) y un título (D) para mis imágenes.

No se sorprenda de no encontrar una opción para editar las traducciones de estas etiquetas HTML en la configuración de su plugin SEO o en la biblioteca de medios de WordPress!

Tienes que volver a la página y activar el editor wpLingua en el modo "Todas las traducciones de la página". Un pop-up abrirá y usted puede gestionar todas las traducciones en la página, incluyendo etiquetas HTML no visibles tales como:

• A - Título SEO
• B - Meta Descripción
• C - Texto alternativo de las imágenes
• D - Título de las imágenes
• etc.

8 - Tasas de WpLingua

En cuanto a las tarifas de wpLingua, son bastante simples de entender porque sólo hay dos paquetes:

Personalmente, me gusta cuando las tarifas son simples de entender y asequibles y razonables: $240 por año para conseguir un sitio web multilingüe sin ningún esfuerzo, digo SÍ!

Ver diferencias detalladas entre los planes.

Más Detalles ver en el primer año con el código promo "ASTUCESDIVI"

9 - En conclusión: mi opinión sobre wpLingua

Mi opinión puede parecer que no objeta porque wpLingua es un proyecto en el que he estado invirtiendo durante más de un año hoy 🤩Y es verdad... ¡Pero también sé cómo ser autocrítica!

Mi opinión es que wpLingua es una gran herramienta, no soy yo quien lo código - no tengo esta habilidad - pero mis misiones dentro de este proyecto son múltiples: gráficos, estrategia, comunicación, traducción de la interfaz plugin (está disponible en 6 idiomas en la oficina de atrás), etc.

Sin embargo, hay dos puntos sobre los que no quisimos hacer concesiones:

• Generosidad: queríamos un plugin generoso de su versión gratuita. Un número ilimitado de palabras se incluyen en todos los planes para la generación de traducción automática. Las opciones SEO también están disponibles desde la versión gratuita. Y sólo dos paquetes: una tarifa gratuita y que abre el acceso a todas las características premium actuales y las que vendrán después, así como el permiso para utilizarlo en un sitio comercial.
• Experiencia de usuario (UX): Solía trabajar con principiantes y veo su frustración cuando los plugins son complejos para configurar... Para wpLingua, queríamos lo contrario: una interfaz intuitiva, fácil de usar y fácil de entender... ¡Y creo que está hecho!

Por supuesto, sé que wpLingua aún no es perfecta... Me gustaría ver todas las características que hemos pensado en una varita mágica, pero es imposible, ¿sabes? wpLingua crece gradualmente y pronto será como nos imaginamos! Tenemos muchas ideas.

• Traducción de URLs, enlaces e imágenes.
• Traducción de correos electrónicos transaccionales.
• Gestión de las estadísticas de visitas por idioma.
• etc.

Todo esto está en las tuberías y más 🤫 ¡Oye! Puede rastrear el progreso y cambiarlo directamente desde el GitHub directorio dedicado.

Eso dijo, hoy wpLingua ya es un reto serio que merece ser mejor conocido, y estoy contando con ustedes amigos! Finalmente un plugin que simplifica la traducción de WordPress y en particular Divi con precios asequibles!

Pruébalo y dame tus comentarios en los comentarios 😉

Lee también:

• Traducir Divi con Polylang
• Traducir Divi con Weglot