Checkout Modal

The checkout modal is an optimized donation overlay that appears directly on your organization's website. When a donor clicks your donation button, the modal opens with your campaign's content, giving options, and payment fields — donors complete their entire gift without navigating away from your page.

<!--

Unlike the campaign page (which is a standalone page hosted by Nizam), the checkout modal lives on your website. It's the ideal way to capture donations from visitors who are already browsing your site.

Why Use the Checkout Modal#

Seamless on-site experience. Donors never leave your website. The modal opens as an overlay, they complete their gift, and they're back to browsing — reducing drop-off and keeping visitors engaged with your content.

Optimized for conversion. Nizam Intelligence personalizes the experience for each donor — adjusting suggested amounts, default frequencies, and upsell prompts based on location, time of year, and giving history.

Mobile responsive. The checkout modal adapts to the donor's device — desktop, tablet, or mobile — providing a consistent experience across all screen sizes.

Streamlined giving. The modal displays your campaign's core giving levels or giving amounts in a focused interface. If you're using giving levels, only the core levels appear — keeping the experience concise for quick decisions.

Content from Campaign Setup#

The checkout modal displays the content configured in your campaign's Content & Media — the media, title, message, and branding. It supports both portrait and landscape media modes. All donation settings — giving amounts, recurring options, Zakat, fee coverage, and post-donation experience — are configured in Campaign Setup and apply across all surfaces.

UTM Tracking#

The checkout modal supports UTM parameters for tracking the source of donations. When donors arrive through tagged links, those values are captured with the donation — helping you measure which channels and campaigns drive the most giving.