Jump to content

Facebook Comments on Product Page

Recommended Posts

Site URL: https://thepuritycompany.co.uk/shop/velvet-balm?category=Body

Happy New Year everyone!

I'm trying to add the Facebook comment to my products and I'm struggling a bit.

I can add the Java SDK perfectly well to the Code Injection page but it's when it comes to the additional info part of a specific product that it all goes wrong!

I've put the specific product into the URL up there so you can see what it's doing.  

I've ensured that it's a Code Block I'm adding to the additional info part of the product but all I get is the code, and not the Facebook comment box I was hoping for.  

Please could anyone advise where I'm going wrong? 

I understand that SquareSpace will not help with this as it's an external thing.  

Many thanks for your help 🙂

Link to comment
  • Replies 6
  • Views 898
  • Created
  • Last Reply
1 hour ago, LynneBaker said:

I've ensured that it's a Code Block I'm adding to the additional info part of the product but all I get is the code, and not the Facebook comment box I was hoping for.  

In the Code Block, have you selected 'HTML' and unchecked 'Display Source'?

If yes, it will help us if you show a screenshot of you editing the Code Block.

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing 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 below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment

From your screenshot, it appears you are adding the HTML to a standard Text Block, not a Code Block.

You'll need to click one of the insertion points and then choose Code from the list of Blocks. You should then see the settings I mentioned earlier.

2118118656_Code-BlockinProductAdditionalInfo.thumb.png.5be575bdeece89abca90384a97725375.png

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing 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 below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
On 1/2/2021 at 5:03 PM, LynneBaker said:

Thank you so much for your help - here's the screenshot when I add the code generated by Facebook.  When I hit the save button it displays nothing so I'm obviously still not doing it correctly!

I'm sorry, I must seem like a complete dolt!

 

Thank you again 🙂

Screenshot 2021-01-02 at 09.57.51.png

Hi. Have you solved this yet??

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 weeks later...
On 1/2/2021 at 5:03 AM, LynneBaker said:

Thank you so much for your help - here's the screenshot when I add the code generated by Facebook.  When I hit the save button it displays nothing so I'm obviously still not doing it correctly!

I'm sorry, I must seem like a complete dolt!

 

Thank you again 🙂

Screenshot 2021-01-02 at 09.57.51.png

Code in a code block is meant to be invisible so it does not show up as text on your page, that is why you have the checkbox to Display Source. So you add the code in the "Code" window and then when you hit apply, it should be invisible.
Squarespace is kind of annoying in that it doesn't display it as grayed out or something when you are editing the page, it's just invisible and you have to remember it's there. 

Link to comment

Archived

This topic is now archived and is closed to further replies.

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