Site URL: https://www.goodservice.coach/customer-led-maturity
Hi,
OK, this is a newbie question sorry.
I'm trying to get the top 3 CTA buttons (FREE 30-MIN CALL) on this page to call the following code and display it as a popup.
<!-- Calendly link widget begin -->
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript"></script>
<a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/tony-goodservice-coach/customer-strategy-service-assessment?hide_event_type_details=1&text_color=021226&primary_color=f24b59'});return false;">FREE 30-MIN CALL</a>
<!-- Calendly link widget end -->
I managed to hack together a temporary button (example Lightbox), that works, but when i insert this code in the other sections, the alignment, sizing and text alignment all break.
The Buttons I'm trying to replicate are all based on this element I think, but I don't know how to beat it into submission so that it inherits the same styling and placement of the top 3 CTA buttons?
<a href="" class="sqs-block-button-element--medium sqs-block-button-element" data-initialized="true">Learn more</a>
Can anyone help? I'd really appreciate it.
cheers
Tony