The "Accept" and "Reject" buttons do not work

Consent Pro
1

Description

I added the banner from the Consent Pro app, but the buttons aren’t working.
I don’t understand where the problem is coming from.

Site URL

It seems the script is not being read correctly.

LInk Video Loom : The "Accept" and "Reject" buttons do not work. | Loom

2

Hey @anthony2!

This is a common issue with Consent Pro script loading or component setup. Your HTML structure looks good with all the proper fs-consent attributes in place!

Let’s troubleshoot this systematically:

  1. Enable Debug Mode First
    Add ?fs-consent=debugger to your site URL to see detailed error logs.

  2. Check Script Installation

  3. Check Browser Console
    With debug mode active, open your browser’s developer tools (F12) and check the Console tab for any errors related to script loading, CSP violations, or Finsweet verification issues.

  4. Verify Component Structure
    Make sure your Accept and Reject buttons are inside the fs-consent_component wrapper element.

  5. Common CSP Issue
    If you see errors about refusing to connect to accounts.finsweet.com, you may need to update your Content Security Policy.

Could you try the debug mode first and let me know what errors show up in the console? That will help us pinpoint exactly what’s causing the buttons not to respond! :thinking:

If this gets too technical, @Support-Luis, @Support-Pedro or @jesse.muiruri can help further troubleshoot your setup.

3

Result ?fs-consent=debugger :

Stored the element: <script fs-consent-categories="essential" fs-consent-scripttype="text/javascript" type="fs-consent">

hbspt.forms.create({
region: 'eu1',
portalId: '144733027',
formId: 'd9e7c583-af82-4ac4-8860-8b60b2aab4c8',
onFormReady: function($form) {
if (!gclid) return;
const hiddenField = $form.querySelector("input[name='gclid']");
if (hiddenField) hiddenField.value = gclid;
}
});
</script> in the categories: essential
✖
Stored the element: <script fs-consent-categories="essential" fs-consent-scripttype="text/javascript" type="fs-consent">
const gclid = new URLSearchParams(window.location.search).get('gclid');

hbspt.forms.create({
region: 'eu1',
portalId: '144733027',
formId: '3f8347d4-5724-49d0-9208-03d6806bde86',
onFormReady: function($form) {
if (!gclid) return;
const hiddenField = $form.querySelector("input[name='gclid']");
if (hiddenField) hiddenField.value = gclid;
}
});
</script> in the categories: essential```
4

When I set up the cookie banner on another page of the site, there’s no problem.
But from the homepage, the banner doesn’t work correctly.
It’s as if something is blocking the script from reading.

5

Hey @anthony2!

Seems that you have removed Consent Pro from the project. Let me know if you’d like to give the setup another go!

I’ll be happy to help! :flexed_biceps: