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?
Question
THILLSON 0
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
Link to post
Top Posters For This Question
6
6
Popular Days
Oct 30
10
Oct 31
2
Top Posters For This Question
THILLSON 6 posts
bangank36 6 posts
Popular Days
Oct 30 2020
10 posts
Oct 31 2020
2 posts
Popular Posts
bangank36
I made the code so it only work with the button with the url
Posted Images
11 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment