Jump to content

Recommended Posts

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

 

 

Link to comment
  • Replies 6
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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

image.png.8cedb44a06c21469757c8c64f6ee42f6.png

image.thumb.png.8d62a6f923c76f6e5bd97500bbff1e1f.png

Hope it can help

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
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.

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment
Posted (edited)

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

Edited by JulieZ
Link to comment

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

Link to comment
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.

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

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

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.