Search the Community

Hello. I am wondering how I can detect the user's locale on homepage load, and immediately redirect visitors to the appropriate page in their language without the requirement to select their preferred language. The website structure would be similar to that in Creating a multilingual site in Squarespace § Structure your pages, with two folders with the same pages and structure but different languages, but without the language chooser in the homepage as described in (1). Instead, I suppose I could embed some JavaScript in the homepage to check the navigator.language property and redirect visitors accordingly. Therefore, The user would never see the de jure homepage but a de facto homepage in their language. Is this possible? Or is there a better way to achieve this? If so, how can it be implemented into a Squarespace website? I am comfortable with code, so I am more than happy to dive into it. I am also aware of the Weglot integration, but have decided not to use it due to strict translation requirements -- and I am more than happy to translate the content myself. Thank you very much!

Dear All, I am probably making a very simple mistake with activating the English language site. Please help me out! I have a Weglot account, I have added all the info, made the setting in the Squarespace menu in "Language and Region" as well, I have the button in the header, but inactive.

Hi, I'm experiencing an issue with form submissions - see error message below. My website uses Weglot for multi-language and the issue appeared after we set-up subdirectories. Squarespace support ruled out Weglot as the problem source and indicated that: "Because the issue was resolved by disabling scripts, the problem is likely caused by custom code you’ve added to your site. Troubleshooting code falls outside our scope of support, so we can’t pinpoint the exact code responsible for the issue. I’d recommend reviewing any custom scripts you’ve added to code blocks or code injection and try removing them one at a time to determine which one is causing an issue." Has someone had a similar experience? Or any idea how to fix? Thanks!

Hi there! I need your help with changing the language of my website. Now it's English but I need it to be Croatian by default. However, it isn't possible to change in Settings as there isn't an option for Croation. Are there any other variants on how to do that? Maybe using a custom code? Thanks in advance! Katia

Hello everyone, I have a website that needs an English-to-Japanese translation button, however, at the moment the button is white when you hover over it, making the text invisible. Would anyone know how to edit the dropdown language button? Thanks SandyRudd

Hello! I wanted to put my page both in english and spanish, but I wanted to translate it myself. I duplicated all the pages, translated them and applied a css code to hide the english pages in the spanish homepage and viceversa. Everything works perfect in the desktop view, however in the mobile version looks like squarespace interpretates the css code in a different way. The issue is the following: it does not show up some elements that are inside one of the main menu folders. This is the schema of my webpage (I put the numbers myself to explain the problem below): PROYECTOS 1 Arquitectura 2 Diseño industrial 3 Diseño grafico 4 SOBRE MI 2 CONTACTO 3 PROJECTS 4 Architecture 2 Industrial design 3 Graphic design 4 ABOUT ME 5 CONTACT 6 Esp 7 Eng 8 Mobile version: In the english homepage I am trying to hide: 1,2,3,8 but it also hides the 2,3 (architecture and industrial design); that is why in my folder Project it only displays "Graphic design" In the spanish homepage I am trying to hide: 4,5,6,7 but it also hides 4 (diseño grafico in this case); that is why in the folder Proyectos it only displays "Arquitectura" and "Diseño industrial" Anyone can help me solve the issue or know the reason why this is happening? Thanks 🙂

Site URL: https://oopsvegan.com/ Hi! I am wondering how can I add hreflang tags to my blog posts. I have a multilingual site with 2 languages (English and Spanish). Google seems to not differentiate the 2 languages because when i add the name of my website on Google, the search result give a mix of English and Spanish. View screenshot attached. Will adding a hreflang tag solve this, what else should I be looking at? Thanks so much Patricia

I was about to buy Squarespace for my website, although the template stopped supporting a language it used to support couple of months ago (Turkish to be precise). Nothing has changed (on Clove), I only cannot change language to Turkish. Although I add the content myself, I wonder why I am not allowed to just change the Hreflang to TR, (and this holds for any language) and as I browsed on blog archives, Squarespace allowed around 50 languages back then. Can't manually inject the code myself either, because I cannot delete the EN tag. I will not buy Squarespace only for this reason at this point, if there's a way to work around this please lmk.

