Table of Contents
IONOS access requirements
The cloud AI automatic translation to be used with IONOS Website Builder requires some access to complete the setup:
- IONOS admin access
- Domain DNS modification on IONOS
The IONOS Website Builder setup is composed of 3 simple steps:
- Register your domain to authorize the translation
- Modify the domain DNS according to the translation languages
- Add the language flag switcher link to your IONOS Website Builder settings
How to make your IONOS Website Builder multilingual in video
Register your IONOS domain
After your connection or registration to the Linguise dashboard, you’ll be asked to register your domain to authorize the translation.
For that purpose, just copy your domain name with the https:// included and select IONOS Website Builder as platform.
After that, select your source and destination language.
SEO important note: The number of languages you setup has a large impact on SEO. When you setup your translation languages, if you have a large amount of indexed pages (>500), search engine may take a lot of time to process them. It may impact your SEO in your original language. That’s why we recommend adding at first a maximum of 5 languages, then when it’s indexed, you can add languages in a batch of 3 per month.
Modify the domain DNS according to the languages
Copy DNS records
After you’ve validated your domain, you’ll be redirected to a screen where the DNS to add to your domain are ready to be copied. These records are required to load your website multilingual pages as fr.domain.com, es.domain.com…
Here are the main elements you’ll need to copy to IONOS DNS configuration.
After that, you need to connect to your domain manager and access the DNS setup area. Then, following the instructions, you can copy:
- One TXT record for the domain verification
- One or several CNAME records for the languages
To access the domain management, from IONOS main dashboard click on domain and DNS
Then click on the right icon, then DNS
Your DNS will be listed here, this is where we’ll copy the DNS given by Linguise.
Click Add DNS entry then select CNAME. One CNAME entry is required by language.
For each CNMA add the language tag as hostname (here it’s” de” for Dutch) + the destination website.linguise.com
Finally, there’s another DNS to add, this is a TXT entry with the Linguise validation key.
Click on Add DNS entry, then select TXT and paste the host name _linguise + the key
At the end, you should have one CNAME per language and the TXT entry for the verification.
Verify DNS validation
After adding all your records to your domain DNS, you can check the DNS propagation by clicking on the button Check DNS configuration.
DNS validation usually takes between 30 minutes and 1 hour. After that, you should see green dots on the right part of the DNS list in the Linguise dashboard. You’re almost ready to translate your IONOS website, just the link to the language switcher with country flags is missing.
Add the language switcher to the IONOS Site Builder
The language switcher is the flag popup to select the language you want. To load it, you’ll need to copy the code given at the head of your IONOS site pages. The flag language switcher will then be loaded automatically on your public website.
The link to copy is given at the end of the domain registration or in the domain settings. Copy the link to clipboard.
Then, in the IONOS Site Builder go to Settings > Head HTML and paste the Linguise script code.
Now, on your IONOS website frontend, you should have the Linguise language switcher available.
IONOS language switcher design
The language switcher can be customized from the Linguise dashboard > Settings > Language flags display. Every modification here will be reflected on the website.
On the right side of the screen you have the preview of the language switcher. Here are the elements you can setup:
- 3 layouts: side by side, dropdown or popup
- The language switcher position
- The language switcher content
- Language names in English or native language
- Flags shapes and size
- Colors and box shadow
Load the language switcher in IONOS Website content
To display the Language switcher at the specific place, in the IONOS Website content, you should set the position as “In place”.
Once you have set the position in the Linguise dashboard, you can add the shortcode below to include it. Click on the code below to put it in your clipboard.
Once it’s added, on the frontend you’ll have the flag and language names displayed in the HTML area you’ve added the code.
Frontend translation editor on IONOS
The frontend editor facilitates translators to modify any HTML content on IONOS in any language. You can edit a page by clicking on a page element and replacing the text, link, or image.
It’s also possible to edit the meta information by clicking on the brackets {}
