Cómo implementar la traducción automática en Bubble

Una imagen en blanco y negro de una mujer con un micrófono.
Tabla de contenido

¿Tiene un sitio web con Bubble y desea traducirlo a varios idiomas para que sea accesible para clientes externos? Bubble es una plataforma sin código potente y flexible que ofrece un entorno potente para crear y gestionar aplicaciones web. Integrar la traducción automática en su Bubble.io Bubble a la vez que garantiza una experiencia de usuario consistente y de alta calidad en varios idiomas.

Por lo tanto, en este artículo, discutiremos cómo implementar fácilmente la traducción automática en el sitio Bubbleutilizando un servicio de traducción automática.

El beneficio de implementar la traducción automática en Bubble

un dibujo lineal de una impresora

La implementación de la traducción automática en el sitio web Bubble.io puede brindar varios beneficios, incluidos los siguientes.

  • Acceso al mercado global: La traducción automática permite que tu Bubble llegue a usuarios de todo el mundo. Por ejemplo, una app para compartir recetas, originalmente en inglés, puede estar disponible al instante para los amantes de la gastronomía en Japón, Brasil y Francia, permitiéndoles explorar y aportar recetas en sus idiomas nativos.
  • Mayor satisfacción del usuario: el contenido en el idioma preferido del usuario conduce a 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 de habla hispana después de implementar la traducción automática, ya que los estudiantes potenciales ahora pueden comprender completamente las descripciones y beneficios de los cursos.
  • Visibilidad de búsqueda mejorada:  el contenido multilingüe mejora las posibilidades de que su 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 listas de trabajo traducidas automáticamente y sugerencias para currículums podría comenzar a aparecer en búsquedas en idiomas locales en varios países, atrayendo a solicitantes de empleo 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 web usan Bubble . Por lo tanto, en esta ocasión, analizaremos algunos ejemplos para que te hagas una idea de si estás considerando crear un sitio web multilingüe con Bubble .

Fanova.io

Suscríbete a tus creadores favoritos en Fanfix. Descubre contenido nuevo a diario.

Fanova es un excelente ejemplo de un sitio web creado con Bubble. Conecta a los fans con sus creadores de contenido favoritos y les permite suscribirse a contenido exclusivo. El sitio demuestra la capacidad de Bubblepara crear aplicaciones sofisticadas e intuitivas con funciones avanzadas como soporte 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 un público diverso e internacional en Norteamérica, Latinoamérica y Brasil. Gracias a las funciones de Bubble, Fanova puede gestionar y presentar contenido en varios idiomas, manteniendo un diseño uniforme, lo que mejora la experiencia de usuario para visitantes de diferentes orígenes lingüísticos.

IC-academia.io

Gráfico de habilidades digitales con texto de Impact Creative Academy

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, concursos de subvenciones y oportunidades de solicitud de empleo. Su diseño limpio presenta un título destacado, una propuesta de valor concisa y un atractivo botón de llamado a la acción "Sumérgete".

Una característica destacada del sitio web de ICA es el selector de idiomas, ubicado en la esquina superior derecha, que permite a los usuarios elegir entre inglés y árabe. Esta compatibilidad multilingüe demuestra cómo Bubblepuede crear plataformas accesibles globalmente. Al ofrecer contenido tanto en inglés como en árabe, ICA puede atender a una base de usuarios diversa en países de habla inglesa y el mundo árabe. 

Rompe las barreras del idioma
¡Diga adiós a las barreras del idioma y hola al crecimiento ilimitado! Pruebe nuestro servicio de traducción automática hoy.

Cómo implementar la traducción automática en Bubble

Tras examinar ejemplos de sitios web multilingües creados con Bubble, exploraremos cómo implementar la traducción automática mediante 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 ellos es Linguise.

Linguise se integra con diversas plataformas CMS y creadores web, incluyendo Bubble.io Bubble Estos son los pasos para instalar Linguise en Bubble .

#1 Registra tu sitio web de dominio

Primero, cuenta Linguise gratuita y agregue el dominio de su sitio web. Puede utilizar la prueba gratuita de 30 días antes de decidirse por un plan de suscripción.

A continuación, se le pedirá que registre su dominio para autorizar la traducción. Para hacer esto, copie su nombre de dominio, incluido “https://” y seleccione “otro” como plataforma.

Fondo negro con líneas de texto tenues. La imagen parece ser una captura de pantalla.

