Andrew_w Posted January 8, 2023 Share Posted January 8, 2023 Hi, I'm hoping someone may be able to kindly assist. I am trying to embed a trust badge on my website - https://www.simplehonours.co.nz/study-cb. I have obtained the javascript code provided and embedded this via a code block on my site. However when I save this, the outcome / badge is not displayed. Once I've entered the code, as expected I receive the message stating that the embedded script is disabled while I'm logged in. I then log out and open the page in a separate incognito tab but still nothing is displayed. I'm unsure if it is an issue with the code or the way I'm adding it to my site. It appears to be a well used and readily available code that's referred to in many blogs. But unfortunately, ClickBank's Knowledge Base Article which is supposed to be used to help implement the badge is not available and appears to have been removed from their support site. I'm using Squarespace version 7.1, so it shouldn't be an Ajax loading issue or an index page issue. I've tried repositioning the code to other pages and opening in safe mode, but nothing seems to work. Any help or advice would be much appreciated. Screenshots below. Link to comment
paul2009 Posted January 8, 2023 Share Posted January 8, 2023 (edited) On 1/8/2023 at 1:24 AM, Andrew_w said: I am trying to embed a trust badge on my website. I have obtained the javascript code provided and embedded this via a code block on my site. However when I save this, the outcome / badge is not displayed. This should ideally be added to the Code Injection Header rather than a Code Block. To do this, go to Settings > Advanced > Code Injection > Header. As this is a tracker that will track visitors to the website, don't forget to inform website visitors about this in your Privacy Policy 🙂 Did this help? Please give feedback by clicking an icon below ⬇️ Edited January 11, 2023 by paul2009 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. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
Andrew_w Posted January 9, 2023 Author Share Posted January 9, 2023 Hi Paul, thanks so much for your response. Unfortunately, this doesn't seem to work for me either. I entered the code into the code injection header as you suggest, then saved, logged out and opened incognito....still nothing displayed. I actually just want it to appear on one page (https://www.simplehonours.co.nz/study-cb) rather than the whole site, so I tried entering the code via the Advanced Page Settings just for that page and this didn't work either. I'm wondering if the only way to do this is to somehow view the webpage as HTML code and then add my little bit of code just above the closing header tag. But I'm not sure how to do this, and I don't think Squarespace likes me playing around with the coding as I'm not an advanced user. Any other advice would be greatly appreciated. Link to comment
paul2009 Posted January 9, 2023 Share Posted January 9, 2023 (edited) On 1/9/2023 at 7:32 AM, Andrew_w said: Unfortunately, this doesn't seem to work for me either. I entered the code into the code injection header as you suggest, then saved, logged out and opened incognito....still nothing displayed. I tested the code myself on a test site and it worked fine so this is probably due to settings on your site that conflict with the third party code. Note that personal billing plans won’t support this code but if you are on a business plan or above, please add the code and I’ll take a look to see why it isn’t working in your site specifically. You can use the site-wide or per-page injection area depending on whether you want it to appear on one page or all pages. On 1/9/2023 at 7:32 AM, Andrew_w said: I'm wondering if the only way to do this is to somehow view the webpage as HTML code and then add my little bit of code just above the closing header tag. On Squarespace, the code injection option is how you achieve this. Edited January 11, 2023 by paul2009 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. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
Andrew_w Posted January 9, 2023 Author Share Posted January 9, 2023 Thanks. I'm on a Commerce Basic plan, so that should work I believe. I've added the code via code injection for the whole site. See what you think. Thanks again. Link to comment
Andrew_w Posted January 11, 2023 Author Share Posted January 11, 2023 Hi Paul, I just wanted to check that you don’t need anything else from me to inspect the code? No rush obviously, but I thought I should check in case I’d missed something or not provided enough info 🙂. Regards. Link to comment
Solution paul2009 Posted January 11, 2023 Solution Share Posted January 11, 2023 (edited) On 1/9/2023 at 7:48 AM, Andrew_w said: I've added the code via code injection for the whole site. I just wanted to check that you don’t need anything else from me to inspect the code? The code appears to have been added three times, so if you've added it to the per-page injection and the site injection and the code block, you'll want to remove two of them. After doing that, you should be able to make the remaining trust badge visible by adding this to Design > Custom CSS: #cbBadge { z-index: 12; } This is necessary as the embedded code is using the same class as a built-in Squarespace class, causing the badge to be hidden in a layer underneath the header content. Did this help? Please give feedback by clicking an icon below ⬇️ Edited January 11, 2023 by paul2009 Andrew_w and Jennifer43254 1 1 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. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
Andrew_w Posted January 12, 2023 Author Share Posted January 12, 2023 Hi Paul, Thank you! This has solved the problem. You've been a massive help, thanks once again. Regards paul2009 1 Link to comment
StampJonah Posted May 24, 2023 Share Posted May 24, 2023 Hey guys, I'm having a similar issue with an embedded script that is an animated verticle carousel. It appears in the wrong place in my live site on desktop, and doesn't appear at all on mobile. :\ Link to comment
tuanphan Posted May 28, 2023 Share Posted May 28, 2023 On 5/24/2023 at 9:29 PM, StampJonah said: Hey guys, I'm having a similar issue with an embedded script that is an animated verticle carousel. It appears in the wrong place in my live site on desktop, and doesn't appear at all on mobile. 😕 Can you share link to page where you added code block? 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
AntoniaDingle Posted September 29, 2023 Share Posted September 29, 2023 Hello - I am having the same problem as others in this thread. I've added embedded code for an in line form from Flodesk, and the form box is not appearing on my website page. I have previously added the form successfully to the page (at the top) I wanted to add the form a second time at the bottom, but this one isn't appearing. I've tried logging out, opening in an incognito window but I still can't see it. Can you suggest what I'm doing wrong? The site page is www.glowyourmind.co.uk/register Many thanks, Antonia Link to comment
tuanphan Posted October 3, 2023 Share Posted October 3, 2023 On 9/29/2023 at 10:58 PM, AntoniaDingle said: Hello - I am having the same problem as others in this thread. I've added embedded code for an in line form from Flodesk, and the form box is not appearing on my website page. I have previously added the form successfully to the page (at the top) I wanted to add the form a second time at the bottom, but this one isn't appearing. I've tried logging out, opening in an incognito window but I still can't see it. Can you suggest what I'm doing wrong? The site page is www.glowyourmind.co.uk/register Many thanks, Antonia Can you send both embed code? I will try testing on my site Jennifer43254 1 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
michael2019 Posted November 7, 2023 Share Posted November 7, 2023 Hi, I am having the same issue. Here is what the site looks like in edit mode: Here is what it looks like out of edit mode: The site is live. https://www.counsellingandco.com/ Any suggestions would be appreciated. Thank you. Link to comment
michael2019 Posted November 7, 2023 Share Posted November 7, 2023 Nevermind. I figured it out. There was an issue in my CSS that was blocking the code. /* footer */ #footer-sections a { background: none !important; text-decoration: none !important; } I removed this line, and the image appeared. background: none !important; Link to comment
chechebureche__ Posted March 5 Share Posted March 5 On 9/29/2023 at 11:58 PM, AntoniaDingle said: Hello - I am having the same problem as others in this thread. I've added embedded code for an in line form from Flodesk, and the form box is not appearing on my website page. I have previously added the form successfully to the page (at the top) I wanted to add the form a second time at the bottom, but this one isn't appearing. I've tried logging out, opening in an incognito window but I still can't see it. Can you suggest what I'm doing wrong? The site page is www.glowyourmind.co.uk/register Many thanks, Antonia I do have the same issue as this but the form was from Mailbluster is there any fix on this please. Any assistance you could provide would be greatly appreciated. Thank you in advance. Link to comment
tuanphan Posted March 8 Share Posted March 8 On 3/6/2024 at 12:02 AM, chechebureche__ said: I do have the same issue as this but the form was from Mailbluster is there any fix on this please. Any assistance you could provide would be greatly appreciated. Thank you in advance. If you share link to page where you have problem, we can help easier 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment