Jump to content

MultiLanguage Checkout web page

Go to solution Solved by paul2009,

Recommended Posts

Posted

Hi there,

 

How are you?

Does anyone know how to make this webpage multi language?

My entire Squarespace website is French Spanish and English, only "Checkout" page left.

It's Urgent, we are ready to launch.

Who can help me. I can read a code, but not That hard one 😉

Thank U

  • Solution
Posted (edited)

To translate Squarespace commerce features you'll need a third party paid add-on called Weglot. This can translate all the on-page content and is the only product that I'm aware of that can translate the checkout page. This is because Squarespace lock the checkout page to prevent code, but Weglot changes your  DNS records to allow them to translate the site content, including the Squarespace checkout.

I've provided links to the Weglot website where you can take a look at the features. They also have an article that explains how to integrate Weglot with Squarespace.

Note however you translate the website content, there are fixed elements in order notification emails that cannot be translated.

Edited by paul2009

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

  • 1 year later...
Posted

Any update on this one? I am looking for a solution to my checkout page also.

  • 2 years later...
Posted
8 minutes ago, xogosdameiga said:

Any update?

Has Weglot not been suitable for you?

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

  • 3 months later...
Posted

Hey!

I need to have cart, checkout, and user notifications in a language that is not supported by Squarespace. The proposed Weglot solution isn't good because it adds a subdomain prefix ("et.example.com"). That's not acceptable. Users have to be able to use the main domain "example.com" in their native language.

It is a single-language website. Weglot solution works only if it's multilingual, using "example.com" and "et.example.com" domains.
Unless there is a way with Weglot to translate the main domain's ("example.com") cart, checkout, and user notifications? I haven't figured that out. Can I manipulate something within my DNS settings?

Also, I've tried to inject code, but it doesn't do anything. Probably some kind of restrictions for injecting code for checkout.
My code looks something like this:

<script>
  function translateToEstonian(element) {
    const translations = {
      'Item': 'Toode',
      'Quantity': 'Kogus',
      'Price': 'Hind',
      'Subtotal':'Vahesumma',
      'Checkout':'Kassa',
      // Add more translations as needed
    };

    const englishText = element.textContent.trim();

    if (translations.hasOwnProperty(englishText)) {
      const estonianText = translations[englishText];
      element.textContent = estonianText;
    }
  }

  // Select and translate elements in the Cart page
  const cartElements = document.querySelectorAll('.cart-subtotal-label, .cart-total-label');
  cartElements.forEach(translateToEstonian);

  // Select and translate elements in the Checkout page
  const checkoutElements = document.querySelectorAll('.checkout-subtotal-label, .checkout-total-label');
  checkoutElements.forEach(translateToEstonian);

  // Select and translate elements in the User Notifications
  const notificationElements = document.querySelectorAll('.order-confirmation-title, .shipping-notification-title');
  notificationElements.forEach(translateToEstonian);
</script>

I'm stuck. Can someone help?

Posted
2 minutes ago, chewits123 said:

I need to have…checkout, and user notifications in a language that is not supported by Squarespace.

As explained above, you cannot add code to the checkout. 

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.