Jump to content

Redirect Add to Cart button to Contacts page

Go to solution Solved by Ziggy,

Recommended Posts

Hi,

How can I redirect my "add to cart" button to my Contacts page?

I've seen that some people were able to do that with some code injection but I can't find a solution that would work for me and I've browsed through tons of topics already. The redirection never works.

Here is my website URL. P.S.: the "add to cart" button is currently hidden with some CSS code until I can find a solution for this, since I do not want my customers to actually buy anything on the website. They need to contact me first.

https://www.sunvoltio.com/

Thank you in advance.

Link to comment
  • Replies 4
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

You could leave the add to cart button hidden and add a link to the description which could then be styled like a button with CSS.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 2 weeks later...
On 11/8/2023 at 8:39 AM, Ziggy said:

You could leave the add to cart button hidden and add a link to the description which could then be styled like a button with CSS.

Hi,

 

Sorry for the delay. That would mean that I'd have to do this inside of every single product, which is not ideal but since this website has only around 50 products I guess that'd be okay for now.

Could you please provide a template of CSS to style it as a button and then I'd try to work around with it and customize it?

Much appreciated!

Link to comment
  • Solution

If you can add a link to one of your products that goes to the contact page, style the text as Paragraph 2 + Bold + Italic

Then add this code to Custom CSS:

.ProductItem-details .ProductItem-details-excerpt p a strong em {
  color:#fff;
  background:#f5bb41;
  padding:1rem 2rem;
  border-radius:3rem;
  font-weight:400;
  text-decoration:none !important;
  font-style:initial;
}

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
On 11/17/2023 at 3:03 PM, Ziggy said:

If you can add a link to one of your products that goes to the contact page, style the text as Paragraph 2 + Bold + Italic

Then add this code to Custom CSS:

.ProductItem-details .ProductItem-details-excerpt p a strong em {
  color:#fff;
  background:#f5bb41;
  padding:1rem 2rem;
  border-radius:3rem;
  font-weight:400;
  text-decoration:none !important;
  font-style:initial;
}

Thank you for your assistance, this was super helpful!

Link to comment

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.