Install Linguise automatic translation on a cloud hosted CMS

Table of Contents

What is a cloud hosted CMS?

A cloud-hosted CMS refers to a content management system that is provided and managed as a service through a cloud hosting platform rather than being installed locally.

The most popular examples are Shopify, Squarespace or Webflow,, Wix, etc… Limits may exist on customization, functionality, access or storage depending on the pricing plan selected.

Some key characteristics of a cloud-hosted CMS include:

  • The CMS software, codebase, database, files etc. are hosted on the cloud provider’s servers in their data centers.
  • Website hosting, maintenance, software updates and security are handled by the cloud provider as part of their service.
  • Administrative access and control is provided through a web-based admin panel or cloud interface rather than direct access to server files.

How to make your cloud hosted CMS site multilingual in video

Cloud hosted CMS access requirements

The cloud AI automatic translation to be used with your CMS requires some access to complete the setup:

  • Full admin panel access
  • Domain DNS modification access

The cloud hosted CMS setup is composed of 3 simple steps:

  1. Register your domain to authorize the translation
  2. Modify the domain DNS according to the translation languages
  3. Add the language flag switcher link to your website pages

Register your cloud hosted CMS 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 your platform if listed. If not, just pick Other that also stands for cloud hosted CMS

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. Depending on your hosting company, the domain setup can look a bit different, but the fields names are quite standard. These records are required to load your website multilingual pages as,…

Here are the main elements.

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

Here’s an example for each record type (TXT and CNAME):

After adding all your records, your configuration should look like that.

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 cloud hosted CMS website, just the link to the language switcher with country flags is missing.


Add the language switcher to your cloud hosted CMS

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 cloud hosted CMS 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, depending on cloud hosted CMS platform admin, you may find a way to insert the script in all your website pages <head>. Usually it’s located in the theme or template section like in this example on Shopify.

Finally, open the file, locate the <head> section and paste the script code.

Now, on your cloud hosted CMS frontend, you should have the Linguise language switcher available.


Language switcher design on frontend

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

Language switcher layout

Preview the language switcher as it will be on your website

Define the flag's shape and size

Language switcher content

Alternate flags if language is spoken in several countries