Lovable - Integración/Configuración

En este artículo, aprenderá a traducir todo su contenido y a hacer que su sitio web sea multilingüe en cuestión de minutos.


Paso 1: Crear una cuenta Weglot

Regístrese en Weglot, confirme su correo electrónico, nombre su proyecto en el Dashboard y seleccione "Otros" como tecnología del sitio web.

Paso 2: Añada sus nuevas lenguas

Elija el idioma original de su sitio web y los idiomas para la traducción.

Paso 3: Añada los datos de su sitio web

Introduzca su nombre de dominio (por ejemplo, mywebsite.com) en la nueva página y haga clic en "Siguiente".

Debe elegir "Integración de subdominios":


A continuación, tendrá la posibilidad de continuar con la configuración para subdominios, o de no utilizar subdominios haciendo clic en la sección "Omitir este paso".


Paso 4: Utilizar subdominios (opcional)


Nuestra integración de subdominios es respetuosa con el SEO y permite indexar mejor su sitio web, con URL únicas para las versiones traducidas (por ejemplo, es.website.com en inglés).


Aparecerá su configuración DNS (el código de idioma diferirá en función de los idiomas que haya añadido) en la sección "Configurar DNS manualmente":

Ahora, vaya a la cuenta de su proveedor de nombres de dominio y a la sección o página en la que puede gestionar las DNS (por ejemplo, en Google Domains, se encuentra en una pestaña de la barra de menú de la izquierda llamada DNS).


En este punto, debería poder crear nuevas entradas en la sección DNS de su pantalla (en nuestro ejemplo, es en la sección "Registros de recursos personalizados").

Seleccione CNAME como tipo de entrada.

Introduzca "en"(para los que añaden inglés) en la sección "Nombre" y el valor proporcionado por Weglot en la sección "Datos".


Si tiene algún problema para averiguar dónde encontrar o cómo actualizar sus registros DNS, podemos ayudarle. Sólo tiene que enviarnos un correo electrónico a support@weglot.com.

Una vez que haya añadido y guardado las entradas, vuelva a la página de Weglot. Haga clic en " Comprobar DNS" y debería aparecer un icono verde con una marca de verificación: esto significa que todo se ha configurado correctamente (Esto puede tardar a veces un par de minutos o incluso 10, así que no se alarme si el icono verde con una marca de verificación no ha aparecido todavía junto a su registro DNS). Haga clic en"Siguiente".


Paso 5: Añadir Weglot a Lovable

Copie y pegue en Lovable el fragmento de Weglot proporcionado en su Dashboard .

En su Dashboard Lovable, seleccione su "Proyecto", vaya al chat y pida a Lovable que añada el fragmento JS de Weglot a la cabecera HTML de su sitio web (el código será ligeramente diferente si elige subdominios):

<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
<script>
  Weglot.initialize({
      api_key: 'Your API Key'
});
</script>” 

Tenga en cuenta que utilizar el chat le costará 1 crédito Lovable.

Si no desea utilizar un crédito Lovable y dispone de una suscripción de pago en Lovable, puede utilizar el "Modo Código" para integrar Weglot en su sitio web.


Para ello, sólo tiene que hacer clic en esta opción de la parte superior:

A continuación, vaya al archivo "index.html" y añada el script de Weglot justo antes de la etiqueta ⟨/head⟩:



¿Su sitio web no está totalmente traducido? En su DashboardConfiguración añada una regla dinámica con el selector "body".

¡Su página web ya está traducida!

Ya ha traducido correctamente su sitio web. Vaya a su sitio web y verá un conmutador de idiomas en la parte inferior derecha de su sitio (puede tardar unos minutos en aparecer). También puede cambiar su posición - consulte nuestra guía para saber cómo. 

Weglot le proporciona la primera ronda de traducciones automáticas. Para verlas, inicie sesión en su cuenta de Weglot y vaya a su Dashboard> Traducciones > Idiomas. Aquí podrá revisar y editar manualmente todas sus traducciones.

¿Responde esto a su pregunta? Gracias por sus comentarios Ha habido un problema al enviar su comentario. Vuelva a intentarlo más tarde.

¿Aún necesita ayuda? Contacte con nosotros Contacte con nosotros