Buttons
Explore the button-based elements provided by our platform to drive visitor engagement and direct them toward campaign checkouts.
Givetly offers five distinct button-based elements designed to guide your site’s visitors to your selected campaign’s checkout. These elements are customizable and seamlessly integrate into your website. For more setup details, visit the Elements overview page.
Found a mistake? Is there a topic missing? Hard to understand? Let us know.
Donate Button
The Donate Button is ideal for integrating a donation call-to-action within your website’s header or other strategic locations. It features a heart icon and slight animations to engage website visitors, directing them to donate. When clicked, it opens the Checkout modal linked to the campaign.
🔗 See a demo of the Donate Button
Sticky Button
The Sticky Button floats as an overlay component on your website, residing in a higher visual layer (z-index). It’s easy to add once the Givetly installation code is live on your site. Like the Donate Button, it interacts with website visitors through subtle animations but remains fixed at the edge of the browser, scrolling with the viewer. Clicking it opens the Checkout modal.
ℹ️ To see a demo of the Sticky Button, create a test Element in the Dashboard.
Image Card
Combine a visual element with a call-to-action using the Image Card. It’s perfect for highlighting projects, success stories, or donation options. Customize it with a unique image, title, description, and donation button. Hovering over the title reveals more details via animation. Clicking directs users to the Checkout modal, or the Campaign Page if the modal is disabled.
🔗 See a demo of the Image Card
Button Group
The Button Group is designed for displaying multiple buttons with various donation amounts. These buttons will adjust their layout—either in a single row or multiple rows and columns—based on the container size. Clicking opens the Checkout modal associated with the campaign, or redirects to the Campaign Page when the modal isn’t enabled.
🔗 See a demo of the Button Group
Fundraisers Button
The Fundraisers Button allows visitors to start a Fundraiser linked to a specific campaign. On clicking, users access the Fundraisers onboarding screen. You can enable the Allow to join teams option for visitors wishing to join an existing Fundraiser when interacting with this button.