Jump to content

Link button directly to product in store

Go to solution Solved by paul2009,

Recommended Posts

Posted (edited)

I need to create a button on a page that links directly to one individual product within my store bypassing the store with all of the other products. Basically cutting out an unnecessary step. When I try to link the button it does not allow it. One of many problems I'm running into with version 7.1

Edited by CWCPhoto
  • Solution
Posted

You can do this by adding the url of the product's page. For example, it may be something like /store/p/productname.

Instead of linking to a product detail page, another option may be to use a Product Block instead. This will allow you to include the purchase button directly, instead of a button that leads to the product page.

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
On 4/4/2023 at 9:42 PM, paul2009 said:

You can do this by adding the url of the product's page. For example, it may be something like /store/p/productname.

Instead of linking to a product detail page, another option may be to use a Product Block instead. This will allow you to include the purchase button directly, instead of a button that leads to the product page.

The only problem I have with this is that the button looks and behaves differently to a 'normal' button on my site... It doesn't fit nicely next to another option button...

Posted
1 hour ago, Rolaa said:

The only problem I have with this is that the button looks and behaves differently to a 'normal' button on my site.

@Rolaa Can you provide some details of the method you're using, including a link to the page on your site where we'll find the button?

Squarespace websites usually have three button styles, Primary, Secondary and Tertiary. The Product Block button is usually styled to match the Primary button so should match other Primary buttons.

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
17 minutes ago, paul2009 said:

@Rolaa Can you provide some details of the method you're using, including a link to the page on your site where we'll find the button?

Squarespace websites usually have three button styles, Primary, Secondary and Tertiary. The Product Block button is usually styled to match the Primary button so should match other Primary buttons.

I've almost fixed it using CSS... Here's the page: https://www.thecarolamoon.com/unstuck

Posted
25 minutes ago, paul2009 said:

Squarespace websites usually have three button styles, Primary, Secondary and Tertiary. The Product Block button is usually styled to match the Primary button so should match other Primary buttons.

As to the styles, the "Add to Cart" button was definitely VERY different (font size, letter spacing, padding etc.)

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.