Hi there You will learn how to integrate Calendly with Botpress. Start out by signing up at [Calendly ](https://calendly.com) Visit the Event Types tab on your [Home page](https://calendly.com/event_types/user/me). Find the team or user whose landing page you'd like to share. Select the gear icon and then select Add to Website. Then, choose the type of embed that you prefer and [adjust the appearance](https://help.calendly.com/hc/en-us/articles/223147027-Embed-options-overview?tab=general#7) to fit your site. Find the URL in the embed code, would look like this https://calendly.com/hcai-r2a. Replace the URL in the JavaScript section of the [JSFiddle](https://jsfiddle.net/Decay15/3ah6ek4c/19/) with your own URL. Create a new bot on Botpress or use an already existing one. In the bots flow add the Send Custom Event card. This will send the event to the website which will display the Calendly booking flow so make sure that the place in your flow makes sense. In the Send Custom Event Card add {{event.conversationId}} to the Conversation ID and add a payload. I am using this payload

Copy code

{
  "popupCalendly": "Make it popup"
}

but you can make adjust it to fit your needs. Publish your bot and once it has been published go to the Webchat integration -> Pre-configured and copy the Embedded code. Replace it with the code in the [JSFiddle](https://jsfiddle.net/Decay15/3ah6ek4c/19/) All there is left to do is just to test it, Happy bot building🚀 Useful links: Calendly: [Link to Calendly ](https://calendly.com) The code: [Link to JSFiddle](https://jsfiddle.net/Decay15/3ah6ek4c/20/) Youtube video: [Youtube tutorial]()

decay can you please show us an example of how it looks ?

You can check out the JSFiddle I have attached to see it

People will be super happy to have this tutorial ! Good work 🙂

Hey, this is pretty neat. Just a question, from what I'm seeing I guess this won't work when deploying to telegram will it?

No, unfortunately not 😦

Excellent, yeah that would be great. I'm planning on building out an AI lead magnet (3 days of free use where I provide value), with the goal to book in calls for qualified leads in the back end.

Ohhh, that sounds really nice. I can see how Calendly would be useful then.

I'm probably missing something ultra basic as I'm still pretty new to a lot of this. I think I have every part put together correctly now besides the fact that the Send Custom Event errors out. I have {{event.conversationId}} in the conversation ID {"popupCalendly": "Make it popup"] in the JSON Payload ----------------------------------------------------------------------------------- This is the message from the log An unexpected error occurred. [Error, Internal request failed (Error ID: err_20240202152025x855D07B0)] {"scope":"dm"} -------------------------------------------------------------------------------------- My flow is just to go from initial choice node of what option to learn about at start of chat, which if going into the 'book a consultation' node from that choice, should lead to this send custom event. I've copied the code from Calendly okay, I've inserted the JSFiddle code into my sites Embed block (with relevant embed info pasted in instead of default from @fresh-fireman-491 ) Just a bit lost from here on why the send event is not working.

Hey Omni I am logging off in just a second but I will be back in like 45 min. Can you try and use your bot in the JSFiddle. Just to make sure that parts works so we can exclude that its not the bot that is the problem.

oh thanks for that I'll try that now

Hey Can you send me a screenshot of your Send Custom event card so I can see what you are sending.

I think that yes it is the bot

Yeah that bot the pop up works fine

If you just replace this part

I only replaced that part in JSFiddle

This is the bot that I used for it

ohh

I just tried with the bot and it works just fine

yeah your one is fine dont mind me

Didn't you say that it gave an error?

just in botpress itself. on JSFiddle its fine

That is nice to hear I am away for the weekend so I will most likely not have a lot of time to help, but if you want you can send me your bot and I can test it and see if I can figure it out. You should of course delete all sensitive/private information first

hm it might have been having use KB to answer enabled on a multiple choice block before that point. but not 100% sure. that seems to have fixed it after rearranging some nodes around. appreciate that offer a lot ty.

You have to include the JavaScript. Take a look at this https://jsfiddle.net/Decay15/3ah6ek4c/26/

ahh

You are very welcome!

legend 🙂 worth staying up all night aha. this should prove all very useful whenever I have to do more embedding

good tutorial decay !!!!

Unfortunately not as the widget pops is from Calendly and not made in Botpress. Calendly has an API so you could make an API call and get the latest meeting booked but this would be messy when multiple people book a time at the same time.

Did you manage to get it sorted? Also check if you have an ad blocker browser extension or try incognito

yeah have it all integrated now with calendly thats all good

Hey Decay, This is really good, thank you so much for sharing it with the community! A few quick questions, these are more based on Calendly not Botpress so not a problem if you're not sure: 1 - Can you determine which fields are needed to be filled for someone to book a meeting? Eg in my case I would require a phone number and a URL to be provided for the meeting 2 - Can you somehow add a variable from earlier in the workflow into notes or a field in in Calendly booking?

Hey Konnect👋 I don't have a lot of experience with Calendly to be honest, I just got asked if it was possible to do it. I did some digging but I haven't been able to find about determining which fields are needed to be filled. I did find something which I think can answer you 2nd question. I found this article https://help.calendly.com/hc/en-us/articles/223147027-Embed-options-overview?tab=advanced#4 which I think can be used but you would have to send the information to the website with a Send Custom Event card and then use it from there.

Thanks Decay! I just found this page which answers question 1 🙂 https://calendly.com/blog/guide-calendly-custom-questions Cheers for the link about question 2, you're right I think it could be possible based off that, but in my case it'll probably just be easier to add it as a field in calendly again haha. Appreicate the help 🙂

Ahhh amazing, thank you for sharing it here!

Heyy guys, I have a question

While searching about that I came across this video: 6:14 Add custom questions 8:23 Add you logo to the booking page This should work even though the video is 2 years old. This video is also a great one to watch: Article about the same thing: https://help.calendly.com/hc/en-us/articles/360058831054-How-to-use-your-own-email-to-send-Workflows-emails#How-to-send-workflow-emails-from-your-Gmail-account-for-existing-workflows

Randomly came across this amazing video I would recommend it to everyone, that is interested in using Calendly with Botpress, to watch it.

Hey Decay! I am finally around to integrating this, thanks again for the awesome tutorial! 👏 It works perfectly in JSFiddle, but the Calendly popup never appears when it is on the website. What should I be looking for to debug this?

Hey there, All of the JavaScript code from the JSFiddle should be inside JavaScript code here in your HTML code

Thank you. That is different to what I had so I was hopeful but I have changed it and it still doesn't want to open to popup on the website, but works in JSFiddle

Are you using the same bot?

Yeah, I am copying the Embedded code from botpress and pasting it into lines 15 and 16 on JDFiddle (replacing what is there)

Alright.. Could you share the non working code with me in a DM?

Of course! Thank you 🙂

Let me know when this can be done in botpress 🥲🤝

Will do, might be worth it to create a post in #1111026806254993459 about it also?

@fresh-fireman-491 So I've tested this, I just have 2 problems if we can consider them problems. They aren't really bad. 1. When I quit the bot while it's sending the calendly appointment schedule and go back to the bot, it skips the calendly schedule and go to the next node 2. There's no X on the window open (so the user might be lost on how to close that window)

I am not sure if that can be fixed as I think its issues on Calendlys side.

We have to put all of this in the embedded of webchat=> pre-configured of botpress ? Because I can't edit this part of the bot

The code should be added to the JavaScript part of your code. Either a JS file or in your HTML file in the part.

Hi Decay, the video you've shared is exactly want ive been trying to do. but i keep getting an error 400. would you care to assist?

Hey there, I am away with my class these days so I won't be able to do much, but maybe you could describe the issue a bit more and I can think of what might be causing it

decay I tried integrating calendly , It is working as expected in JSFiddle But when I publish my bot calendly popup is not working. send custom event card input is : {{event.conversationId}} - which evaluates to convo 3 Error : Error while executing integration action: Conversation "convo-4" doesn't exist for bot "799de54f-668e-4f14-b2b1-767f05gb3462". The action error will be ignored since you are running in the Studio. Need Help ! Regards, Anand

Hey there, You should do it on a website and include the example code from the JSFiddle. I can't work without it

There's now a Calendly integration built directly into botpress you can download from the Hub: https://botpress.com/integrations/simplygreatbots-calendly

yeah testing on this and got the same @crooked-oyster-9382 , basically test a published version, not in the studio

@fresh-fireman-491 does it works in whatsapp?

No. You can't open a widget in WhatsApp.