Easily create a multilingual site in Squarespace (7.0 & 7.1)
While redesigning my website at the end of 2021, I came across a little translation widget called GTranslate that has proven to be pretty darn helpful. Especially, considering that the lowest plan is free!
Now, of course, the translation you get isn’t perfect but it does get the job done, at least while you test things out before committing to a paid plan.
And, because I got a few questions about it after the new site launch, today I want to share with you the easiest way you can set it up to create a multilingual site in Squarespace for your clients.
01 | CHAPTERS
00:00 - Intro
00:17 - Setting up the GTranslate widget in 7.1
03:45 - Styling the flags bar in 7.1
04:38 - Fixing overlap issue in 7.1
10:00 - Making changes if a fixed header is being used in 7.1
12:45 - Setting up the widget in 7.0
13:05 - Styling the flags bar in 7.0
14:29 - Making changes if a fixed mobile header is being used in 7.0
02 | BLOG POST + CODE
https://beatrizcaraballo.com/blog/mul...
03 | WORK WITH ME
If you’d rather not figure this out alone, there are a few ways I can help.
From ongoing guidance to full hands-on work, you can choose what fits your project best.
https://beatrizcaraballo.com/services
04 | SUPPORT + INQUIRIES
If you’re working on a project and need help, you can reach out here:
https://beatrizcaraballo.com/contact
I prioritize client inquiries. For quick questions, I may not always be able to respond directly, but I do use them to guide future content!
05 | RESOURCES
Some of the approaches and code I use in my videos come from my project coding toolkit – The Snippet Directory. It's now available inside the Club, alongside ongoing personalized support.
Explore access here:
https://beatrizcaraballo.com/snippet-...
06 | STAY IN THE LOOP
Receive weekly customization tutorials and troubleshooting tips, based on real-life project challenges.
https://beatrizcaraballo.com/notes
07 | NOTE
The code shown in this video is provided as is and it's not a one-size-fits-all solution. Your implementation may vary depending on your project and settings. There is no guarantee that the code, instructions, or method shown will work or be error-free.
08 | KEYWORDS
squarespace multilingual, squarespace css tutorial, squarespace 7.1, squarespace 7.0, custom css squarespace, squarespace web design, squarespace custom code, squarespace web development, squarespace design tutorial, squarespace site customization, squarespace code implementation, squarespace css tricks