Skip to main content

​
Online Donation Setup

The Khayr Technologies platform includes a customizable online donation page that enables your supporters to contribute from any device with internet access. This guide explains how to configure and launch your organization’s dedicated donation portal.

​
Understanding Online Donation Capabilities

The online donation system provides several key capabilities:
  1. A branded donation page unique to your organization
  2. Project-based donation options that mirror your fundraising initiatives
  3. Secure payment processing with receipting functionality
  4. Support for both one-time and recurring donations
  5. Mobile-optimized interfaces for all device types

​
Prerequisites for Online Donations

Before activating your online donation page, ensure you have completed these foundational steps:
  1. Configured your organization profile with complete information
  2. Connected your Stripe payment processing account
  3. Created at least one active donation project
  4. Uploaded your organization logo for branding purposes
These components are required for a fully functional donation experience.

​
Activating Online Donations

To enable your online donation page:
  1. Sign in to your Khayr Technologies dashboard
  2. Navigate to the “Organization” section in the sidebar
  3. Select the “Online Donations” tab
  4. Locate the “Enable Online Donations” toggle switch
  5. Move the toggle to the “On” position
  6. Create a custom URL slug (explained below)
  7. Click “Save Changes” to activate your donation page
The system will generate your dedicated donation URL and make it publicly accessible.

​
Creating Your Custom URL

Your organization’s donation page will have a unique URL in this format: 
https://khayr.tech/@your-organization-slug
When choosing your URL slug:
  1. Select a concise, recognizable identifier (typically your organization name)
  2. Use only lowercase letters, numbers, and hyphens
  3. Avoid special characters or spaces
  4. Keep it short and memorable for easy sharing
Example slugs:
  • masjid-al-noor
  • islamic-center-houston
  • muslim-community-fund
Once created, this URL becomes your primary donation link for all online fundraising efforts.

​
Donation Page Components

Your activated donation page automatically includes several key elements:

​
Header Section

The page header displays:
  • Your organization logo
  • Organization name
  • A rotating charitable quote from Islamic sources
  • Navigation menu for multi-section donation pages

​
Project Selection

The main content area showcases:
  • Project cards with your configured donation projects
  • Project images and descriptions
  • Quick-selection donation buttons for common amounts

​
Donation Form

The interactive donation form includes:
  • Project selection capability
  • Donation amount options (preset or custom)
  • Recurring donation configuration
  • Transaction fee coverage option
  • Secure payment processing interface
  • Email receipt functionality

​
Testing Your Donation Page

After activation, verify your donation page functionality:
  1. Access your donation URL in a browser
  2. Confirm all projects appear correctly
  3. Test the donation workflow with a small test donation
  4. Verify the donation appears in your dashboard
  5. Check that receipt emails are delivered correctly
  6. Test on both desktop and mobile devices
Testing each aspect of the donation process ensures a seamless experience for your donors.

​
URL Parameter Customization

Your donation page supports several URL parameters to enhance functionality:

​
Mobile Optimization

Your donation page is fully optimized for mobile devices with:
  1. Responsive design that adapts to any screen size
  2. Touch-friendly interface elements
  3. Streamlined mobile payment options
  4. Apple Pay and Google Pay support (where available)
No additional configuration is required for mobile optimization.

​
Donation Page Security

The donation system incorporates multiple security measures:
  1. SSL encryption for all transactions
  2. PCI-compliant payment processing
  3. Fraud detection and prevention systems
  4. Secure data handling and storage protocols
These security features protect both your organization and your donors throughout the donation process.

​
Implementation Best Practices

For optimal donation page performance:
  1. Create clear, compelling project descriptions
  2. Use high-quality images that represent your initiatives
  3. Configure a range of preset donation amounts
  4. Keep your project count focused (3-7 projects recommended)
  5. Update projects regularly to maintain relevance
  6. Test your donation page on multiple devices
Following these practices helps maximize donor engagement and conversion rates.

​
Next Implementation Steps

After activating your online donation page:
  1. Customize your donation page appearance
  2. Create promotion strategies for your donation URL
  3. Monitor donation analytics to track performance
For assistance with online donation setup, contact our support team at [email protected].