Help with button in Elementor

Job ID: 31422748

Budget: $10 – $30 USD

Hi. I'm implementing Calandly scheduling into my site. It has some script options. I know how to embed it into a page. But I want it to popup using Elementors buttons. I have to add an onclick event to it. I do not want to use Elementors popup feature, as it will load in their lightbox window.

https://help.calendly.com/hc/en-us/articles/360019861794-Common-embed-questions#2

Here's the code I think we need:

<!-- Calendly link widget begin -->
<link
href="https://calendly.com/assets/external/widget.css"
rel="stylesheet">
<script
src="https://calendly.com/assets/external/widget.js"
type="text/javascript"></script>
<!-- Calendly link widget end -->
Next, you’ll need to trigger this Javascript code when the button is clicked to initiate the pop-up. To an HTML element, add:
onclick="Calendly.showPopupWidget('YOUR_SCHEDULING_LINK');
return false;"

and I have the url to swap it out with.

This should take about 10 min.
Related categories: WordPress Elementor