Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

how to redirect add to cart button to Etsy shop


MarieAgatheh

Question

10 answers to this question

Recommended Posts

  • 0
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

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
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;
}

 

image.thumb.png.4867a56bdb1c901634f0665e11a803ef.pngimage.thumb.png.3a6c42b751c66684a98c8b95eedba022.png

 

Edited by bangank36

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0

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. 

Link to comment
  • 0
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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
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;
}

 

image.thumb.png.4867a56bdb1c901634f0665e11a803ef.pngimage.thumb.png.3a6c42b751c66684a98c8b95eedba022.png

 

 

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 :(

Link to comment
  • 0

@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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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