[TUTORIAL] Full Multi Language Site - Easy to set-up and to use!

Hey!

Quick question, after weglot subscription ends, does the translation remain?

Thanks!

Hey Lucian,

All the translated pages of your website are served via the Weglot reverse-proxy server & Translation API. This is why it’s so simple to install and use. If you end your subscription, the translated pages will simply stop being displayed.

This won’t break your website at all. And all your translations are yours so you can export them from your Weglot dashboard and use them as you want :slight_smile:

1 Like

Hey , if i am translating the website to arabic, how do i distribute the arabic words from right to left and keep the same distribution for my english and latin words/

Did you figure out how to make it work for spans?

1 Like

It would be great if you can setup a demo when you have time. Thanks.

@anthonychan2509 Sorry but I will not have time to setup a demo especially for this subject as we are not using Webflow anymore for our projects (and switched to Craft CMS which is much more advanced).
But you have clearly all the details and procedure inside my post.
Hope this will help you.

Thank you very much for the codes @brunicolas and it works.

I just successfully set up an example with the codes:
https://webflow-multilingual.webflow.io/

But when using it with the seamless pagination, it does not work when clicking “Next”. And then I try using your another code to fix it, but it does not work. I think I missed something. Would you take a look?

https://preview.webflow.com/preview/webflow-multilingual?utm_medium=preview_link&utm_source=designer&utm_content=webflow-multilingual&preview=75abd26776e8c5da58d44eac17cbad45&mode=preview

Thanks.

Hey , My site is native English, but i want to translate it to arabic, but arabic translates from right to left . how can i go about this ? Do you know?

Hi all,

I hope somebody can help me with this. I’m a Webflow beginner and would just love to get to know this better. I live in Belgium and to make things easy we have three national languages (FR, NL, DE) for the small country that we are. I’ve tried setting up the translation as in this post (e.g. I have a navbar where I wanted to translate fine arts to FR and NL so what I did was write the following: [[en]]fine arts[[fr]]art[[nl]]kunst and copy/pasted the code into my header (because I want to use a dropdown list for changing languages) and the rest of the code in the “before /body” part. I’m using the Webflow navbar.

However, this does not work for me and I get the text as “[[en]]fine arts[[fr]]art[[nl]]kunst” on the web page. I’d like to know what I’m doing wrong?

Thanks in advance :slight_smile:

Copy the scripts directly out of the read-only example site rather than the tutorial and paste them exactly as in the example site. If that doesn’t solve it, you might want to paste a read-only link to your site here so other people can take a crack at it.

Same question here I’m using a single word span inside of a text to “highlight” just one word.
for example!
Colored Span|690x294

In the picture you’ll see a green highlighted span “Empathie”. When I try it like that it comes out like that. It stops at the colored span and doesnt even show anything after.

Same problem with linebreaks, when I skip a line it wont show the second line till the next [[lang]] tag .Break Text
Comes out like
Outcome_on Publish Break

Would appreciate an answer or some helpfull comments.

Thanks,
Phill

I have to sign up to like this man, the code is shorten and better.
You can also give to the div,text,… as a subsclass after create the original one as a main div class and everythings still work perfect

Does anyone have a live example of what this solution looks like? It would be so helpful to get a look at this in action.

Hi @Rodolfo_Sarno do you have a preview link for the site you did this on? Would be super helpful to see this in action before I implement it.

Hey @gkj I absolutely appreciate these lines of code. A couple of questions for you.

  1. How can I add multiple languages? (I submitted a form on your website with code that I tried but failed)
  2. How does this work in CMS collections?

Take a look at my read-only link
https://preview.webflow.com/preview/arch-capital-partners?utm_medium=preview_link&utm_source=designer&utm_content=arch-capital-partners&preview=11fa0a1d121828a4ce075372e3c48bf8&mode=preview

Hi Noah

I have a live site here. I also use it for some CMS on the “Event” Site on the Projects: https://www.extendinghope.org/

Webflow Preview: https://preview.webflow.com/preview/extendinghope?utm_medium=preview_link&utm_source=designer&utm_content=extendinghope&preview=be94ce6f0e5194e19f7ee33b80565b68&pageId=59a975473963790001b8bb81&mode=preview

I didn’t have any problem so far. Except for SEO i need to improve it a little better. I dont know what the options are for that.
Please give me your feedback. :slight_smile:

1 Like

Hello everyone and @angro

Thanks so much for this free workaround. I’ve just implemented it on a small site and it seems to be running smoothly but I have a questions.

  • How can I translate text on buttons, spans, and text within contact forms?

  • @vincent is there any update on a native localization solution within Webflow?

https://preview.webflow.com/preview/yara-d48118?utm_medium=preview_link&utm_source=designer&utm_content=yara-d48118&preview=afce4c43f47f0a9d7ac9dd10acd2cb0b&mode=preview

Thanks,
Duncan

Nothing has been said about it for quite some time, I have the feeling it may not have started yet. It’s a hard task and it’s maybe the most transversal feature being planned at the moment, because it covers not only the front end but also the Editors back end and more. Also AFAIK no one has ever achieved it very well. Localisation systems I used always have been cumbersome, time consuming, bug inducing, maintenance hell or very incomplete. Webflow isn’t joking with workflows, user experience, Uis and stuff, so it will take time.

1 Like

I have noticed that this tweak doesn’t work on all browsers. For example Chrome on Windows is showing more then one language. It can’t read the ‘var DEAFULT_LANG’ for some reason.

@vincent thanks for the update! Weglot seems be the best solution for Webflow localization… in your opinion is this accurate? Why or why not?