sacred Posted February 12, 2020 Share Posted February 12, 2020 Site URL: http://addisonstreetspa.com/book-private I deployed a Mindbody widget using a code box, and the widget displays fine but is not clickable. Mindbody support says to disable ajax loading, but Squarespace v7.1 does not support ajax loading, so this fix is no longer applicable. Has anyone had this problem and found a fix for it?? Link to comment
paul2009 Posted February 15, 2020 Share Posted February 15, 2020 Here are some basic troubleshooting steps to help the community to help you further: Which widget are you trying to use, the new updated widget, or the old ‘classic’ design? When you created the widget, what code was generated? Do you have any other code inserted on your site? About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
sacred Posted February 15, 2020 Author Share Posted February 15, 2020 @paul2009 It's the Mindbody Branded Web Appointment Widget. To my knowledge it is the latest design. Attached a screenshot of the widget creation page. There is no other code on the site at this time. I've attached a screenshot of the code Also attached a screenshot of the widget displayed on my page https://www.addisonstreetspa.com/book-private Link to comment
Solution paul2009 Posted February 15, 2020 Solution Share Posted February 15, 2020 (edited) @sacred As you say, this is an issue with Squarespace 7.1. The same code will work perfectly well on Squarespace 7.0. The issue occurs because Squarespace 7.1 has a renamed header class that is the same as the one used by the healcode widget, and this causes a conflict that prevents the widget from working properly. This causes a number of issues when the widget is added to 7.1, the most obvious being the disabling of pointer events (that prevents a user from clicking or tapping on the widget) and some formatting issues. If you add this to Design > Custom CSS it should fix this specific issue: div.healcode .header { position: relative!important; pointer-events: auto; } Let me know how you get on. -Paul Edited June 2, 2020 by paul2009 tracysiciliano 1 About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
sacred Posted February 15, 2020 Author Share Posted February 15, 2020 @paul2009 Thank you! That CSS did the trick. Only issue now is that the appointment windows don't push the footer down. They are visually overlapping the footer. Please see video upload. addisonstreetspa-scroll.mov Link to comment
kristin.creative Posted May 26, 2020 Share Posted May 26, 2020 Im also having problems with this! Is there a way to make this button clickable in my markdown? I want to make the black button clickable. (I've added the red one with the script alternatively if this isn't possible.) I've added the code above but it didnt work. Thank you! Link to comment
tuanphan Posted May 27, 2020 Share Posted May 27, 2020 21 hours ago, kristin.creative said: Im also having problems with this! Is there a way to make this button clickable in my markdown? I want to make the black button clickable. (I've added the red one with the script alternatively if this isn't possible.) I've added the code above but it didnt work. Thank you! Can you share link to page in screenshot? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Nomes Posted May 28, 2020 Share Posted May 28, 2020 I am having an issue of my text overlapping in my Enrolments MindBody widgets (Screenshot attached) www.addictivepolefitness.net/free-class Can anyone help with this issue please? Link to comment
tuanphan Posted May 28, 2020 Share Posted May 28, 2020 4 hours ago, Nomes said: I am having an issue of my text overlapping in my Enrolments MindBody widgets (Screenshot attached) www.addictivepolefitness.net/free-class Can anyone help with this issue please? Seems fine here. Did you solve? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Htouch Posted June 2, 2020 Share Posted June 2, 2020 I inserted the Custom CSS as suggested earlier by going to Design - Custom CSS: div.healcode .header { position: relative!important; pointer-events: auto; } But the Appointment Widget still doesn't deploy correctly. It looks like a static calendar but you can't click on it to search for appointment times, dates, etc. and it runs over the footer when you scroll. Also can't get the Frederick/Marketing Suite reviews code to display on my main page in a code block. Code is: <div data-fred-widget-reviews></div> <script src="https://d1yw3duy3i4qiv.cloudfront.net/js/sdk-v1.js"></script> <script> FRED.init({ locationId: "23ca8b2d-148c-4dfa-aef7-fc0444f08e3e", perPage: 5, layout: "list", background: "ffffff", titleHexColor: "8cc63f", starHexColor: "fcc415" }); </script> Is this JavaScript? or CSS? or which code type? Tried them all. URL: heavenlytouchboone.com Link to comment
dizzzylizzzie Posted December 2, 2020 Share Posted December 2, 2020 Just wanted to say THANK YOU to the people involved here. After calls with Mindbody and Squarespace saying their hands were tied, this community steps in! Thanks! Link to comment
jdscreativestudio Posted December 23, 2020 Share Posted December 23, 2020 Thank you so much for sharing this tip! I spent a few hours trying to figure it out. Such an easy fix! Link to comment
caitryan Posted September 30, 2022 Share Posted September 30, 2022 I'm wondering if there is a fix for the account button not being clickable. The code mentioned above fixes everything but that? Thanks Link to comment
creedon Posted September 30, 2022 Share Posted September 30, 2022 23 minutes ago, caitryan said: I'm wondering if there is a fix for the account button not being clickable. Please post the URL for a page on your site where we can see your issue. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works. Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/. We can then take a look at your issue. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
bendd Posted October 3, 2022 Share Posted October 3, 2022 On 6/3/2020 at 2:57 AM, Htouch said: I inserted the Custom CSS as suggested earlier by going to Design - Custom CSS: div.healcode .header { position: relative!important; pointer-events: auto; } But the Appointment Widget still doesn't deploy correctly. It looks like a static calendar but you can't click on it to search for appointment times, dates, etc. and it runs over the footer when you scroll. Also can't get the Frederick/Marketing Suite reviews code to display on my main page in a code block. Code is: <div data-fred-widget-reviews></div> <script src="https://d1yw3duy3i4qiv.cloudfront.net/js/sdk-v1.js"></script> <script> FRED.init({ locationId: "23ca8b2d-148c-4dfa-aef7-fc0444f08e3e", perPage: 5, layout: "list", background: "ffffff", titleHexColor: "8cc63f", starHexColor: "fcc415" }); </script> Is this JavaScript? or CSS? or which code type? Tried them all. URL: heavenlytouchboone.com Hey Htouch -- I know this was posted a while ago but I am finding the same problem currently with my marketing suite widget and I'm curious if you ever found a solution? Thank you! Link to comment
bendd Posted October 3, 2022 Share Posted October 3, 2022 Site URL: https://benddstudio.com/ Hey support community! I've seen a few people struggling with MINDBODY HTML code in 7.1, just curious is anyone has found a tweak (Maybe CSS?) that allows the MINDBODY review widget through marketing suite to be posted on the website. When I inject the code it just comes up as 'Script Disabled'. Thank you! Erin Link to comment
paul2009 Posted October 4, 2022 Share Posted October 4, 2022 9 hours ago, bendd said: When I inject the code it just comes up as 'Script Disabled'. The 'Script Disabled' message is Squarespace's way of explaining that Code Block scripts will not run when you’re logged in to the website. It's a security feature. It doesn’t indicate that there is anything wrong with the MindBody script content. To test the script, visit your site in an incognito or private browser window without logging in to the site. You'll now see what it looks like to visitors, which may be slightly different than in the preview window. Try it and let us know how you get on. If this post has helped you, please click a 'Like' or 'Thanks' icon below ⬇️ About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
JANESROOM Posted November 24, 2022 Share Posted November 24, 2022 (edited) Hi there, @paul2009 Can you help me please as you seem to know this issue? I have tried to use the mindbody widget and having a bizarre issue. The widget has been added below the text however it is displaying up on the top left hand side of my screen overlapping everything. I tried to add the code as recommended however this did not help. Can you help please?? Warmly Jane Edited November 25, 2022 by JANESROOM Add Paul2009 Link to comment
paul2009 Posted November 25, 2022 Share Posted November 25, 2022 (edited) On 11/24/2022 at 6:37 AM, JANESROOM said: Can you help please? Please provide details of how we can view the site? We'll need the URL and the public password. Please also show us the code that you added, and tell us where you added it. Also, please check my solution from 2020. Edited June 11 by paul2009 About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
JDVA Posted June 8 Share Posted June 8 On 11/25/2022 at 6:43 PM, paul2009 said: Please provide details of how we can view the site? We'll need the URL and the public password. Please also show us the code that you added, and tell us where you added it. Hi Paul, Here is the link to the test page I've created so you can see what the widget is doing: https://www.sahsin.com/book-online-test This is the code provided by the MindBody Branded Web App: <script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script> <healcode-widget data-type="appointments" data-widget-partner="object" data-widget-id="cc10144261c4" data-widget-version="0" ></healcode-widget> The code was added to the section under the heading (separate section). The widget is sitting on the top lefthand side. When scrolling back up to the top, the dropdown fields sit in the header. Our contact at MindBody is also looking into this issue. Would you have any suggestions on how we can fix this? Thank you, Jess Link to comment
tuanphan Posted June 11 Share Posted June 11 On 6/9/2023 at 6:34 AM, JDVA said: Hi Paul, Here is the link to the test page I've created so you can see what the widget is doing: https://www.sahsin.com/book-online-test This is the code provided by the MindBody Branded Web App: <script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script> <healcode-widget data-type="appointments" data-widget-partner="object" data-widget-id="cc10144261c4" data-widget-version="0" ></healcode-widget> The code was added to the section under the heading (separate section). The widget is sitting on the top lefthand side. When scrolling back up to the top, the dropdown fields sit in the header. Our contact at MindBody is also looking into this issue. Would you have any suggestions on how we can fix this? Thank you, Jess MindBody has some tag conflict with SS header tag. You can add this code to Design > Custom CSS to override it .healcode .header { position: static !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
JDVA Posted June 13 Share Posted June 13 On 6/11/2023 at 5:05 PM, tuanphan said: MindBody has some tag conflict with SS header tag. You can add this code to Design > Custom CSS to override it .healcode .header { position: static !important; } Thank you for getting back to me. Unfortunately, I haven't had any success with this code. Link to comment
tuanphan Posted June 14 Share Posted June 14 On 6/13/2023 at 10:24 AM, JDVA said: Thank you for getting back to me. Unfortunately, I haven't had any success with this code. Can you add & keep the code in CSS box? We can check it again easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
JDVA Posted June 20 Share Posted June 20 On 6/14/2023 at 7:16 PM, tuanphan said: Can you add & keep the code in CSS box? We can check it again easier The code is still active in the Custom CSS box. Link to comment
JDVA Posted June 22 Share Posted June 22 The situation has been resolved. There was existing CSS code which was conflicting with the code you recommended. tuanphan 1 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