How to add Custom button block ID in Squarespace? Don't see any option under button settings.

Site URL: https://www.sunburstpsych.com/

How can I add a custom button ID?  I see blogs suggesting that I can do the following but dont see options for settings anywhere. What I'm trying to do is update all buttons with a custom ID to have a particular behavior such as a calendly popup. I'd like to only do this for select buttons and not all buttons on the website. Any help is much appreciated. 

Quote

Step 2: Add a Custom ID (or Class)

1. Click on the Button Block to open the Button Settings.

2. In the Button Block settings, scroll down to the Advanced section, which will provide fields for Custom CSS Class and Custom ID.

   • In the Custom ID field, you can enter a unique ID for the button. For example, if you want the button to trigger a Calendly popup, you might enter calendly-book-now.

3. Save your changes.

8 minutes ago, ysMurph said:

Site URL: https://www.sunburstpsych.com/

How can I add a custom button ID?  I see blogs suggesting that I can do the following but dont see options for settings anywhere. What I'm trying to do is update all buttons with a custom ID to have a particular behavior such as a calendly popup. I'd like to only do this for select buttons and not all buttons on the website. Any help is much appreciated. 

 

There is no custom id in button block, but you can target these using their href attribute, what is the url you will put to the buttons

https://calendly.com/sunburst-psych

I'd like to be able to have these select buttons all across the website go to Calendly in-page popup via link-widget code (shown below). I only need select buttons per page doing this, not all of them. 

<!-- 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" async></script>
<a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/sunburst-psych'});return false;">Schedule Now</a>
<!-- Calendly link widget end -->