Jump to content

Direct access to Checkout page

Recommended Posts

Posted

Hi everybody!

Does anyone know if there is a way to access directly to checkout page from a button in a page other than the store page?

· If you add a product block, you should click through it before accessing the checkout page.

· If you enable Express Checkout, you also have to go at least through the product after inserting a link to it in the button settings.

· If you insert a link directly to Checkout page, it works only sometimes. When you try to do multiple orders, the link will not work properly.

Does anyone have any idea if it is possible to skip the unnecessary intermediate steps?

For instance, if there is any way to obtain a direct link to Checkout page that always works reliably?

Thanks so much!

  • Replies 4
  • Views 1.2k
  • Created
  • Last Reply
Posted

If you have enabled Express Checkout, when a customer clicks a purchase button, they’ll go straight to the checkout.

You can add a Purchase button to any page by adding a Product Block and unchecking all the Design options in this block except the button.

  If this post has helped you, please click a 'Like' or 'Thanks' icon below  ⬇️

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.

Posted

Hi Paul!

Simple and brilliant solution at the same time!

Thanks so much!

I have one last question regarding that:

How can I change the button text size in product blocks?

Usually I can do it in button settings, where you can change the button size from M to L so both padding and text grow bigger.

However, product blocks do not offer this option, so the only possible way would be to change the button padding size in "Site Styles", but this does not allow to change the text size, it is only for padding.

Do you have any idea on this?

Thanks so much! 

Posted
23 minutes ago, ramonn said:

How can I change the button text size in product blocks?

You should be able to do it with some CSS. Add the following to Design > Custom CSS and add the lines that you want to change:

body:not(.button-style-default) .product-block .sqs-add-to-cart-button {
  font-size: 1rem;
  font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
  letter-spacing: .05em;
  font-weight: 500;
}

Notes:

  • If you don't want to change the font family, letter spacing or weight you can remove those lines.
  • If you want to affect all 'Add to Cart' buttons, not just those on Product Blocks, remove ".product-block" from the first line.

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.

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.