En esta publicación
Traducir WPForms es ahora más fácil que nunca. Usando TranslatePress, puedes crear formularios de WordPress bilingües o multilingües.
Podrás traducir WPForms (incluidos todos los campos y mensajes de los formularios) directamente desde el front-end en pocos clics utilizando una interfaz de traducción visual. Todo esto sin necesidad de crear formularios separados, uno para cada idioma.
En este tutorial, nos centraremos en cómo crear formularios WPForms multilingües de cualquier tipo.
Ya sea que se trate de un formulario de contacto simple, un formulario de registro de usuario, un formulario de solicitud de empleo o un formulario de encuesta, puede seguir los sencillos pasos a continuación para traducirlo.
Relacionado: Guía definitiva para principiantes
Por qué traducir WPForms
Si su empresa tiene como objetivo llegar a una audiencia internacional, entonces construir un sitio web multilingüe es la mejor opción. Esto, por supuesto, implica que necesitas traducir formularios de WordPress de diferentes tipos.
Al traducir sus formularios, tiene el potencial de:
- llegar a una audiencia internacional más amplia
- aumenta la tasa de conversión de tu formulario
- aumenta tus ingresos, si estás recaudando pagos o donaciones a través de un formulario de pedido
A continuación, te mostraremos cómo configurar y traducir un formulario a tantos idiomas como desees. De esta forma, mantendrás todos tus datos recopilados (envíos de formularios) en un solo lugar y no tendrás que configurar un formulario diferente para cada idioma.
Cómo traducir WPForms
Primero, adelante y crearemos un nuevo formulario de WordPress. Para el alcance de este tutorial, crearemos un formulario de contacto simple.
Usaremos el WPForms complemento, ya que es uno de los creadores de formularios más populares que existen con su versión gratuita potencia más de 3 millones de sitios web. Sin embargo, los pasos de traducción que describiremos a continuación funcionarán con cualquier complemento de formularios, incluido Formulario de Contacto 7, Gravity Forms, Ninja Forms y más.
Crear un formulario de contacto sencillo con WPForms es realmente muy fácil. Después de instalar y activar el plugin, se te mostrará una interfaz para crear tu primer formulario. Simplemente introduce el nombre de un formulario y selecciona una plantilla. Hay algunas plantillas pre hechas de las cuales seleccionaremos Formulario de contacto simple.
Esta plantilla ya tiene un campo de “Nombre” y “Apellido”, “Correo electrónico” y “Mensaje”. Añadiremos uno más llamado: “Motivo de contacto”, que será un menú desplegable con algunas opciones para seleccionar.
Ahora, simplemente golpearemos Guardar y cierra el editor de formularios. Luego, crea una página nueva llamada “Contáctanos” o incrusta el formulario en una página existente.
Esto se puede hacer simplemente haciendo clic en el Incrustar botón del Editor o copiando y pegando el código corto del formulario dentro de la página.
Publica la página y habrás terminado. Así es como se ve nuestro formulario de contacto recién creado en la interfaz pública.
A continuación, procederemos a instalar y activar TranslatePress para traducir el formulario de WPForms.
Usaremos la versión gratuita de TranslatePress, disponible en wp.org, para este tutorial.
Una vez instalado y activado TranslatePress, verás que aparece 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 o puedes hacer clic en Configuración elemento de menú y seleccionar TranslatePress). Esto te llevará a la configuración de TranslatePress.
Aquí podemos agregar los idiomas en los que queremos traducir el formulario de contacto.
El inglés es nuestro idioma predeterminado y también agregaremos español. Hay algunas otras configuraciones (como integración con Google Translate para la traducción automática o personalizando el selector de idioma), pero los omitiremos por ahora y haremos clic Guardar cambios.
Ahora estamos listos para traducir nuestro formulario de WPForms.
Traducir campos de formulario
Para empezar a traducir los campos de su WPForm, simplemente navegue hasta la página donde se encuentra el formulario y haga clic en Traducir página botón de la barra de administración.
Esto abrirá un editor de traducción frontal, donde puedes traducir cada cadena en una página y ver los cambios en tiempo real.
Como habrás notado, una vez que pasas el cursor sobre un campo determinado, aparecerá un icono de lápiz que te permitirá traducirlo. De esta manera, puedes traducir todas las etiquetas y descripciones de los campos del formulario. También tradujimos el Enviar botón para nuestro formulario de la misma manera.
Los valores de opción para select, checkbox, radio, etc., se encuentran todos en el Lista de cadenas desplegable a la izquierda. Este contiene todas las cadenas encontradas en esa página.
En nuestro caso, seleccionaremos y traduciremos todas las opciones de nuestro menú desplegable “Contacting us about”.
Después de traducir esto también, todos nuestros campos de formulario han sido traducidos.
Validación de formularios y mensajes de éxito
Ahora, lo único que queda por traducir son los mensajes de formulario. Necesitamos traducir tanto los mensajes de validación como el mensaje de éxito que se muestra después de enviar un formulario con éxito.
Para los mensajes de validación, activaremos el envío del formulario haciendo clic en el Enviar botón. Luego, una vez que se muestren los errores, haremos clic en ellos y agregaremos la traducción al español.
Lo mismo ocurre con el mensaje de éxito. Rellena los campos del formulario y envía un mensaje de prueba. Luego, cuando aparezca el mensaje de éxito, haz clic en él y tradúcelo.
Eso es todo. Su formulario de contacto ya es multilingüe.
Conclusiones
Con esto concluimos nuestro tutorial sobre cómo traducir formularios de WPForms de cualquier tipo. Si aún no has utilizado TranslatePress, asegúrate de juega con nuestra demostración y echa un vistazo al lista completa de funciones prémium.
TranslatePress Multilingüe
Es rápido (no ralentizará tu sitio), SEO amigable, y muy fácil de usar.
¿Todavía tienes preguntas sobre la traducción de WPForms en WordPress? ¡Háznoslo saber en los comentarios a continuación!
Si encontraste útil esta publicación, por favor visita nuestro Canal de YouTube, donde subimos constantemente tutoriales en video cortos y fáciles de seguir. También puedes seguirnos en Facebook y Twitter ser el primero en enterarte cada vez que publicamos.
[…] ayudarte a traducir el contenido de las ventanas emergentes independientemente de la herramienta utilizada para crearlo. Lo mismo se aplica a los formularios, productos de WooCommerce o bloques de Gutenberg para eso […]
Hola,
He utilizado exactamente el mismo método para traducir el formulario, pero al final solo se ha traducido el calendario. ¿Algún consejo?
Gracias,
Manfred
Hola Manfred,
¿Qué plugin estás usando para construir el formulario? ¿Podrías ponte en contacto aquí ¿con los detalles?
¿Cómo se envía el idioma de los clientes si tu formulario está conectado a Mailchimp? Sé que WPML es capaz de enviar el idioma del cliente a Mailchimp.
Hola Phillip,
Tenemos la intención de añadir una integración con Mailchimp en el futuro.
Por ahora, puedes crear una solución personalizada utilizando la variable POST ‘trp-form-language’ del formulario enviado o la variable global de PHP $TRP_LANGUAGE.
[...] Formularios de WordPress [...]
Este tutorial es genial si envías a todos a una sola lista. ¿Pero qué tal si quieres enviarlos a listas separadas según el idioma?
Me parece genial que TranslatePress detecte las imágenes, de modo que se puedan cambiar para cada idioma si es necesario. Pero también estaría muy bien que se pudiera hacer lo mismo con los formularios web. ¿Hay alguna forma de hacerlo? ¡Gracias!
Hola Naiby,
Entonces la forma más sencilla sería crear 2 formularios, cada uno con una lista separada y usar nuestro código corto condicional según el idioma: https://translatepress.com/docs/translation-shortcode/
Hola, ¿cómo puedo traducir un formulario creado en HubSpot e incrustado en una página creada con el tema Divi?
Hola, mis formularios funcionan solo en el idioma original, no cuando se traducen. ¿Cómo puedo solucionar esto? Gracias
Me gustaría crear un formulario que funcione en los dos idiomas de la página web. El formulario incluye un campo de opción múltiple, pero me gustaría que el número de opciones variara en función del idioma actual de la página web. ¿Es posible? En caso afirmativo, ¿cómo se hace con TranslatePress? La lógica inteligente no permite incluir el idioma en la condición. Gracias por cualquier ayuda.