The overlay donate button gives visitors a way to open your donation checkout while browsing your website. Its settings are in the default campaign’s Appearance section.
Turning the button on or off
Open Campaigns in your Double dashboard.
Open the default campaign.
On the Checkout tab, open Appearance.
Turn Overlay donate button on or off.
Click Save.
If you do not see the overlay button setting in another campaign, check the default campaign.
Choosing the button style and position
Choose between Icon and Icon and text for the button style.
Under Position, choose Left side or Right side. The setting describes which side of the screen displays the checkout and button.
Customizing checkout colors
The Appearance section includes three color controls:
Theme color
Header color
Theme text color
Open a color control to choose a color or enter its color code. Save the change, then review the checkout on your website.
Hiding the button on specific pages
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>