Adding a button near add to cart button

I want to add a button saying view demo next to the add to cart button on my squarespace template site how would I do that, and can you do it without code?

Hi,

Each product will have a different view demo link or same?

If same, just share link to a product + let me know button style, we can give the code

if different, you can add a view demo in Product Additional Info, then share link to a product where you added it, we can give code to move text next to add to cart

Hi @tuanphan, jumping on this thread as I have the same issue and it's driving me mad!

Here is a link to a product page I'm designing, where I've added the "View Demo" button in the Additional Information field:

https://www.westcoastdigital.co.nz/website-templates/p/summer-template-squarespace-71-yoga-teacher-website

If you can help me with code that would place it alongside the "Add To Cart" Button, that would be brilliant!

Thanks,

Sam

On 3/10/2024 at 8:45 AM, SBeneke said:

Hi @tuanphan, jumping on this thread as I have the same issue and it's driving me mad!

Here is a link to a product page I'm designing, where I've added the "View Demo" button in the Additional Information field:

https://www.westcoastdigital.co.nz/website-templates/p/summer-template-squarespace-71-yoga-teacher-website

If you can help me with code that would place it alongside the "Add To Cart" Button, that would be brilliant!

Thanks,

Sam

Hi,

I don't see button in Additional Info.

You can add it then use this code to Website > Website Tools > 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>

Oh my god that works, brilliant! Thank you so much!! 😀