Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

How to build a multilingual site in Squarespace 7 - without drawbacks & extra cost


softworks

Question

There are several approaches to realize a multilingual site in Squarespace.All of the existing solutions have drawbacks. In the answer, you will find a solution for localization of squarespace sites without drawbacks.

1) Official Squarespace Solution

  • Does not work on all templates.
  • Structural limitation - you only have one navigation level left perlanguage.
  • Language selector menu not very nice.

2) Using multiple squarespace sites with language subdomains

  • You have to pay the Squarespace fee per language

3) Using external localization services like localize.js oder bablic.com

  • You have to pay for external services.

  • There are additional resources that have to be downloaded

  • Does SEO work well on these solutions? Did not investigate this.

4) Javascript based on CSS Selectors and page IDs

  • Unflexible when adding pages, JS has to be adapted and grows
Edited by edokken

I am a freelance developer situated in southern germany. I offer full service websites, ecommerce. Everything from concept, design, programming, ui, marketing & seo, analytics, hosting up to business consulting. I prefer using open source software like typo3 or magento but i also admire the easiness of saas software and services like squarespace. I spend most of my spare time up in the Alpes.

Link to comment

Recommended Posts

  • 0

Hi @softworks @fromtheskyphoto I am trying to build a multi lingual menu in Squarespace 7 using your tutorial. I am using the Sonora template, but the script wont work. Can you please please help? Thanks so much!

Link to comment
  • 0

Hi @Fabpax you need to adapt the script for each template. Basically it should work, i use it e.g. for Hunter and Brine - they are in same template family like Sonora. But I haven't tested this with Sonora yet.I have developed a multitemplate version of the script for my customers, please contact me directly per mail if you are interested - registrar(at)soft-works(dot).biz

I am a freelance developer situated in southern germany. I offer full service websites, ecommerce. Everything from concept, design, programming, ui, marketing & seo, analytics, hosting up to business consulting. I prefer using open source software like typo3 or magento but i also admire the easiness of saas software and services like squarespace. I spend most of my spare time up in the Alpes.

Link to comment
  • 0

Hi @softworks great work! Still amazed that Squarespace themselves have not come up with a solid solution to this problem built straight into each template.

On your solution - I noticed that when you switch languages when you are already navigating the site you get referred back to the homepage for the new language. Do you see a way to switch languages as well as hold your place in the site?

Link to comment
  • 0

Hi @softworks great work! Still amazed that Squarespace themselves have not come up with a solid solution to this problem built straight into each template.

On your solution - I noticed that when you switch languages when you are already navigating the site you get referred back to the homepage for the new language. Do you see a way to switch languages as well as hold your place in the site?

Link to comment
  • 0

Hi @lazalee. As I described in my post, you need to adapt injection points for each template family.You can do this on your own (requires basic skills in JS, HTML, CSS, YUI) or book me. I have an adapted commercial multitemplate version of the script.

I am a freelance developer situated in southern germany. I offer full service websites, ecommerce. Everything from concept, design, programming, ui, marketing & seo, analytics, hosting up to business consulting. I prefer using open source software like typo3 or magento but i also admire the easiness of saas software and services like squarespace. I spend most of my spare time up in the Alpes.

Link to comment
  • 0

@softworks

Your code works perfectly for links, index page and normal page. But for folders not. Here is a website that I am making: https://www.heikeprevrhal.com/de/homAs you can see the english menu is not hiding - when it is a folder (dropdown).I am doing the website with Bedford template.

At your website "Inselhostel" it works as well for dropdown menuWhat can I do about it? or is it not possible for Bedford?

Besten Dank!:-)

Link to comment
  • 0

Hi @AnnaM , it also works for Bedford and other templates. But, as I described in my post, you need to adapt the injection points for each template family, because the html differs from template to template. You can do this on your own (requires skills in JS, HTML, CSS, YUI) or book me. I have an adapted commercial multitemplate version of the script with additional features running out of the box for lots of templates. In case of questions you can contact me via mail: registrar@soft-works.biz.

