Buttons

Use the Donate Button for the donation call-to-action button in your website’s header navigation and in other areas across your website. The Donate Button includes a heart icon and subtle animations that catch the attention of website visitors and direct them toward a donation.

When users click the button, the Checkout modal of the campaign associated with the Donate Button will open. If the Checkout modal isn’t enabled, they’ll be taken to the Campaign Page.

The Sticky Button is an overlay component, meaning that it is displayed outside of your website’s page layouts and positioned at the higher visual layer (z-index). This makes it very easy to add to your site: you can activate the Sticky Button as soon as the Fundraise Up installation code has been added to your website.

Similar to the Donate Button, Sticky Button includes subtle animations to catch the attention of website visitors. The key difference is that the Sticky Button is attached to the edge of the browser viewport, and remains in position at the side of the page as a website visitor scrolls up or down.

Clicking the Sticky Button will be open the Checkout modal of the campaign associated with the Donate Button. If the Checkout modal isn’t enabled, visitors will be taken to the Campaign Page instead.

The Image Card element combines visuals with a call-to-action button, and is perfect for showcasing specific projects, success stories, or donation options.

You can include a custom image, title, description, and donation button for your Image Card. When site visitors hover their cursor over the chevron symbol next to the title, a slide-up animation reveals the longer description text.

Visitors who click the Image Card will be taken to the Checkout modal of the campaign associated with the Donate Button. If the Checkout modal isn’t enabled, they’ll be taken to the Campaign Page.

The Button Group component is useful if you want to display multiple buttons with a variety of possible donation amounts. Depending on the size of the container where it’s placed, the buttons displayed as part of the Button Group will either be laid out in a single row or in a series of rows and columns.

Users who click the Button Group will be taken to the Checkout modal of the campaign associated with the Donate Button. If the Checkout modal isn’t enabled, they’ll be taken to the Campaign Page.

The Floating Button is a dynamic element that stays fixed in the corner of your website, moving with visitors as they scroll. It activates a popup with an engaging, AI-generated call to action after they’ve spent time exploring your content. When clicked, it opens your campaign’s Checkout Modal or redirects to the Campaign Page if the modal isn’t enabled.

AI plays a key role in this feature by generating donation messages that align with your campaign’s content. If multiple languages are enabled, the AI automatically creates messages in all active languages, eliminating the need for manual customization. While the AI-generated messages come from your campaign descriptions and Ask page content, you can still customize the button’s appearance, such as its size and color.

The button appears one second after page load and displays donation popup at two key moments: after 10 seconds of page viewing, or when desktop visitors move their cursor toward the browser’s address bar (indicating they might leave).

The popup shows only once per site visit and won’t appear again after a successful donation.

To see how the Floating Button works, create a test Element in the Dashboard.

The Fundraisers Button component can be added to your website to provide visitors with an easy way to start a Fundraiser for the campaign the Fundraisers Button is linked to. When this button is clicked, the Fundraisers onboarding screen is launched. You can check the Allow to join teams box to give visitors the option to join an existing Fundraiser when they click this button.