OnClick - Calendly Popup

[396studios]

Help again - trying to use calendly clickto= code to implement a button to open their scheduler.

I apologize but I am missing something basic here.

I opened a custom attribute tab, and placed the clickto: and their “Calendly.showPopupWidget(‘https://calendly.com/chrisspicksphotography’);
return false;”

However the part I am obviously missing is that my button isn’t clickable. haha. What am i missing? What do I code into the button to make it click and to the onclick task?

Thanks in advance

[396studios]

I have placed the CSS chunk into global CSS, and placed the ‘html element’ in the custom attributes.

[friech]

Hi @396studios,

You can use the Insert Headers and Footers plugin for that first block of the code. Then add that onclick attribute to your button.

Please note that we do not provide support for 3rd party plugins and scripts.

If you are unfamiliar with code and resolving potential conflicts, you may opt-in on our One service for further assistance.

Thanks,

[396studios]

i appreciate your answer, i feel my question would have been valid if i had just left off the plugin name. wasn’t asking how to support their plugin, but how to make X work since you guys put features all over the place.

so we have to use a third party plugin to make CSS work? i placed it in the X global css modifier zone, but even though I have it in there the button is still not clickable despite having a onclick: code. so it feels like I was missing something major.

[396studios]

ps: it did work, but honestly it is weird to have to know all the 3rd party plugins we need to make things work to just implement basic css when you have a global CSS part that just doesnt work properly (so it seems) or inserting javascript but needing to know all the things you need to delete from the code to make work. We are going to have to be able to ask questions about these things without the support comments.

[396studios]

for future people like me who are advanced novices:

when you use the custom attribute section, delete the quotes you’re given as it adds in its own quotes and double quotes your attribute. more things we need to know how to delete.

[friech]

Hi Chris,

Global CSS is Internal CSS, CSS from Calendly is an external resource as you can see it’s being wrap with HTML <link> Tag tag.

Types of CSS (Cascading Style Sheet)

You can not put HTML <link> tag inside Internal CSS (<style> tag), which is why I suggest using the Insert Headers and Footers plugin.

Additionally, as you can see it is also calling a <script> tag, more reason why you can not place that inside in any CSS area.

Hope that shed some light,
Cheers,