Beaver Builder es un constructor de páginas de WordPress de arrastrar y soltar muy popular. En este tutorial, te mostraremos cómo traducir sitios de Beaver Builder utilizando TranslatePress.
Al igual que el enfoque de Beaver Builder, que permite crear contenido y plantillas directamente desde la interfaz de usuario, TranslatePress ofrece el mismo enfoque visual a la hora de traducir todo el contenido de tu sitio web (incluidas imágenes, sliders, formularios, ventanas emergentes… lo que se te ocurra).
Edificando sitio web multilingüe creado con Beaver Builder y TranslatePress nunca ha sido tan fácil.
A continuación, veremos los sencillos pasos que hay que seguir para traducir sitios web creados con Beaver Builder utilizando TranslatePress.
Creación de tu sitio web con Beaver Builder
Debido a su editor visual de arrastrar y soltar, Beaver Builder hace que crear un sitio web desde cero sea rápido e intuitivo. Además, no necesitas ningún conocimiento de codificación.
Viene en una versión gratuita y otra de pago. El versión gratuita ofrece elementos estándar para abordar tanto la estructura como el contenido de tu sitio. Puedes añadir fácilmente filas y dividirlas en columnas. Luego, poblar esas filas y columnas con contenido en forma de texto, imágenes, encabezados, HTML y más.
La versión de pago de Beaver Builder viene con módulos premium y muchas plantillas entre las que puedes elegir. También obtienes acceso a un tema de Beaver Builder que ofrece un control extendido de la cabecera, el pie de página y el estilo de tu sitio.
Crear nuestra primera página con Beaver Builder
Una vez que el plugin Beaver Builder esté instalado y activado, serás redirigido a la página de configuración del plugin.
A continuación, comenzaremos y crearemos nuestra primera página web. Simplemente navega a Páginas y haz clic en Añadir página.
Hacer clic en Lanzar Beaver Builder botón y serás llevado a la interfaz visual de front-end donde podrás empezar a construir tu página.
El editor de Beaver Builder te permitirá elegir Módulos, Filas o Plantillas que se pueden usar para personalizar tu página y agregar contenido.
Para acelerar las cosas, usaremos una de las Plantillas existentes. Debajo de Plantillas tienes muchas opciones para elegir, optaremos por una página de destino de agencia.
Una vez que selecciones la plantilla, notarás que se mostrará en tu página.
Puedes mover fácilmente elementos de contenido y personalizar su configuración y opciones de visualización. Incluso duplicarlos si es necesario. Beaver Builder ofrece mucha.
Así se ve nuestra página creada con Beaver Builder:
Puedes aplicar el mismo enfoque visual a la creación y estilo de contenido para el resto de tu sitio web.
Traducir sitios web creados con Beaver Builder utilizando TranslatePress
Ahora que has visto lo fácil que es crear tu sitio web usando la interfaz de arrastrar y soltar de Beaver Builder, echemos un vistazo a los sencillos pasos necesarios para hacerlo multilingüe.
Añadir un segundo idioma a tu sitio en Beaver Builder
Para este tutorial, veremos cómo traducir la página que creamos con Beaver Builder a un segundo idioma (digamos, italiano).
Empezaremos por instalación y activación el complemento multilingüe TranslatePress.
Una vez que TranslatePress esté activo, verás un nuevo Traducir sitio artículo añadido en la barra de administración.
Solo pasa el ratón sobre él y haz clic Configuración. Esto te llevará a la página de configuración de TranslatePress.
Lo primero que notarás es Idiomas de traducción. Desde aquí puedes añadir los idiomas de traducción en los que deseas que esté disponible tu sitio multilingüe de Beaver Builder.
El inglés es nuestro idioma pre Añadir botón.
Puedes añadir tantos idiomas como necesite tu proyecto usando el Complemento de múltiples idiomas para TranslatePress. La versión gratuita está limitada a dos idiomas.
También hay algunas otras cosas que puedes configurar (cosas como Google Traductor integración para traducción automática, o personalizar el selector de idioma), pero los omitiremos por ahora y haremos clic Guardar cambios.
Cómo traducir tu página de Beaver Builder con TranslatePress
Ahora estamos listos para empezar a traducir nuestro sitio web de Beaver Builder.
Para empezar a traducir tu sitio al italiano, puedes hacer clic en Traducir sitio pestaña azul en la configuración de TranslatePress o, simplemente, ve a la página que quieras traducir y haz clic en el Traducir página elemento del menú de la barra de administración (ubicado justo al lado de Beaver Builder).
Esto abrirá el editor de traducción visual TranslatePress. Con él podrás traducir todas las cadenas de tu página y ver los cambios en tiempo real.
Una vez que pases el cursor sobre un texto determinado que quieras traducir, aparecerá un icono de lápiz y, al hacer clic en él, podrás insertar la traducción correspondiente. Haz clic Guardar traducción y has terminado, puedes pasar a la siguiente parte del texto.
Echa un vistazo a lo rápido que tradujimos el área de Servicios al italiano:
Puedes encontrar todas las cadenas de tu página en el menú desplegable «Lista de cadenas» del editor TranslatePress. Hay atajos de teclado disponible para acelerar el proceso de traducción y facilitar la navegación por todo el texto de una página.
TranslatePress funciona de forma inmediata con cualquier tipo de contenido creado con Beaver Builder. El mismo proceso de traducción se puede aplicar a todos los elementos de una página, tanto si traducir un menú de WordPress, a formulario de contacto, o, o incluso un imagen que contiene texto.
Si quieres crear una tienda multilingüe con WooCommerce, TranslatePress te lo pone muy fácil: traducir productos de WooCommerce también.
Añadir un selector de idioma a tu sitio
Por último, pero no por ello menos importante, ¿qué sería de una web multilingüe sin un selector de idioma? No te preocupes, TranslatePress también se encarga de esto.
Por defecto, una vez que añadas un idioma secundario en la configuración de TranslatePress, se añadirá automáticamente un menú desplegable flotante de selección de idioma en la interfaz de tu sitio web. Este menú seguirá al usuario en todas las páginas.
Una vez que pases el cursor sobre él, se mostrarán todos los idiomas disponibles.
Tienes tres opciones para mostrar selectores de idioma en tu sitio web:
- Código corto (código corto en cualquier página o widget);
- Elemento del menú (Ir a Apariencia → Menús para añadir un selector de idioma en cualquier menú);
- Selección flotante de idioma (Tendrás un menú desplegable flotante que seguirá al usuario en cada página. Como se mencionó anteriormente, esto está configurado por defecto).
Traduciendo el resto de tu sitio Multilingual Beaver Builder
Girando tu Site de Beaver Builder multilingüe Es realmente sencillo con TranslatePress.
Simplemente navegas por el sitio, página por página, usando el editor de traducción visual, seleccionas un texto determinado, pasas el cursor y haces clic en el icono del lápiz, luego introduces su traducción. Guardas y pasas al siguiente.
Haz esto para las cadenas restantes y tendrás tus páginas y sitio web traducidos en muy poco tiempo.
Si aún no has utilizado TranslatePress, asegúrate de juega con nuestra demostración.
Es rápido (no ralentizará tu sitio), SEO amigable,y muy fácil de usar.