Jump to content

issue with calendly embed not loading

Go to solution Solved by paul2009,

Recommended Posts

Site URL: https://www.kindman.co/contact

hello,

we are having issues with our embedded calendly code on our contact page not loading on the first attempt.  When you refresh the page it shows up, but it doesn't appear when you initially go to the page.  This is the primary way that clients get to us so it's a big issue!  I asked SS for help and they don't do it because it's a third-party and directed me here. 

Please help!

Link to comment
  • 1 month later...

Hi

Insert this code in your Footer Code Injection.

<script type="text/javascript">
	$("#YOUR-BLOCK-ID-HERE").click(function(){
		Calendly.initPopupWidget({url: 'https://calendly.com/YOU-LINK'});return false;
 
});
</script>

Please use the like button if it helps you!

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment
  • 2 months later...
2 hours ago, Cottonanthony said:

Hello, 

I'm having the same issue. If I click on the Appointment button on my site it will not load my calendar. If I refresh the page it comes up. If I specifically click a link for my calendar it comes up. https://www.adlydigital.com/appointment (This works). If I'm on my site adlydigital.com and click appointment is doesn't work. Does anyone have any suggestions? Thank you!

Hi,
Please contact me via DM to check it for you!

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment

Hi Leopold, 

In the code below for the Footer Code Injection, what is the block ID and where do I find it??

 

Thank you!

 

Insert this code in your Footer Code Injection.

<script type="text/javascript">
	$("#YOUR-BLOCK-ID-HERE").click(function(){
		Calendly.initPopupWidget({url: 'https://calendly.com/YOU-LINK'});return false;
 
});
</script>

Please use the like button if it helps you!

Best,
Leopold

Link to comment
5 hours ago, tacktdigital said:

Hi Leopold, 

In the code below for the Footer Code Injection, what is the block ID and where do I find it??

 

Thank you!

 

Insert this code in your Footer Code Injection.


<script type="text/javascript">
	$("#YOUR-BLOCK-ID-HERE").click(function(){
		Calendly.initPopupWidget({url: 'https://calendly.com/YOU-LINK'});return false;
 
});
</script>

Please use the like button if it helps you!

Best,
Leopold

Hi,
Please share your website URL via DM to check it.

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment

@ChristianKasper

Please post the URL for the two pages on your site.

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 is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

@creedon thanks for checking and exactly that is how it suppose to look. But most of the time when I go to the website it doesn't appear and I first have to refresh the page to be able to see the widget. Not always but quite often. 

If you try to open it again in a different browser, window or incognito you should be able to see the problem that I'm talking about. 

Link to comment
On 1/30/2021 at 10:03 AM, Cottonanthony said:

Hello, 

I'm having the same issue. If I click on the Appointment button on my site it will not load my calendar. If I refresh the page it comes up. If I specifically click a link for my calendar it comes up. https://www.adlydigital.com/appointment (This works). If I'm on my site adlydigital.com and click appointment is doesn't work. Does anyone have any suggestions? Thank you!

I am having this same issue! My Appointments is not working at all on my site (www.eyeofscottie.com) or on my booking site (https://eyeofscottie-inc.square.site).

When you click on “Book Now” , nothing comes up at all. Any way to fix this? 

CAE3826F-9DB0-4C61-B3C2-9EC2A4BFC012.png

Link to comment
1 hour ago, Scottie said:

I am having this same issue! My Appointments is not working at all on my site (www.eyeofscottie.com) or on my booking site (https://eyeofscottie-inc.square.site).

When you click on “Book Now” , nothing comes up at all. Any way to fix this? 

 

Hi,
It's Content Security Policy error! I'm not sure about it because it's not SQSP!
But please contact me via DM and add me there to check it.

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment
  • Solution
On 10/16/2020 at 7:01 PM, kindman said:

we are having issues with our embedded calendly code on our contact page not loading on the first attempt.

On 11/27/2020 at 7:10 PM, VerdantDetox said:

I'm having the same issue with an embedded cart from Ecwid.

All the issues described in this thread (at least those where a URL was provided) were caused by the "Ajax Page Loading" service. This is an excellent feature that is available on Squarespace 7.0 Brine-family templates. It improves your website performance by preventing code in the header and footer from loading with every page, but this stops third-party code from running.

I wrote a guide about it here: Why does Squarespace code only work on refresh?

If you're using third-party code, like Calendly and Ecwid on your Brine-family site, this code cannot be adapted to work with "Ajax Page Loading" and so you'll need to disable this in Site Styles, as I describe in the guide.

Edited by paul2009

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
  • 4 weeks later...

@IXStudio

I'm having a similar issue with my clients site - www.lilleyconsulting.com/contact

Our Calendly embed code is not displaying. I've added your code with what I believe is the correct block id but with no luck...

<script type="text/javascript">
    $("#yui_3_17_2_1_1615313080603_518").click(function(){
        Calendly.initPopupWidget({url: 'https://calendly.com/lilleyconsulting'});return false;
});
</script>

Any chance you could take a look at this for me? 

Thanks!!!

Link to comment
24 minutes ago, leftslopemedia1 said:

@IXStudio

I'm having a similar issue with my clients site - www.lilleyconsulting.com/contact

Our Calendly embed code is not displaying. I've added your code with what I believe is the correct block id but with no luck...

<script type="text/javascript">
    $("#yui_3_17_2_1_1615313080603_518").click(function(){
        Calendly.initPopupWidget({url: 'https://calendly.com/lilleyconsulting'});return false;
});
</script>

Any chance you could take a look at this for me? 

Thanks!!!

Him
Please contact me via DM to check it for you!

Thanks.

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment
  • 4 weeks later...

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.