ADD BUTTON ON PRODUCT PAGE ONLY

Hi guys!

It's my first time posting here and I hope somebody can help me! 🤗

I have to add a 3rd-party button on my product pages (clothing) which will enable my customers to "get measured". I got the code from the software company, but I don't know how to add it to my separate product pages only (they only provide a guide for shopify websites) . If I add it to the header in the code injection it (obviously) appears in the header in all pages. What to do?

Thank you in advance and great day!

Julie

1 hour ago, JulieZ said:

Hi guys!

 

It's my first time posting here and I hope somebody can help me! 🤗

I have to add a 3rd-party button on my product pages (clothing) which will enable my customers to "get measured". I got the code from the software company, but I don't know how to add it to my separate product pages only (they only provide a guide for shopify websites) . If I add it to the header in the code injection it (obviously) appears in the header in all pages. What to do?

Thank you in advance and great day!

 

Julie

 

 

Sqs allows you to add code on separate page

Hope it can help

2 hours ago, JulieZ said:

I have to add a 3rd-party button on my product pages (clothing) which will enable my customers to "get measured". I got the code from the software company, but I don't know how to add it to my separate product pages only (they only provide a guide for shopify websites)

If they only provide a guide for Shopify, I wonder if their solution is compatible with Squarespace. Can you provide a link to their guide to allow us to learn more? Also, a link to your site will also be helpful.

@Beyondspace Thank you! Do you know how to create a separate button on the product page before the "add to cart" button? The code iv've received from the company creates a "get measured" button, but I want to add it to every single product page not in the header of the product page all together - I hope it makes sense! 🙂

Also here is the code for the button:

<div class="saia-widget-container"></div>

<script id="saia-mtm-integration" async src="https://mtm-widget.3dlook.me/integration.js" data-public-key="NTI1MQ:1rwiCk:jDqe0ZOqcbZo5xcKgfrwJQEBSADaxf3Io5TSJt6xvJ4">
</script>

@paul2009 thank you for your reply 🙂 It is compatible with squarespace, I have succesfully added the button on other pages, but I want to add it to every single product page as a button before the "add to cart" button. If I add it in the "page header code injection" it of course appear as a button in the header. And I need it to appear as a single button on every product page - do you know how to do it? 

My website: https://www.idemcopenhagen.com/

and the code for the button:

<div class="saia-widget-container"></div>

<script id="saia-mtm-integration" async src="https://mtm-widget.3dlook.me/integration.js" data-public-key="NTI1MQ:1rwiCk:jDqe0ZOqcbZo5xcKgfrwJQEBSADaxf3Io5TSJt6xvJ4">
</script>

1 hour ago, JulieZ said:

It is compatible with squarespace, I have successfully added the button on other pages, but I want to add it to every single product page as a button before the "add to cart" button.

Thanks for sharing the details of the software. You should be able to insert a div programmatically above the Add to Cart button using some custom JavaScript in place of the code that you've quoted above. The integration script will then insert the button that can launch the widget.

Hi @paul2009 I figured it would be something like that - I just need help to create the custom code, and I've seen (in other chats) that some users can help with this in the forum 🙂