Hey @amyhynes 
For the specific regulatory requirements you mentioned from the CPPA, we’d recommend consulting with a legal professional to ensure full compliance with those new regulations — we can’t provide legal advice on what’s required, but we can definitely help you with the technical implementation side.
Consent Pro doesn’t currently have a built-in confirmation message feature. However, we can achieve this with some custom JavaScript using Consent Pro’s event API.
The Approach
Consent Pro fires an event called consent-updated whenever a user accepts, rejects, or modifies their consent preferences. We can listen for this event and show a confirmation message when it triggers.
Implementation Steps
- Add a confirmation message element in Webflow
Create a hidden div in your Webflow Designer with your confirmation text. Give it a class name like consent-confirmation and set its initial display to none.
Example structure:
<div class="consent-confirmation" style="display: none;">
<div class="consent-confirmation-content">
Thank you! Your preferences have been saved.
</div>
</div>
- Add this JavaScript to your site
Place this in your page’s custom code section or in an embed:
<script>
window.FinsweetConsentPro = window.FinsweetConsentPro || [];
window.FinsweetConsentPro.push([
'consent',
(FinsweetConsentPro) => {
let confirmationShown = false;
FinsweetConsentPro.on('consent-updated', (detail) => {
// Prevent showing multiple times
if (confirmationShown) return;
confirmationShown = true;
// Show the confirmation message
const confirmationEl = document.querySelector('.consent-confirmation');
if (confirmationEl) {
confirmationEl.style.display = 'block';
// Auto-hide after 3 seconds
setTimeout(() => {
confirmationEl.style.display = 'none';
// Reset flag for future preference changes
confirmationShown = false;
}, 3000);
}
});
}
]);
</script>
- Style your confirmation message
Use Webflow’s Designer to style the consent-confirmation class however you’d like — position it as a toast notification, modal overlay, or wherever makes sense for your design and compliance requirements.
Important Notes
This is a custom implementation using the Consent Pro API, not a built-in feature. The code above includes a flag to prevent the message from showing multiple times on the same page load. You can adjust the timeout (currently 3000ms = 3 seconds) to fit your needs.
If you run into any issues implementing this or need help adjusting it for your specific requirements, feel free to share your staging link and we can help debug!