Skip to main content

How to disable the overlay donate button

In this article you'll learn how to disable the overlay donate button

Updated over 7 months ago

One of Double's effective features is the overlay donate button - which appears on every page and section of your website and invites donors to donate wherever they are.

It's highly recommended that you leave it on as it has been shown to significantly boost donations.

If you still want to disable it for any reason, here's how:

  1. On the Double dashboard, navigate to the Campaigns tab.

  2. Click on the Default campaign.

  3. Under the Appearance drawer, turn on/off the Overlay donate button .

To hide the overlay donate button on certain pages, paste the following code snippet into the header of the page:

<script> document.addEventListener('DOMContentLoaded', function () { const hideDoubleElements = () => { const elementsToHide = document.querySelectorAll('.double-app .launcher-frame, .double-app .toaster-frame'); if (elementsToHide.length) elementsToHide.forEach((e) => (e.style.display = 'none')); }; hideDoubleElements(); const observer = new MutationObserver(hideDoubleElements); observer.observe(document.body, { childList: true, subtree: true }); }); </script>

Did this answer your question?