how to redirect add to cart button to Etsy shop

Site URL: https://star-pufferfish-4sy4.squarespace.com/config/pages

Hi, I would like to know how to redirect my "Add to cart" button on my products page to my Etsy shop? 

I dont have a commerce plan so I don't want to have a cart. 

My website is not published yet but here is the url www.shopsimpul.com 

Thank you very much for your help!

1 hour ago, MarieAgatheh said:

Site URL: https://star-pufferfish-4sy4.squarespace.com/config/pages

Hi, I would like to know how to redirect my "Add to cart" button on my products page to my Etsy shop? 

I dont have a commerce plan so I don't want to have a cart. 

My website is not published yet but here is the url www.shopsimpul.com 

Thank you very much for your help!

You should add a button, then remove add to cart.

If you share link to product page, we can give the code to remove add to cart.

Please set up a site wide password to check

Thanks for your reply 🙂

here is the link to products page https://star-pufferfish-4sy4.squarespace.com/config/pages/5f1fe8c527c14e00d74e74b2/categories/5f7817f7acab707557cfe32e

and the site wide password is simpul2020

1 hour ago, MarieAgatheh said:

Thanks for your reply 🙂

here is the link to products page https://star-pufferfish-4sy4.squarespace.com/config/pages/5f1fe8c527c14e00d74e74b2/categories/5f7817f7acab707557cfe32e

and the site wide password is simpul2020

1. On each product description, you can add a link to your esty product, you can set it open in new tab or not

2. Place this custom css into Design->Custom Css section

if you got problem, invite me to the site as collaborator bangank36@gmail.com

.ProductItem-details-checkout .sqs-add-to-cart-button-wrapper {
  display: none;
}
.ProductItem-details-excerpt a[href*=etsy] {
  text-decoration: none;
  border-radius: .4rem;
  -webkit-transition: .1s opacity linear;
  -moz-transition: .1s opacity linear;
  -o-transition: .1s opacity linear;
  transition: .1s opacity linear;
  -webkit-backface-visibility: hidden;
  color: #fff;
  background-color: #000;
  border-color: #000;
  display: inline-block;
  width: auto;
  height: auto;
  border-width: 0;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1em;
  font-weight: 500;
  font-style: normal;
  text-transform: none;
  line-height: 1.2em;
  letter-spacing: .05em;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: normal;
  padding: 1.2em 2.004em;
  width: 250px;
}

It works!

Thank you very much for your help 🙏😁

Hi, I upgraded my plan to a commerce one and I would like to reestablish the "Add to cart button" on all my product but I don't know how to do it. Even when I create a new product the button is not there anymore. Could you please help me?

Thank you very much in advance. 

10 hours ago, MarieAgatheh said:

Hi, I upgraded my plan to a commerce one and I would like to reestablish the "Add to cart button" on all my product but I don't know how to do it. Even when I create a new product the button is not there anymore. Could you please help me?

Thank you very much in advance. 

Have you done step 1 yet?

1. On each product description, you can add a link to your esty product, you can set it open in new tab or not

thank you, I actually wanted to remove the Buy on Etsy button to bring back the add to cart but I actually just deleted the custom css and it worked 🙂

5 minutes ago, MarieAgatheh said:

thank you, I actually wanted to remove the Buy on Etsy button to bring back the add to cart but I actually just deleted the custom css and it worked 🙂

 

Lol that would be that easy

On 11/15/2020 at 12:34 PM, bangank36 said:

1. On each product description, you can add a link to your esty product, you can set it open in new tab or not

2. Place this custom css into Design->Custom Css section

if you got problem, invite me to the site as collaborator bangank36@gmail.com

.ProductItem-details-checkout .sqs-add-to-cart-button-wrapper {
  display: none;
}
.ProductItem-details-excerpt a[href*=etsy] {
  text-decoration: none;
  border-radius: .4rem;
  -webkit-transition: .1s opacity linear;
  -moz-transition: .1s opacity linear;
  -o-transition: .1s opacity linear;
  transition: .1s opacity linear;
  -webkit-backface-visibility: hidden;
  color: #fff;
  background-color: #000;
  border-color: #000;
  display: inline-block;
  width: auto;
  height: auto;
  border-width: 0;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1em;
  font-weight: 500;
  font-style: normal;
  text-transform: none;
  line-height: 1.2em;
  letter-spacing: .05em;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: normal;
  padding: 1.2em 2.004em;
  width: 250px;
}

 

 

Hi, I have the same problem like this. I'd like to redirect my add to card button to the contact us page of my site but it's not working. The button isn't showing :(

@damastudios You can add a text link in Description, with url to contact us page. We will give the code to

• hide current add to cart
• change text link style to button style
• move text link to add to cart position

Hi Tuanphan,

I'm trying to follow these instructions but it's not working for me. I am trying to hide the Add to Cart button, then add CSS to change text links in the product description so they look like buttons.

Can you help?

Thank you!

Chandra

On 11/25/2022 at 5:33 PM, UpalaDesign said:

Hi Tuanphan,

I'm trying to follow these instructions but it's not working for me. I am trying to hide the Add to Cart button, then add CSS to change text links in the product description so they look like buttons.

Can you help?

Thank you!

Chandra

Hi,

If you share link to a product, we can help easier