Change add to cart button text in Squarespace?

[tuanphan]

You have two ways to change Add to Cart button text in Squarespace.

• Use Squarespace Option (you need to edit all products to change button text)
• Use CSS (use 1 code to change all button text)

A. Use Squarespace Option to change add to cart button text
#1. First, edit button that you want to change add to cart text

#2. Scroll down to button > Click Custom Button

#3. Click Enable Custom Label

#4. You can enter new text and click Apply

#5. Result

B. Use CSS to change add to cart button text
#1. You can use this CSS to Custom CSS box

div.sqs-add-to-cart-button {
    position: relative;
}
.sqs-add-to-cart-button-inner {
    visibility: hidden;
}
.sqs-add-to-cart-button-inner:before {
    content: "Click to purchase";
    visibility: visible;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}