Add as many languages as you'd like and create a multilingual website using our Languages App!
Go to your Dashboard → Languages App → click on Add New Language and you'll see the full list of languages that are currently supported on the website.
- When you generate a new website on SpringBuilder, it supports only the English Language by default. However, once you add new languages, you can change the default language by clicking on the star next to the new language. You can also delete a non-default language by clicking on the trash icon.
Once you've selected the language from the drop down menu, the other required fields will be automatically filled. Once you've clicked 'Save', the system will add the language to the list of available languages!
Language Name: This is the name of the language, which will be shown on your website's public view for your visitors to choose. You can leave it as it is, or you may change it to any other name. For instance, Español.
Region Name: Similar to Language name, this is the name of the region that will be shown on your website after adding the Region Switcher element. Your visitors will then be able to choose the region they are from. For instance, Spain.
Language Code: This field is pre-filled and can not be changed! Search Engines, like Google, will use this language code to better understand your website language and to preview your website's Spanish content to users who search for it.
Additional Language Code: This field is useful in situations where one of your visitors has a default browser language, for example Mexican Spanish, but your website only has regular Spanish language. In this case you need to add Mexican Spanish Additional Language Code (es-mx), which will make your visitor to see the Spanish version by default and not any other language of your website.
URL Shortcode: This field is pre-filled as well but can be changed later on. We will use this code in the URL of your website (http://www.mysite.com/es) to serve your Spanish content to your visitors.
Custom Flag: You can upload your Desired Custom Flag and it will stand for all the flags within this Language.
Enforce Unicode Aliases: This setting controls how non-Latin characters are handled in your aliases. If your URL contains non English letters, you can enable this setting so that those letters are converted to English. If your content is in English, you don't need to enable the Enforce Unicode Aliases.
After clicking the Save button, the system will add the Spanish language to the list of available languages!
After adding the second language to your website, you will notice a small language switcher at the upper left corner of your Dashboard > Pages app. It will allow you to switch between the active languages to translate them instantly!
Note: When you add your second language, the system automatically duplicates all your existing pages, including your headings/anchors/external pages in your Pages app to make it easy for you to translate their names, as well as the content on those pages.
When you create new pages in your Default language (English) in future, the system will bring that page to your other languages as inactive!
Duplicating Your Pages
After you add your second language, the system will automatically duplicate all of your existing pages, content included. However, you need to edit the pages for each language individually.
You can Publish/Unpublish the languages by clicking on the green dot located on the left side of the language in the Pages App. The red dot indicates the language is unpublished. You can publish your page once your content is fully translated and ready to be shared.
Note: Your list of available languages won't be visible to your visitors until the content is translated and the pages are published.
After you add the second language to your website, you'll notice the Language Switcher at the top of your Pages App, and in your Articles App. This will allow you to easily switch between the active languages to translate them instantly.
Your default language can be changed from En to your desired language from Dashboard → Languages app using the Star Icon.
The system will now serve the new Default language to your visitors when they land on your website for the first time!
To remove a certain language from the list, simply click the Trash icon and the pages in the selected language along with the language extension will be removed from your site.
While if you want to delete certain pages in a different language, make use of the Pages App on your Dashboard.
Note: To remove the Default Language, you'll need to choose a new one and delete the one that needs to be removed!
To translate those pages, please select your desired language from the dropdown first, Spanish in our case, hover over the duplicated/inactive page and click the Clone button.
This will clone the original page from your English version to Spanish with all the page content, including the Titles, Paragraphs, Images, Sliders, etc..
Now when your pages are cloned to Spanish, you may go to that pages directly and start translating the content. Use all the tools that you were previously using in your English version to edit/add/remove the elements.
Please go through all the pages in the Spanish version of your website and make sure that all the pages, including the System Pages, like 404 page, Offline Page, Password Protected page, are thoroughly translated.
When you are done with all the pages, you may now publish your multilingual website!
From the SpringBuilder's left panel drag and drop the Language Switcher element into the Header section of your website.
You are free to edit the Style of the Element, such as Fonts, Borders, Height and Colors.
In the Fonts section you can edit the Font Family, Size, Weight and Letter Spacing.
In the Borders as well as as the Height section you can customize the looks of the button itself. You can change height, width, padding size as well as the shape of your button to make it more curvy or more squarish depending on your preferences.
Finally, in the Colors section you can simply change the color of each component, such as background, border, text, etc.
Adding a Language Switcher will add a dropdown menu with all the available languages on the Language app for your users to choose from, once they land on your website.
All you need to do is add the missing translations to the fields required in the Translations tab. Sportsbook, Casino and system related texts can be translated here. Just click on the pencil icon and enter the corresponding texts and hit Save.
If you have any questions or concerns, contact us directly via the Live Chat box, located in the lower right corner. Our Support Team will provide you with top-notch quality support, 24/7.