¿Tienes un sitio web con Bubble.io que quieres traducir a varios idiomas para que pueda llegar a clientes externos? Bubble.io es una plataforma no-code potente y flexible que ofrece un entorno potente para crear y gestionar aplicaciones web. Integrar la traducción automática en tu aplicación Bubble.io te permite simplificar la creación y el mantenimiento de contenido multilingüe, ahorrando tiempo y recursos mientras garantizas una experiencia de usuario coherente y de alta calidad en varios idiomas.
Por lo tanto, en este artículo, analizaremos cómo implementar fácilmente la traducción automática en el sitio Bubble.io utilizando un servicio de traducción automática.
El beneficio de implementar la traducción automática en Bubble.io
Implementar la traducción automática en el sitio web de Bubble.io puede aportar varios beneficios, entre ellos los siguientes.
- Acceso al mercado global: La traducción automática permite que tu aplicación de Bubble.io llegue a usuarios de todo el mundo. Por ejemplo, una aplicación para compartir recetas que originalmente está en inglés puede estar disponible al instante para los amantes de la comida en Japón, Brasil y Francia, permitiéndoles explorar y contribuir con recetas en sus idiomas nativos.
- Mayor satisfacción del usuario: El contenido en el idioma preferido del usuario genera una experiencia más agradable e inmersiva. Ejemplo: una aplicación de planificación de viajes que traduce automáticamente itinerarios, reseñas y recomendaciones locales al idioma del usuario puede mejorar significativamente su experiencia de planificación de viajes.
- Mayor potencial de conversión: Es más probable que los usuarios realicen compras o se registren en servicios cuando la información se presenta en su idioma nativo. Por ejemplo, una plataforma de cursos en línea podría experimentar un aumento en las inscripciones de países hispanohablantes tras implementar la traducción automática, ya que los posibles estudiantes ahora pueden comprender completamente las descripciones y los beneficios de los cursos.
- Mayor visibilidad en las búsquedas: El contenido multilingüe mejora las posibilidades de que tu aplicación aparezca en los resultados de búsqueda en diferentes regiones e idiomas. Por ejemplo, una aplicación de búsqueda de empleo que ofrece ofertas de trabajo y consejos para el currículum traducidos automáticamente podría empezar a aparecer en búsquedas en el idioma local de varios países, atrayendo a quienes buscan empleo y que antes no podían encontrar la plataforma.
Ejemplos de sitios web multilingües con Bubble
Según trends.builtwith.com, más de 55 mil sitios usan Bubble.io. Por lo tanto, esta vez, analizaremos algunos ejemplos para darte una idea de si estás considerando crear un sitio multilingüe con Bubble.io.
Fanova.io
Fanova es un gran ejemplo de un sitio web creado con Bubble.io. Conecta a los fans con sus creadores de contenido favoritos y les permite suscribirse a contenido exclusivo. El sitio muestra la capacidad de Bubble.io para crear aplicaciones sofisticadas y fáciles de usar con funciones avanzadas como la compatibilidad multilingüe.
El selector de idiomas en la esquina inferior izquierda ofrece opciones en inglés, español y portugués brasileño. Este enfoque multilingüe permite a Fanova atender a una audiencia diversa e internacional en Norteamérica, Latinoamérica y Brasil. Utilizando las funciones de Bubble.io, Fanova puede gestionar y presentar contenido en varios idiomas mientras mantiene un diseño consistente, mejorando la experiencia del usuario para visitantes de diferentes orígenes lingüísticos.
IC-academy.io
Impact Creative Academy (ICA) es la capacidad de la plataforma para crear aplicaciones web profesionales y funcionales. El sitio ofrece recursos profesionales impulsados por IA, incluidos cursos gratuitos, competiciones de subvenciones y oportunidades de solicitud de empleo. Su diseño limpio presenta un titular destacado, una propuesta de valor concisa y un atractivo botón de llamada a la acción «Dive in».
Una característica destacada del sitio web de ICA es el selector de idioma ubicado en la esquina superior derecha, que ofrece a los usuarios la opción de elegir entre inglés y árabe. Este soporte multilingüe demuestra cómo Bubble.io puede crear eficazmente plataformas accesibles a nivel global. Al proporcionar contenido tanto en inglés como en árabe, ICA puede atender a una base de usuarios diversa en los países de habla inglesa y el mundo árabe.
Cómo implementar la traducción automática en Bubble
Después de examinar ejemplos de sitios multilingües creados con Bubble.io, exploraremos cómo implementar la traducción automática utilizando un servicio de traducción automática. Muchos servicios pueden traducir sitios web de forma rápida y sencilla con solo unos pocos pasos de configuración. Uno de estos servicios es Linguise.
Linguise se integra con varias plataformas CMS y creadores web, incluido se integra con Bubble.io. Estos son los pasos para instalar Linguise traducción automática en Bubble.io.
#1 Registra el sitio web de tu dominio
Primero, crea una cuenta gratuita de Linguise y añade el dominio de tu sitio web. Puedes usar la prueba gratuita de 30 días antes de decidirte por un plan de suscripción.
A continuación, se te pedirá que registres tu dominio para autorizar la traducción. Para ello, copia tu nombre de dominio, incluyendo “https://”, y selecciona “otro” como plataforma.
A continuación, elige tus idiomas de origen y destino.
#2 Añadir automáticamente el DNS del dominio usando entri
Después de registrar correctamente tu sitio web en el panel de Linguise , tienes dos opciones para continuar con la instalación.
Si prefieres añadir los registros DNS automáticamente, puedes hacer clic en "Conecta tu DNS automáticamente". Esta función, llamada Entri, se encargará de los registros DNS por ti, facilitando el proceso de instalación. Como alternativa, puedes copiar manualmente los registros DNS a tu proveedor de dominio.
Después de hacer clic en el botón, Entri analizará la URL de tu sitio web registrado y examinará tus registros DNS públicos. Basándose en este análisis, identificará el proveedor y los registros DNS necesarios.
A continuación, haz clic en «Autorizar con [tu proveedor de dominio]» (por ejemplo, Cloudflare). Esta acción te redirigirá a la página de inicio de sesión de tu proveedor de dominio, donde podrás iniciar sesión y continuar.
Una vez que inicies sesión en tu proveedor de dominio, Entri se encargará del resto, añadiendo automáticamente los registros DNS adecuados: un DNS por idioma y un DNS TXT para la clave de validación. Deberías ver los registros DNS añadidos a tu dominio, como:
Después de la autorización, Entri te notificará que todos los ajustes de DNS se han configurado correctamente. Podrás usar la función de traducción una vez que todos los registros DNS se hayan propagado en tu dominio, lo que suele tardar entre 20 y 30 minutos.
Si prefieres la instalación manual, también puedes hacerlo manualmente siguiendo los pasos que te proporcionaremos a continuación.
#3 Copiar los registros DNS
Si prefieres la instalación manual, se te redirigirá a una pantalla con los registros DNS necesarios para configurar tus páginas multilingües, como fr.domain.com o es.domain.com.
Copia estos elementos esenciales en tu configuración de DNS de Bubble.io.
A continuación, conéctese al gestor de su dominio y acceda al área de configuración de DNS. Luego, siga las instrucciones para copiar.
- Un registro TXT para la verificación del dominio
- Uno o varios registros CNAME para los idiomas
Aquí tienes ejemplos para cada tipo de registro (TXT y CNAME)
Una vez que hayas añadido todos tus registros, tu configuración debería parecerse a esto.
#4 Verificar DNS
Después de haber añadido todos tus registros al DNS de tu dominio, puedes verificar la propagación del DNS haciendo clic en el botón “Comprobar configuración de DNS”.
La validación de DNS suele tardar entre 30 minutos y 1 hora. Después de este periodo, deberías ver indicadores verdes en el lado derecho de la lista de DNS en el panel de Linguise . Ya casi está todo listo para traducir tu sitio web de Bubble ; solo falta el enlace al selector de idioma con las banderas de los países.
#5 Activar la traducción dinámica
Desde un punto de vista técnico, Bubble integra módulos codificados en JavaScript, CSS y HTML en una aplicación funcional de Node.js. El lenguaje de programación de Bubblese basa en JSON.
Con nuestra función de “Traducción dinámica”, puedes traducir sin esfuerzo el contenido de tu sitio web Bubble.io, incluido el contenido que se carga de forma asíncrona (dinámica) después de la carga inicial de la página. Esta mejora ofrece una experiencia multilingüe más fluida a tus visitantes
Para usar esta función, haz clic en Sí en la parte inferior de la página de Configuración.
#6 Activar y personalizar el diseño del selector de idioma
El conmutador de idiomas es una ventana emergente con banderas que te permite seleccionar el idioma que desees. Para implementarlo, copia el código proporcionado en el encabezado de las páginas de tu sitio Bubble.io. El conmutador de idiomas con banderas aparecerá entonces automáticamente en tu sitio web público.
El enlace para copiar se encuentra al final del proceso de registro del dominio o dentro de la configuración del dominio. Asegúrese de copiar el enlace en su portapapeles.
A continuación, navegue hasta el panel de su sitio web Bubble . En el menú de la barra lateral izquierda, haga clic en ‘Settings’ y luego seleccione “SEO / metatags.”
En el menú de ajustes, desplázate un poco hacia abajo hasta que encuentres “Etiquetas de script/meta en el encabezado” en “Ajustes avanzados”.
Pega el script Linguise que copiaste antes, luego haz clic en ‘Guardar’ y publica tu sitio.
Puedes personalizar el selector de idioma desde el panel de Linguise navegando a Ajustes > Visualización de banderas de idioma. Cualquier cambio realizado aquí se reflejará en el sitio web.
En el lado derecho de la pantalla, verás una vista previa del selector de idioma. Estos son los elementos que puedes configurar.
- Tres diseños: en paralelo, desplegable o ventana emergente
- Posición del conmutador de idiomas
- Contenido del conmutador de idiomas
- Nombres de idiomas en inglés o en su idioma nativo
- Formas y tamaños de las banderas
- Colores y sombras de caja
#7 Traducción automática de tu sitio web Bubble
Aquí tienes una demostración de cómo se ve Bubble.io cuando se traduce automáticamente con el servicio de traducción automática de Linguise.
Traduce automáticamente tu sitio web de Bubble.io con Linguise
Linguise servicio de traducción ofrece una integración fluida de traducción automática para tu sitio web de Bubble.io. Como servicio de traducción líder, admite más de 80 idiomas y funciona con más de 40 plataformas CMS, incluida Bubble.io. Esta integración facilita la creación de un sitio web multilingüe, mejorando la experiencia general del usuario.
Traducción con editor en vivo del front-end
Linguise también ofrece un editor en vivo de front-end que permite realizar ajustes rápidos en las traducciones según sea necesario. Esta herramienta garantiza que las traducciones sigan siendo precisas y permite realizar cambios rápidos. Además, puedes trabajar con traductores profesionales para garantizar la precisión cultural y contextual.
Compatibilidad con SEO multilingüe
Gracias a sus funciones de SEO multilingüe Linguise, Linguise puede mejorar la visibilidad de su sitio web en los motores de búsqueda optimizando su SEO. Genera sitemaps multilingües, crea códigos y etiquetas hreflang, configura URLs canónicas y traduce URLs y meta descripciones. Estas funcionalidades ayudan a impulsar el posicionamiento de su sitio en los motores de búsqueda y lo hacen más accesible para usuarios de distintos idiomas.
Reglas globales de exclusión de traducción
Para abordar los desafíos de traducción, Linguise incluye reglas de exclusión que le permiten mantener o excluir términos específicos que podrían no traducirse bien. Puede establecer reglas para excluir páginas, contenido en línea o páginas específicas, garantizando claridad y precisión en sus traducciones.
Posibilidad de añadir traductores profesionales para la colaboración
Además, Linguise te permite invitar a traductores profesionales a unirse a tu panel de control, lo que facilita la colaboración para mantener la precisión cultural y contextual en tu contenido.
Conclusión
Implementar la traducción automática en tu sitio web Bubble.io puede ampliar enormemente tu alcance, aumentar la interacción de los usuarios y mejorar las tasas de conversión. Con Linguise, puedes gestionar fácilmente contenido multilingüe, ofreciendo una experiencia fluida a los usuarios en varios idiomas mientras optimizas tus estrategias SEO.
Linguise ofrece potentes funciones como la edición en vivo del front-end, la traducción dinámica de contenido, reglas de exclusión para términos específicos y un amplio soporte SEO. Estas capacidades lo convierten en una opción ideal para integrar la traducción automática con Bubble.io. Entonces, ¿a qué estás esperando? Regístrate para obtener un Linguise sitio web de traducción automática y transforma tu Bubble sitio web .io en uno multilingüe.