Hi my language switcher that is applie in the footer code injection doesnt load the updated enlighs page. i have updated the english homepage with new content but it doesn't load the updated site. I tried changing the code without any luck. Does anyone have and idea? Here is the code that is use for the language switcher in footer. <script> $(function() { /* SETUP MULTI-LANGUAGE */ var defaultLanguage = 'sv'; var lang = location.pathname.split("/")[1]; var site = location.pathname.split("/")[2]; var defaultClass = 'lang-'+defaultLanguage+''; var itemParent = "nav [class*='collection'],nav [class*='folder'],nav [class*='index'],nav [class*='group']"; if (lang == "" || lang.length > 2 ){ var lang = defaultLanguage; } /* ADD LANGUAGE CLASSES */ $('a[href="/"]').addClass('lang-'+defaultLanguage+'').parents(itemParent).addClass('lang-'+defaultLanguage+''); $('nav a:link:not([href^="http://"]):not([href^="https://"])').each(function () { var langType = $(this).attr('href').split("/")[1]; var multiLanguageClass = 'multilanguage lang-' + langType + ''; if (undefined !== langType && langType.length <= 2) $(this).addClass(multiLanguageClass).parents(itemParent).addClass(multiLanguageClass); }); $('nav button').each(function () { var langTypeFolder = $(this).attr('data-controller-folder-toggle').split("/")[0]; var multiLanguageClass = 'multilanguage lang-' + langTypeFolder + ''; if (undefined !== langTypeFolder && langTypeFolder.length <= 2) $(this).addClass(multiLanguageClass); }); /* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */ if (lang == "sv") { $('a[href="/"]').attr("href", "/sv/home/"); } /* ADD EXCLUSION NAV ITEMS */ $('.exclude-me,.exclude-me a').addClass('exclude'); $('.sqs-svg-icon--list a,.SocialLinks-link').addClass('exclude'); /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */ $('.multilanguage:not(".lang-'+lang+',.exclude")').remove(); /*Tiego Cloud länk. Kommentera bort denna om det strular */ /* $('a[href="https://web.tiego.se/"]').css('visibility','visible');*/ /* $('a[href="https://web.tiego.se/"]').addClass('exclude');*/ /* KEEP LINK */ if (lang == "sv") { $('a[href="https://web.tiego.se/"]').addClass('exclude'); } if (lang == "en") { $('a[href="https://web.tiego.se/"]').addClass('exclude'); } /* SETUP LANGUAGE SWITCHER */ $('body').prepend('<div class="language"><a href="https://tiego.se/sv/home/" class="lang-en">Svenska</a>&nbsp|&nbsp<a href="https://tiego.eu/en/home" class="lang-sv">English</a></div>'); /* NOT REQUIRED */ /* SETUP URL REROUTE FOR MATCHING LANGUAGE PAGE */ switch (window.location.pathname) { case '/en/about': $(".language a.lang-en").attr("href", "/en/about"); $(".language a.lang-es").attr("href", "/sv/about"); break; case '/sv/about': $(".language a.lang-en").attr("href", "/en/about"); $(".language a.lang-es").attr("href", "/sv/about"); break; case '/en/products': $(".language a.lang-en").attr("href", "/en/products"); $(".language a.lang-es").attr("href", "/sv/products"); break; case '/sv/products': $(".language a.lang-en").attr("href", "/en/products"); $(".language a.lang-es").attr("href", "/sv/products"); break; } }); </script> Kind regards, Tony

Hello there, Would any member please help on creating transparent background for the language menu at the header? There doesn't seem to be the option to customise this so figured might need CSS code. Thank you so much in advance!

Hi, Ever since starting to use the Weglot language switcher we are seeing broken code errors on our site: https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.defenda.eu%2F If you see there are unclosed divs and spans. I have contacted support but they say they won't even look at it because weglot are a 3rd party company. Seems odd as weglot are built into the system and interact with Squarespace. I would imagine other sites are exhibiting these issues. Very poor in my opinion to expect the community to fix their issues but that is the nature of the beast I guess. Feeling very let down at the moment. Would anyone be able to suggest a fix please? We wish to use the switcher but don't want broken spans and divs on our site. Thanks, Matt

Hi all, Just wanted to be sure that Squarespace does not support YEN payments even if Stripe does. Is that correct? Additionally, looks like there's no support for Japanese for the site language. Could you please confirm that too ? Thank you!

I've found various resources for creating multi-lingual sites on Squarespace, but I wanted to ask the forum hive mind to see if anyone had any notions for how one could go about creating a single blog post in two languages. So that you would be able to toggle between two languages but stay on the same blog page, and the pagination at the bottom would stay the same. My gut is that it's not really doable the way I'm imagining, but curious if anyone has any thoughts!

Hi everyone, When I switch the language on my website and I go to another page it automatically switches to the original language of the website. Does it have something to do with the fact that I enable to switch the language automatic depending on the browsers language?

Hi, I wanted to have the option of having my website in both English and Welsh. I found a help article here that said to head over to settings and the language and region panel and select the multilanguage by Weglot button. I went there and it was missing and not how the help page and video showed. It said that as long as my website is under 2000 words then this was a free plugin. As I couldn't do this I went over to Weglot's website and signed up there. The header code is in and working but it's saying there is a fee of 150 euros? Can I ask please if the 2000 word free option is still available or now gone? Also, if it is, is there a way of not having the button at the bottom right of the screen but at the top please, maybe integrated into the menu area? Here's a link to my website: https://www.welshphotographer.co.uk/ Thanks

Hi Friends! I've just started using Weglot integration for easy translation of a website for a client (www.salvadorcarrasco.me), and so far, it worked like a charm! Except for one little thing... I was wondering if there is a way to hide the active language in the language selector menu. When you're viewing the default English version and click the language selector on the menu, you still see English even though that's already the active language of the website. I would like to only show Spanish on the English version, and English on the Spanish version. (I saw one message related to the subject but the shared code didn't work for me.) Thanks in advance for your time! All the best, Ozan

