Add Button next to Add to Cart button with link to add items to go with main product

Shopify Discussion
1

I would like to add a button next to the Add to Cart button that opens a pop-up or takes the customer to a page of different add-on products that someone could chose to buy with the main product they are purchasing. For example, if they purchase a cake then the next step would be to buy additional decorations, candles, etc for it. Do you know how to do this? If you have any ideas or a better way to do this I’d like to know how to make this happen. Thanks!

2

Hello @molemansd ,

First you have to provide an option with the products to select the additional product. You can enable it with the metafields.
After that as you need next to the atc button you can create a new button and on click of popup will appear.
Now here in the popup call the additional selected metafield products and add custom atc to them.

Thanks

3

Hi,

You have 2 options

  • Add-ons button that opens a pop-up with additional products using HTML, CSS, and JavaScript.
  • Add-ons button that redirects to a custom add-ons page.

Hope this will help

4

How do I add a button that redirects to a custom add-on page? For conversion is is better to have two separate buttons, one for add to cart and a separate that takes them to the personalizations(add-ons) or have the add to cart button add the item to the cart then proceed to redirect them to a custom add-on page?

5

Yes. I don’t know how I add a button that redirects to a custom add-on page? For conversion is is better to have two separate buttons, one for add to cart and a separate that takes them to the personalizations(add-ons) or have the add to cart button add the item to the cart then proceed to redirect them to a custom add-on page?

Accept as Solution

0

Report

Reply