product-page Add a secondary button in product page

Curious how to add a secondary button on a product page.

Here is an example: https://www.bigcatcreative.com/templates/gigirose-squarespace-template#!/~/

Thanks!

Some options to achieve this

If all products use button with same link, just add it to Footer or add to Not Linked Page, then we will give code to move it next to Add to Cart on all products

If use different button, just add a Button Block in Additional Info > Then share link to a product, we will give the code to move its position.

With Example Above, they use Standard Page, not Products, so they can add anything.

Thank you! Any idea how they were able to include the "add to cart" button there? I have a form people will need to fill out when they click add to cart. 

Hi! Can you please send the code to add the second button beside the "add to cart" button? Thanks so much in advance!

On 2/6/2024 at 6:20 AM, taylorlaidlaw said:

Hi! Can you please send the code to add the second button beside the "add to cart" button? Thanks so much in advance!

All products will have a same button with same url or?

A. If same url, you can share link to a product, I will give code for all

B. If different, just edit each product > Additional Info > Add a Button Block, then following these steps to move it to add to cart

(This will run on Product Detail Only, if you need it on Store/Category Page, we will need to adjust the code)

B.1. First edit all products where you want to add second button

choose Additional Info

Add a Button Block

B.2. Use this code to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
  $('section.ProductItem-additional .button-block').appendTo('.sqs-add-to-cart-button-wrapper');
})
</script>