I am a freelance developer situated in southern germany. I offer full service websites, ecommerce. Everything from concept, design, programming, ui, marketing & seo, analytics, hosting up to business consulting. I prefer using open source software like typo3 or magento but i also admire the easiness of saas software and services like squarespace. I spend most of my spare time up in the Alpes.

Link to comment
  • 0

I FOUND THE SOLUTION FOR MULTILANGUAGE FREE ON SQUARESPACE

Hello Every one! After many hours of works, i finelly sucess a good version of multinlingue website. Squarespace offer a very cheap solution. You can also subscribe on website to manage your translation but it cost money.

You can have a look on my website : link text

I do that only with javascript and its not complicate at all. If anyone need help, feeel free to ask.

Edited by bastdesign
Initial Revision
Link to comment
  • 0

@softworks Thank you very much for posting this. I'm not sure if you're still on here, but I'm trying to put in my own flag icons for the language menu, but it looks like the list of flag icons from here were deleted.

http://lipis.github.io/

It says:
"This project wouldn't exist without the awesome and now deleted collection of SVG flags by koppi."

Is there another way I can create the flag icons?

Thanks for your time,-Sarai

Link to comment
  • 0

I would like to add this feature to a Skye template. Who can help me to impement this as I am not a developer @softworks, could you do it or anyone else? I'd like to use this for a blog with choice English Dutch language. Many thanks! (marit@matouche.nl)

Edited by Guest
Initial Revision
Link to comment
  • 0

@Matouche - I will contact you under your mail address. Yes i can build this for the Skye template. This requires setting up a blog for each single language used.

I am a freelance developer situated in southern germany. I offer full service websites, ecommerce. Everything from concept, design, programming, ui, marketing & seo, analytics, hosting up to business consulting. I prefer using open source software like typo3 or magento but i also admire the easiness of saas software and services like squarespace. I spend most of my spare time up in the Alpes.

Link to comment
  • 0

Hi @softworks

Thanks so much for your time and the code you shared with us! It was a so helpful and I managed to create with 2 languages website.

However I have 2 questions maybe you can help with me. 1. How do yo manage to have 2 home pages? Whenever I set one as my home page, if I switch to the other language but click on the logo, it switches back to the other language home page. I see on your Insel Hostel website that it works. 2. When I move to a mobile display, my language menu doesn't go below the other menu. It stands out and stays on the right corner. I see on your Insel Hostel website it works perfectly though. Is there something special that needs to be done?

Thanks!Mathilde

Edited by mathildepl
Initial Revision
Link to comment
  • 0

hi there, it might be a stupid question but I try to test your solution on the Ready template in the trial version and nothing happens to the page. Is it the template or do I have to be in the live version of the page for it to work?Thanks in advance. Kamila

Link to comment
  • 0

Please read number 3f) of the descripton.

You have to adapt the injections points for your template. You will need JS/YUI/CSS skills.This tutorial was a proof of concept mainly targeted for developers.

For customers i offer an enhanced and extended commercial script supporting several templates. The script does not yet support the Skye Family (Ready template) - but i could built in support. You can send me a mail to info@soft-works.biz if you are interested.

I am a freelance developer situated in southern germany. I offer full service websites, ecommerce. Everything from concept, design, programming, ui, marketing & seo, analytics, hosting up to business consulting. I prefer using open source software like typo3 or magento but i also admire the easiness of saas software and services like squarespace. I spend most of my spare time up in the Alpes.

Link to comment
  • 0

@softworks I have this very same question. I am using Pacific template, but in the mobile navigation, the language choice is appearing at the top right. Would appreciate your help in how to move it underneath the main nav menu.

Thank you for your help and the best solution I have found thusfar. alt text

screen-shot-2019-08-16-at-125809-pm.png.c04bc3f5fc0298dd613461a7e66ce9ee.png

Link to comment
  • 0
9 hours ago, wamap said:

@mei_chicks Did you find a solution ? I am facing the same issue, quite confused on how to solve it

Try CSS Solution (no js). Manually but seems fine. 

Demo: https://cymbals-chicory-r44j.squarespace.com/?password=abc

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...