I added a dynamic checkout button as described in the documentation, but it was disabled. Are there any other actions required?

A user is experiencing an issue where a custom dynamic checkout button appears disabled after adding it according to Shopify documentation. They’ve shared screenshots showing the implementation.
Response provided:
Current status:
I added a dynamic checkout button as described in the documentation, but it was disabled. Are there any other actions required?

there are different settings for each theme but you can enable that from the theme customizer
thanks