A continuación, elija los idiomas de origen y de destino.

Fondo negro con texto blanco. Marcador de posición de contenido del sitio web.

#2 Agregar DNS de dominio automáticamente usando entri

Después de registrar con éxito su sitio web en el panel Linguise , tiene dos opciones para continuar con la instalación.

Si prefiere agregar los registros DNS automáticamente, puede hacer clic en "Conectar su DNS automáticamente". Esta función, llamada Entri, manejará los registros DNS por usted, lo que facilitará el proceso de instalación. Alternativamente, puede copiar manualmente los registros DNS a su proveedor de dominio.

Un diagrama de bucle infinito negro con iconos

Después de hacer clic en el botón, Entri analizará la URL de su sitio web registrado y examinará sus registros DNS públicos. Con base en este análisis, identificará el proveedor y los registros DNS necesarios.

Una pantalla que muestra el progreso del análisis del dominio. La pantalla muestra los pasos completados.

A continuación, haga clic en "Autorizar con [su proveedor de dominio]" (por ejemplo, Cloudflare). Esta acción lo redirigirá a la página de inicio de sesión de su proveedor de dominio, donde podrá iniciar sesión y continuar.

interfaz del software de captura de pantalla

Una vez que inicie sesión en su proveedor de dominio, Entri se encargará del resto, agregando automáticamente los registros DNS apropiados: un DNS por idioma y un DNS TXT para la clave de validación. Deberías ver los registros DNS agregados a tu dominio, como por ejemplo:

Botón Autorizar registros DNS

Después de la autorización, Entri le notificará que todas las configuraciones de DNS se han configurado correctamente. Debería poder utilizar la función de traducción una vez que todas las entradas DNS se hayan propagado en su dominio, lo que suele tardar entre 20 y 30 minutos.

Paso de Big Data para ver el panel. Consulta la política de privacidad.

Si prefiere la instalación manual , también puede hacerlo manualmente siguiendo los pasos que le proporcionaremos a continuación.

#3 Copiar registros DNS

Si prefiere la instalación manual, será redirigido a una pantalla con los registros DNS necesarios para configurar sus páginas multilingües, como fr.dominio.com o es.dominio.com.

Copie estos elementos esenciales en su configuración de DNS Bubble.io.

Diagrama que muestra la configuración de red. El diagrama ilustra varios componentes de la red.

A continuación, conéctese a su administrador de dominio y acceda al área de configuración de DNS. Luego, siga las instrucciones para copiar.

  • Un registro TXT para verificación de dominio
  • Uno o varios registros CNAME para los idiomas.

Aquí hay ejemplos para cada tipo de registro (TXT y CNAME)

Una pantalla de computadora con texto, captura de pantalla

Una vez que haya agregado todos sus registros, su configuración debería parecerse a esta.

Captura de pantalla de una tabla oscura con texto blanco. La tabla parece estar vacía.

#4 Verificar DNS

Una vez que haya agregado todos sus registros al DNS de su dominio, puede verificar la propagación de DNS haciendo clic en el botón "Verificar configuración de DNS".

La validación de DNS suele tardar entre 30 minutos y una hora. Después de este periodo, deberías ver indicadores verdes a la derecha de la lista de DNS en el panel Linguise . Ya casi estás listo para traducir tu sitio web Bubble ; solo falta el enlace al selector de idiomas con las banderas de los países.

Un fondo negro con líneas de texto tenues. La imagen parece ser una captura de pantalla de baja resolución.

#5 Activa la traducción dinámica

Desde una perspectiva técnica, Bubble integra módulos codificados en JavaScript, CSS y HTML en una aplicación Node.js funcional. El lenguaje de programación de Bubblese basa en JSON.

Con nuestra función de "Traducción Dinámica", puedes traducir fácilmente el contenido de tu sitio web Bubble, incluyendo el contenido que se carga de forma asíncrona (dinámica) tras la carga inicial de la página. ¡Esta mejora proporciona una experiencia multilingüe más fluida para tus visitantes!

Para utilizar esta función, haga clic en Sí en la parte inferior de la página de Configuración.

Un fondo negro con un espacio vacío blanco.

#6 Habilite y personalice el diseño del selector de idiomas

El selector de idioma es una ventana emergente con bandera 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. El selector de idioma aparecerá 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 a su portapapeles.

Un fondo blanco en blanco

