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, puede ver este ejemplo de un sitio web de Webflow traducido aquí.

weglot webflow instalación demo

En este ejemplo hemos integrado el selector de idiomas en la barra principal, como un menú desplegable. Haga clic en él para cambiar el idioma de inglés a francés.

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

Empecemos a traducir su sitio web de Webflow.

Empecemos a traducir su sitio web de Webflow

weglot reloj 10 minutos

1) Cree una cuenta de Weglot

Esta cuenta será el lugar donde tendrá todas sus traducciones y desde donde las podrá gestionar. Cree una cuenta de Weglot aquí.

weglot webflow instalación registro

2) Introduzca su dominio y los idiomas a los que desea traducir

En esta etapa, debe introducir su dominio y los idiomas en los que desea trabajar.

NO añada su nombre de dominio temporal que termina en .webflow.io.

(Si aún no ha adquirido su dominio propio y solo dispone de un dominio .webflow.io, desplácese hacia abajo en la página de configuración de Weglot hasta el apartado "OTRAS INTEGRACIONES POSIBLES". Haga clic en "Utilizar integración JavaScript" y pase directamente al paso 4 de esta guía.)

En nuestro ejemplo: 

  • el dominio es .weglot-translate-wbflow.com
  • el idioma original es inglés
  • el idioma traducido es francés

Haga clic en "Siguiente" para ir al siguiente paso.

weglot webflow instalación dominio

3) Configure los subdominios en los registros DNS

Ahora deberá configurar sus DNS para crear y conectar los subdominios.

Los subdominios mostrarán las traducciones de su sitio web de Webflow una vez configurados. En este ejemplo, hemos utilizado Google Domains como nuestro proveedor de dominios; sin embargo, hay muchos otros proveedores y el proceso de añadir entradas DNS será muy similar independientemente del que elija.

En su cuenta de Weglot, verá las siguientes entradas DNS para añadir:

weglot guía instalación dns

A continuación, vaya a su cuenta del proveedor de dominios (en nuestro ejemplo es Google Domains); vaya al apartado o página desde la que administrar el DNS (por ejemplo, en Google Domains se encuentra debajo de una pestaña en la barra lateral izquierda llamada "DNS").

En este punto, debería poder crear nuevas entradas en la lista de registros DNS (en nuestro ejemplo, está en el apartado "Registros de recursos personalizados"). Seleccione CNAME como tipo de entrada.

En nuestro ejemplo con Google Domains (debería ser muy similar si utiliza otro proveedor), introduzca la primera parte del certificado en el apartado "Nombre" y la última parte en el apartado "Datos".

(Nota: si está usando Google Domains, añada un "." al final del certificado que termina en ".acm-validations.aws", para que aparezca como "xxxx.acm-validations.aws.")

weglot webflow instalación dns

Si tiene algún problema para actualizar sus registros DNS, podemos ayudarle. Escríbanos a support@weglot.com.

Una vez que haya añadido y guardado las entradas, vuelva a la página de Weglot. Puede hacer clic en "Comprobar DNS" y aparecerá un icono verde de verificación: esto significa que todo se ha configurado correctamente. Haga clic en "Siguiente".

4) Instale la biblioteca Weglot

Este es el último paso, donde agregará el selector de idiomas a su sitio web de Webflow y personalizará algunos de los ajustes de la aplicación.

Es muy rápido y sencillo, solo tiene que seguir los pasos indicados a continuación (también se muestran en el gif).

Webflow translate JavaScript fragmento
  • 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" y verá un campo titulado "Add code at the end of the tag:" ("Añadir código al final de la etiqueta")
  • 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, "Save Changes" ("Guardar cambios").
  • Publique sus cambios haciendo clic en el botón azul en la parte superior derecha.

5) ¡Hecho!

¡Ya ha terminado! Vaya a su sitio web y verá el selector de idiomas aparecer en la parte inferior derecha. Espere unos minutos para que se configuren correctamente sus subdominios y pruebe a cambiar el idioma para ver sus páginas traducidas.

Bonus: si quiere añadir un selector de idiomas nativo a su menú, simplemente cree un menú desplegable y añada enlaces con el siguiente formato:
#Weglot-fr para francés
#Weglot-en para inglés

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