Streaming live at 10am (PST)

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

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

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?

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?

yikes - can you show a screenshot of what happens in the Chrome on Windows? Thanks.

I dont have an example screen right now.
Chome (osx), Egde, Firefox, Opera are all fine.

Good afternoon! Could you please answer my question? I am a junior web developer and I am going to create a website in Chinese. I would like to know how it is possible. I mean, do I need to have any Chinese language skills or any special software for that? I am learning Chinese for work now at Preply. I can speak a little but not sure about writing.