Traduzca su sitio web de Webflow y conviértalo en multilingüe

Descubra cómo traducir su sitio web de Webflow y mostrarlo en varios idiomas con Weglot.

Traducir un sitio web de Webflow y convertirlo en multilingüe ha demostrado ser un reto complicado para muchos usuarios. La plataforma no ofrece una solución nativa para la traducción completa del sitio, por lo que los usuarios generalmente recrean sus páginas manualmente o duplican las ya existentes en un idioma traducido.

Esto plantea un problema: estos métodos no son buenos para el SEO (las páginas traducidas automáticamente serán mal indexadas o no serán indexadas en absoluto por los motores de búsqueda); además, mantener un sitio web traducido de esta manera requiere mucho tiempo y esfuerzo.

En Weglot, queríamos crear una solución sencilla para ayudar a los usuarios de Webflow a traducir sus sitios web y convertirlos en multilingües.

Principales ventajas

Rápido y sencillo: no necesita saber programar y la solución se integra en cuestión de minutos


Todo incluido: todo el contenido de su sitio web se detecta y traduce automáticamente


Optimización SEO para páginas traducidas: su sitio web de Webflow será indexado por los motores de búsqueda en todos los idiomas en que esté disponible a través de subdominios dedicados


Herramientas de traducción: Weglot le da acceso a una primera capa de traducciones automáticas ultrarrápidas que puede complementar con traducciones profesionales, disponibles bajo pedido directamente desde su panel de control de Weglot


Bonus: un equipo de soporte experto de la más alta calidad para ayudarle cuando lo necesite

Weglot persona bailando

Ejemplo de un sitio web de Webflow traducido

Antes de probarlo por ti mismo, puedes echarle un vistazo a una página web traducida con Weglot aquí y aprender más sobre BigBlue - un utilizador de Webflow que utiliza Weglot.

weglot webflow instalación demo

En el ejemplo, integramos el botón de cambio de idioma en la barra de menú principal, como un desplegable. Puede hacer clic en él para cambiar el idioma de inglés a francés.

La versión en inglés está en https://www.Weglot-translate-wbflow.com
La versión en francés está en https://fr.weglot-translate-wbflow.com

Incluso hemos creado nuestro propio kit de IU de Webflow con 14 selectores de idiomas disponibles para duplicar y 2 videotutoriales para ayudarle a configurar e implementar su sitio web Webflow en varios idiomas.

Empecemos a traducir su sitio web de Webflow.

10 minutos

1) Cree una cuenta de Weglot

En esta cuenta administrará y editará todas sus traducciones. Cree su cuenta de Weglot aquí.

Webflow-signup

2) Añada sus nuevos idiomas

Una vez que haya configurado una cuenta, se le pedirá que añada su nombre de dominio, el idioma original de su sitio y los idiomas que desee añadir.

webflow-languages

NOTA: Este paso es para los usuarios que tienen un nombre de dominio principal y no para los que estén usando un nombre de dominio temporal que termine en .webflow.io. Haga clic en "Use Javascript integration" ("Usar la integración de Javascript") si todavía está en la fase de pruebas de su sitio y aún no ha comprado un nombre de dominio. Podrá añadir su dominio más tarde.

Haga clic en el botón "Next" ("Siguiente").

3) Configure los subdominios en los registros DNS

En el siguiente paso se configurarán los registros DNS para crear y conectar los subdominios. Estos subdominios mostrarán las traducciones de su sitio web de Webflow una vez configurado.

Para este ejemplo, utilizamos Google Domains como proveedor de nombres de dominio, ya que la mayoría del resto de proveedores de alojamiento son similares a este. Si necesitara ayuda con este paso, contáctenos en support@weglot.com.

En la configuración de su cuenta de Weglot, verá las siguientes entradas DNS para añadir (este ejemplo es para configurar el francés):

Ahora, vaya a la cuenta de su proveedor de nombre de dominio y a la sección o página en la que puede administrar el DNS (por ejemplo, en Google Domains, se encuentra en una pestaña en la barra de menú del lado izquierdo llamada DNS).

Cree nuevas entradas en la sección DNS de su cuenta (en nuestro ejemplo, es en la sección "Registros de recursos personalizados"). Seleccione CNAME como tipo de entrada. Introduzca "fr" (para los que añaden francés) en la sección "Nombre" y "websites.weglot.com" en la sección Datos.

Guarde las entradas, vuelva a su panel de Weglot y haga clic en el botón verde "Comprobar DNS". Esto a veces puede tardar un par de minutos o incluso 10, así que no se alarme si aún no ha aparecido la marca de verificación verde junto a su registro DNS.

4) Añada el código Javascript

Este es el paso final donde añadirá un botón de cambio de idioma a su sitio web de Webflow.

  • Vaya a su panel de control de Webflow y haga clic en "Settings" ("Configuración") > "Custom Code" ("Código personalizado") (la última pestaña de la derecha)
  • Vaya a "Head Code" ("Código de encabezado") y verá un campo titulado "Add code at the end of the tag" ("Añadir código al final de la etiqueta").
Webflow translate JavaScript fragmento
  • Copie y pegue el fragmento de JavaScript que obtuvo de su cuenta de Weglot. Se parecerá a lo siguiente pero con su clave API propia en lugar de la clave genérica "YOUR_API_KEY":
HTML

Haga clic en el botón verde "Guardar cambios" y publique sus cambios haciendo clic en el botón azul en la parte superior derecha.

5) ¡Su sitio web multilingüe de Webflow ya está disponible!

Y eso es todo. Si va a su sitio web, verá que se ha añadido un selector de idioma en la parte inferior derecha. Dele unos minutos para asegurarse de que sus subdominios estén configurados correctamente y después podrá probar a cambiar el idioma y verá sus nuevas páginas traducidas.

Ventaja adicional: hemos creado algunos selectores de idiomas de Webflow que puede duplicar y añadir a su sitio web. Eche un vistazo en nuestro kit de IU de Webflow.

¿LISTO PARA EMPEZAR?
Haga multilingüe su sitio web de Webflow en cuestión de minutos