Hi, I would like to add code that would allow us to have our French and English logos on their respective langages pages?

I found this article: https://medium.com/@hardluckcreative/making-better-multi-language-squarespace-sites-e46d24094a7d This is my variation of the code to tailor the website between English and French. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(function() { /* SETUP MULTI-LANGUAGE */ var defaultLanguage = 'en'; var lang = location.pathname.split("/")[1]; var defaultClass = 'lang-'+defaultLanguage+''; var itemParent = "nav [class*='collection'],nav [class*='folder'],nav [class*='index'],nav [class*='group']"; if (lang == "" || lang.length > 2 ){ var lang = defaultLanguage; } /* ADD LANGUAGE CLASSES */ $('a[href="/"]').addClass('lang-'+defaultLanguage+'').parents(itemParent).addClass('lang-'+defaultLanguage+''); $('nav a:link:not([href^="http://"]):not([href^="https://"])').each(function () { var langType = $(this).attr('href').split("/")[1]; /* Set English designation if there's no language subfolder */ if (langType != 'fr') {langType = 'en'; } var multiLanguageClass = 'multilanguage lang-' + langType + ''; if (undefined !== langType && langType.length <= 2) $(this).addClass(multiLanguageClass).parents(itemParent).addClass(multiLanguageClass); }); $('nav button').each(function () { var langTypeFolder = $(this).attr('data-controller-folder-toggle').split("/")[0]; var multiLanguageClass = 'multilanguage lang-' + langTypeFolder + ''; if (undefined !== langTypeFolder && langTypeFolder.length <= 2) $(this).addClass(multiLanguageClass); }); /* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */ if (lang == "/") { $('a[href="/"]').attr("href", "https://www.sgtguides.com/home"); } /* ADD EXCLUSION NAV ITEMS */ $('.exclude-me,.exclude-me a').addClass('exclude'); $('.sqs-svg-icon--list a,.SocialLinks-link').addClass('exclude'); /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */ $('.multilanguage:not(".lang-'+lang+',.exclude")').remove(); }); </script> <div class=”language”><a href=/home class=”lang-en”>English</a> | <a href=/fr/home class=”lang-fr”>Français</a></div> Though, the only issue I am having still, is when I visit the websites of the different language home pages separately (It shows the navigation the way I want it.) Good! 😀👍 https://www.sgtguides.com/fr/home https://www.sgtguides.com/home But when I click on the English/French button on the site, the navigation still shows both versions of the navigation menus? Not good. 😪 Can anyone help with the issue? Thank you!

Hello! I'm an artist and some of the text on my website is in Italian because it's the titles of an artwork or series. I notice each time I go on my website it auto-translates to english. Is there any way to prevent this for certain page names and other text in the pages or descriptions? If you go to my website and hover over "work" it should read: distorsione il tesoro di Bruna terra acqua fa la ruggine con il vino Primitivo white paintings + paintings Also, if you click on "distorsione" for example, the text on that page will mention the title of the work "distorsione". I personally changed my google chrome settings so it does not auto-translate but I don't want it to be automatic for viewers. I would like even if someone has the page translated to french for example, the titles in Italian to stay in Italian. Any advice would be helpful! Thank you so much. Xx

Is it possible to move the actual checkbox (for a form answer option) so it is to the right of the text when the text is right-aligned on the page? I am trying to move the checkboxes so they appear on the right, with the Arabic text running from right to left beside them. See example screenshot of desired movement below.

I have a site in Spanish and I would like to change the 'first name' and 'last name texts' in the contact form and newsletter in the home page, https://www.stejar.store/contacto I have tried from another thread: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.first-name input').attr('placeholder','first new text'); $('.email input').attr('placeholder','new email address'); }); </script> However it's not working, not sure what to put Can someone please help me?

Hi i was wondering if its posible to move the language selector from header to announcement bar.

My website exists in various languages (manually translated, not using WeGlot). So, for example, there is a URL like https://mywebsite.com/en, or https://mywebsite.com/es, and so on. There is a language switcher on top, however, is it at all possible to automatically redirect a user to the version corresponding to their browser/system language on their first visit?

Hi, I'm trying to change language in Scheduling. For now there is only 6 different languages to chose from. Apparently there used to be a tool called "change scheduling wording" but that was removed a week ago and does not seem to have been replaced with any alternative. Any suggestions on how to change scheduling to my local language?

Hello there My clients website (https://www.allium-floristik.it/) is translated via Weglot and unfortunately we exceeded the limit of 2000 words. I now excluded some pages from the translation to be under the 2000 Words. Unfortunately, the translation is still not working. Is it not possible to go back to the free plan? When I count my words on a "webpage word counter" it does not show me that I already reached the 2000 words. Could there be a bug? Thank you and best regards Sibylle Huber