A continuación, dirígete al panel de tu sitio web Bubble . En el menú lateral izquierdo, haz clic en "Configuración" y selecciona "SEO / Metaetiquetas".

Captura de pantalla de la configuración de Open Graph para redes sociales. Configura las opciones de redes sociales.

En el menú de configuración, desplácese ligeramente hacia abajo hasta encontrar "Script/metaetiquetas en el encabezado" en "Configuración avanzada".

Pegue el Linguise que copió anteriormente, luego haga clic en "Guardar" y publique su sitio.

Iconos de redes sociales sobre fondo oscuro. Enlaces a varias plataformas.

Puede personalizar el selector de idiomas desde el Linguise navegando a Configuración > Visualización de indicadores de idioma. Cualquier cambio realizado aquí se reflejará en el sitio web.

Menú de navegación con varias opciones

En el lado derecho de la pantalla, verá una vista previa del selector de idiomas. Estos son los elementos que puedes configurar.

  • Tres diseños, uno al lado del otro, desplegable o emergente
  • Posición del selector de idiomas
  • Contenido del selector de idiomas
  • Nombres de idiomas en inglés o en su lengua materna.
  • Formas y tamaños de las banderas.
  • Colores y sombras de cuadros.

#7 Traducción automática de tu sitio web Bubble

A continuación se muestra una demostración de cómo aparece Bubble.io cuando se traduce automáticamente mediante el servicio de traducción automática de Linguise.

Un turista con sombrero sentado en los escalones frente a edificios antiguos.

Traduce automáticamente tu sitio web Bubblecon Linguise

El servicio de traducción Linguise ofrece una integración fluida de traducción automática para su Bubble . Como servicio de traducción líder, admite más de 80 idiomas y es compatible con más de 40 plataformas CMS, incluyendo Bubble . Esta integración facilita la creación de un sitio web multilingüe, mejorando la experiencia general del usuario.

Traducción del editor en vivo front-end

Linguise también ofrece un editor en vivo frontal que permite realizar ajustes rápidos a las traducciones según sea necesario. Esta herramienta garantiza que las traducciones sigan siendo precisas y permite cambios rápidos. Además, puede trabajar con traductores profesionales para garantizar la precisión cultural y contextual.

Soporte SEO multilingüe

Cómo implementar la traducción automática en Bubble

A través de sus funciones SEO multilingües Linguise , Linguise puede mejorar la visibilidad de su sitio web en los motores de búsqueda optimizando su SEO. Genera mapas de sitio multilingües, crea códigos y etiquetas hreflang, configura URL canónicas y traduce URL y metadescripciones. Estas funcionalidades ayudan a mejorar la clasificación de su sitio en los motores de búsqueda y lo hacen más accesible para los usuarios en varios idiomas.

Reglas globales de exclusión de traducción

Imagen oscura con texto ilegible

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.

Es posible agregar traductores profesionales para colaborar.

Formulario de invitación a un nuevo miembro en un sitio web o aplicación. El formulario incluye campos para correo electrónico, rol e idioma.

Además, Linguise le permite invitar a traductores profesionales a unirse a su panel, lo que facilita la colaboración para mantener la precisión cultural y contextual en su contenido.

¿Listo para explorar nuevos mercados? Pruebe nuestro servicio de traducción automática gratis con nuestra prueba de 1 mes sin riesgos. ¡No se necesita tarjeta de crédito!

Conclusión

Traducción automática para Bubbledio, resultados de alta calidad.

Implementar la traducción automática en tu sitio web Bubblepuede mejorar considerablemente 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 y optimizando tus estrategias de SEO.

Linguise ofrece potentes funciones como edición en vivo desde el frontend, traducción dinámica de contenido, reglas de exclusión para términos específicos y un amplio soporte SEO. Estas funciones lo convierten en la opción ideal para integrar la traducción automática con Bubble . ¿A qué espera? Regístrese en un sitio web de traducción automática Linguise y transforme su Bubble en uno multilingüe.

También te puede interesar leer

¡No te lo pierdas!
Suscríbete a nuestro boletín

¡Recibe noticias sobre traducción automática de sitios web, SEO internacional y más!

Invalid email address
Darle una oportunidad. Uno por mes y puedes darte de baja en cualquier momento.

¡No te vayas sin compartir tu correo electrónico!

No podemos garantizar que gane la lotería, pero podemos prometerle algunas noticias informativas interesantes sobre la traducción y descuentos ocasionales.

¡No te lo pierdas!
Invalid email address