issue with calendly embed not loading

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!

Hi @kindman! How did you resolve this issue? I'm currently experiencing the same. 

Thank you in advance for your help!

-Mary Claire

Can you share link to page where you embed calendly? We can check easier

Any luck here? I'm having the same issue with an embedded cart from Ecwid. I've had it for years and starting yesterday it stopped loading unless the user refreshes the page.

Sometimes it works sometimes it doesnt https://verdantdetox.squarespace.com/buy-now

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

I have the same issue but its not with calendy. Its with two different embed codes. 

3 hours ago, malloyjoshua said:

I have the same issue but its not with calendy. Its with two different embed codes. 

Hi,
Share your website URL via DM and the details of your problem!

Best,
Leopold

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!

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

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

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

I got the same issue on two of my pages. One for bookings via "calendly" and on the other page to sale event tickets via Ticket Tailor. On both sites nothing shows. 

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

@creedon thanks for your reply. 

And here are the two pages:

1. Calendly widget should show up here: https://www.christiankasper.org/booking

2. The page which includes a Ticket Tailor widget: https://www.christiankasper.org/events

Much appreciated and thank you! 

@ChristianKasper

Here is what I see at first URL.

And at second URL.

The code appears to be working. When you have issues like this it is always a good idea to look at your site like a visitor would. Use an incognito/private window to view your site.

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

@ChristianKasper

Are you editing your site when it doesn't appear? SS disables scripts from running when in Preview.

I opened those pages about a half-dozen times each and no issues.

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? 

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

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.

I found the issue. But it will disable infinite scrolling (which was no issue for my site). 

What I had to do is to turn off ajax. I found the solution here: 

1. Open a Page, in the Home Menu, click Design, and then click Site Styles.

2. Scroll down to Site: Loading.

3. Uncheck Enable Ajax Loading.

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

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.

Can anyone help on this? Is there a standard edit to the Calendly code that can fix this? Having the same issue with having to refresh. Thanks!