Tabla de contenido
Requisitos de acceso a Bubble.io
La traducción automática de IA en la nube que se usará con Bubble.io requiere ciertos accesos para completar la configuración:
- Acceso de administrador a Bubble.io
- Modificación de DNS de dominio en Bubble.io
La configuración de Bubble.io se compone de 4 pasos simples:
- Registra tu dominio para autorizar la traducción
- Modifique el DNS del dominio según los idiomas de traducción
- Añade el enlace del selector de banderas de idioma a la configuración de tu Bubble.io
- Activa la función de traducción dinámica.
Cómo hacer que tu sitio web Bubble.io sea multilingüe en video
Registra tu dominio Bubble
Después de su conexión o registro al Linguise dashboard, se le pedirá que registre su dominio para autorizar la traducción.
Para ese fin, simplemente copia el nombre de tu dominio con el https:// incluido y selecciona “Otro CMS alojado en la nube” para la plataforma.
A continuación, seleccione el idioma de origen y el de destino.
Nota importante de SEO: El número de idiomas que configuras tiene un gran impacto en SEO. Cuando configuras tus idiomas de traducción, si tienes una gran cantidad de páginas indexadas (>500), el motor de búsqueda puede tardar mucho tiempo en procesarlas. Puede afectar tu SEO en tu idioma original. Eso’s por lo que recomendamos añadir primero un máximo de 5 idiomas, luego, cuando está’s indexado, puedes añadir idiomas en lotes de 3 por mes.
Modifique el DNS del dominio según los idiomas
Agregar automáticamente DNS de dominio usando Entri
Una vez que haya registrado con éxito su sitio web dentro de Linguise dashboard, tendrá dos opciones para continuar con la instalación.
Probablemente debería ver este contenido, si prefiere agregar automáticamente los registros DNS, puede hacer clic en “Conecte su DNS automáticamente.” Esta función, llamada Entri, agregará automáticamente sus registros DNS, permitiéndole continuar con la instalación fácilmente. La otra opción es copiar manualmente los DNS en su proveedor de dominio.
Tras pulsar el botón, Entri analizará la URL de tu sitio web registrado y comprobará tu registro DNS público. En función de ello, determinará el proveedor y el DNS necesarios.
A continuación, puedes hacer clic en “Autorizar con [tu proveedor de dominio]” (en este ejemplo, es Cloudflare). Luego verás el panel cambiando a la página de inicio de sesión de tu proveedor de dominio’s, donde puedes iniciar sesión y continuar.
Después de iniciar sesión en tu proveedor de dominio, Entri se encargará del resto, añadiendo automáticamente los registros DNS necesarios. Un registro DNS por idioma + un registro DNS TXT para la clave de validación.
Debería poder ver que el DNS se ha añadido a su dominio. Por ejemplo:
Una vez que lo hayas autorizado, Entri te notificará que todos los ajustes de DNS se han configurado correctamente.
Deberías poder utilizar la función de traducción en cuanto se hayan propagado todas las entradas DNS en tu dominio (normalmente tarda entre 20 y 30 minutos).
Si prefiere la instalación manual, también puede hacerlo siguiendo los pasos que le indicaremos a continuación.
Copiar registros DNS
Después de que hayas validado tu dominio, serás redirigido a una pantalla donde los DNS para añadir a tu dominio están listos para copiarse. Estos registros son necesarios para cargar las páginas multilingües de tu sitio web como fr.domain.com, es.domain.com…
Estos son los elementos principales que necesitarás copiar a la configuración DNS de Bubble.io.
Después, debes conectarte a tu administrador de dominio y acceder al área de configuración de DNS. Luego, siguiendo las instrucciones, puedes copiar:
- Un registro TXT para la verificación del dominio
- Uno o varios registros CNAME para los idiomas
Aquí tienes un ejemplo para cada tipo de registro (TXT y CNAME):
Después de agregar todos sus registros, su configuración debería verse así.
Verificar la validación de DNS
Después de agregar todos sus registros al DNS de su dominio, puede verificar la propagación del DNS haciendo clic en el botón " Verificar configuración de DNS".
La validación DNS suele tardar entre 30 minutos y 1 hora. Después de eso, deberías ver puntos verdes en la parte derecha de la lista DNS en el panel de control de Linguise. Estás casi listo para traducir tu sitio web Bubble, solo falta el enlace al selector de idioma con banderas de países.
Función de traducción dinámica
Técnicamente hablando, Bubble combina módulos codificados en JavaScript, CSS y HTML en una aplicación Node.js funcional. Bubble’s propio lenguaje se basa en JSON.
Con nuestra “Dynamic Translation” característica, puedes traducir sin problemas el contenido en tu sitio web Bubble.io, incluido el contenido que se carga de forma asíncrona (dinámicamente) después de que la página se haya cargado. ¡Esta mejora garantiza una experiencia multilingüe más fluida para tus visitantes!
Necesitarás activar esta característica dentro de tu Linguise dashboard configuración de la cuenta.
Una vez que accedas a tu panel de Linguise, haz clic en tu dominio registrado y navega a Configuración menú.
Encontrarás este “Traducir contenido dinámico” sección al final de la página de Configuración.
Añade el selector de idioma a Bubble.io
El selector de idioma es la ventana emergente de la bandera para seleccionar el idioma que deseas. Para cargarlo, necesitarás copiar el código proporcionado en el encabezado de las páginas de tu sitio Bubble.io. El selector de idioma de la bandera se cargará automáticamente en tu sitio web público.
El enlace que debes copiar se encuentra al final del registro del dominio o en la configuración del mismo. Copia el enlace al portapapeles.
Entonces, va tu panel del sitio Bubble. En el menú lateral izquierdo, haz clic en ‘Configuración’ > selecciona “SEO / metatags”.
Desde la configuración del menú, desplázate un poco hacia abajo y encontrarás etiquetas Script/meta en el encabezado bajo “Configuración avanzada“.
Pega el script de Linguise que copiaste antes, haz clic ‘Guardar’, y publica tu sitio.
Ahora, en el frontend de tu sitio web Bubble.io, deberías tener disponible el conmutador de idioma Linguise.
Diseño del conmutador de idioma del sitio web Bubble.io
El selector de idioma se puede personalizar desde el Panel de control de Linguise > Configuración > Visualización de banderas de idioma. Cualquier modificación aquí se reflejará en el sitio web.
En el lado derecho de la pantalla se muestra la vista previa del selector de idioma. Estos son los elementos que puede configurar:
- 3 diseños: lado a lado, desplegable o emergente
- La posición del selector de idioma
- El contenido del selector de idioma
- Nombres de idiomas en inglés o en el idioma nativo
- Formas y tamaños de las banderas
- Colores y sombra de caja
Editor de traducción del frontend en el sitio web Bubble.io
El editor frontal facilita a los traductores modificar cualquier contenido HTML en Bubble.io en cualquier idioma. Puedes editar una página haciendo clic en un elemento de la página y reemplazando el texto, el enlace o la imagen.
También es posible editar la información meta haciendo clic en los corchetes {}
