Now, the only thing left to translate are form messages. Translate Form Validation and Success Messages In our case, we’ll select and translate all the options from our “Contacting us about” dropdown.Īfter translating this as well, all our form fields have been translated. This contains all the strings found on that page. are all found in the String list dropdown on the left. The option values for select, checkbox, radio, etc. We also translated the Submit button for our form the same way. This way you can translate all form field labels and descriptions. This will open up a front-end translation editor where you can translate every string on a page and see the changes in real-time.Īs you notice, once you hover over a certain field, a pencil icon will appear, allowing you to translate it. To start translating your form fields simply navigate to the page where the form is located and click the Translate Page button from the admin bar. We’re now ready to translate our WordPress form. There are a few other settings (like integration with Google Translate for automatic translation or customizing the language switcher), but we’ll skip them for now and click Save Changes.
Here we can add the languages in which we want to translate the contact form.Įnglish is our default language, and we’ll also add Spanish. This will take you to TranslatePress Settings. Just hover over it and click Settings (or you can click the Settings menu item and select TranslatePress).
#Iconbox wordpress free
We’ll use the free version of TranslatePress, available at wp.org for this tutorial.Īfter installing and activating TranslatePress, you’ll notice a new Translate Site item added in the admin bar. Next, we’ll proceed with installing and activating TranslatePress for translating the form. Here’s how our newly created contact form looks on the front-end. This can be done by simply clicking the Add Form button from the Editor, or copy/pasting the form shortcode inside the page. Then create a new page called “Contact Us” and place the form inside. Now, we’ll simply hit Save and close the form editor. We’ll add one more called: “Contacting us about”, which will be a dropdown with a few options to select from. This template already has a “First” and “Last Name” field, “Email” and “Message”. There are a few pre-made templates, from which we’ll select Simple Contact Form. Just enter a form name and select a template. After installing and activating the plugin, you’ll be prompted with an interface for creating your first form. However, the translation steps that we’ll outline below will work with any form plugin including Contact Form 7, Gravity Forms, Ninja Forms, and more.Ĭreating a simple contact form with WPForms is really straightforward. We’ll be using the WPForms plugin, as it’s one of the most popular form builders out there with its free version powering over 3 million websites. For the scope of this tutorial, we’ll create a simple contact form.
#Iconbox wordpress how to
How to Translate WordPress Formsįirst, we’ll go ahead and create a new WordPress form. This way you’ll keep all your collected data (form submissions) in one place and not have to set up a different form for each language. boost your revenue, if you’re collecting payments or donations via an order formīelow we’ll show you how to set up and translate a form in as many languages as you want.This of course implies you need to translate WordPress forms of different types.īy translating your forms, you have the potential to: If your business is aiming to reach an international audience, then building a multilingual website is the way to go. Related: How to Translate WooCommerce Products Why Translate WordPress Forms
#Iconbox wordpress registration
Whether it’s a simple contact form, user registration form, job application form or survey form, you can follow the simple steps below to translate it. In this tutorial, we’ll focus on how to create multilingual WordPress forms of any type. All this without the need to create separate forms, one for each language. You’ll be able to translate WordPress forms (including all form fields and messages) directly from the front-end in just a few clicks, using a visual translation interface. Using TranslatePress you can create bilingual or multilingual WordPress forms. Translating WordPress forms is now easier than ever.
0 kommentar(er)
