HEADER SWITCH from ENG to FR : how can I do that?

Hello! I've been working on this website for a client. Website is almost ready in French but then, he asked me to add an ENGLISH version to the website on the same domain.

So I created a MAIN page with two buttons : ENGLISH and FRENCH.

My question now : how can I have the HEADER in english when I click on the english button that leads to the english version of the website? and the HEADER in french when I do the same thing for the french version? I'm confused. For now, I only have the header in french and it is there on the eng version of the pages.

I saw some from here managing to it here : https://www.amorylujo.com/ 

Any help would be much appreciated. Thank you.

If you don't want to use Weglot (a paid subscription for multilingual websites) I would recommend this guide:

https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template

If you need help implementing this, you can reach out to me.

Thank you Ziggy! My client doesn't want to use Weglot (for now). Thank you for sharing the link, I'll have a look.

is it possible to have one single store for both languages? or do I have to set up on store for each language?

You should be able to have a single store. I think you can simply omit the /en/ on the URL and it will appear in both navigations.

On 2/22/2024 at 7:05 PM, Ziggy said:

You should be able to have a single store. I think you can simply omit the /en/ on the URL and it will appear in both navigations.

Hey there! Do you know if it's possible to do the same with the footer? Same as the header, I would need a different footer for each language.

22 hours ago, CelineNavarro said:

Hey there! Do you know if it's possible to do the same with the footer? Same as the header, I would need a different footer for each language.

If you had two sections in the footer you could hide/show different ones on different pages with CSS in the page Header Code Injection.

Hey there, me again.

So I managed to omit the /en/ and /fr/ on the header so that I have an english only header with links to the english pages, and same for the french ones. My client now wants 2 flags in this header (US & FR) that go back to the welcome page but I can't link them if the link has a /eng/ or /fr/?

That's an option in the guide:

https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template#:~:text=hover { opacity%3A 0.8%3B } } }-,Step 5a.,-Here is another

Thank you Ziggy!