Falaah Falaah AI

Payment Pages

Create branded payment pages for invoices, donations, and memberships. Share links, embed on your website, and accept payments without writing code.

Payment Pages let you create branded, hosted pages where customers, donors, and members can make payments. No coding required. Share a link or embed on your website.

Where to find each type: Payment Links and Plans are under Payments → Collect. Donation/Giving Pages are under Nonprofit → Giving Pages. Membership enrollment pages are under Nonprofit → Membership.

Overview

Page Types

Type Where to create Use Case Features
Payment Link Payments → Collect Collect payment for an invoice or service Custom amounts, payment methods
Donation Page Nonprofit → Giving Pages Accept one-time or recurring donations Suggested amounts, donor info, recurring
Membership Page Nonprofit → Membership Sell memberships or subscriptions Tiers, recurring billing, member benefits
Payment Plan Payments → Collect Installment plans for larger amounts Schedule, installments

How It Works

Create Page → Customize → Share Link → Payer Completes → Funds Received
     │            │            │              │               │
  Choose type   Brand it    Link or        Secure hosted   Auto-reconciled
                            embed          checkout        in dashboard

Creating a Payment Page

Quick Start

  1. Navigate to Payments –> Collect
  2. Click Create
  3. Select the page type (Invoice, Donation, Membership, General)
  4. Fill in page details (described per type below)
  5. Customize branding
  6. Click Publish

Your page is live immediately with a unique URL.

Invoice Pages

Creating an Invoice Page

Invoice pages are linked to a specific invoice record:

  1. Select Invoice Page as the type
  2. Choose the invoice from your records (or create inline)
  3. Configure payment options:
Setting Options Description
Partial Payments On/Off Allow payer to pay less than full amount
Minimum Payment Amount Minimum partial payment accepted
Tips/Gratuity On/Off Allow optional tip
Payment Methods Card, ACH Which methods to accept
Due Date Display Show/Hide Display the invoice due date
  1. Click Create Page

Invoice Page Content

The page automatically displays:

  • Your organization name and logo
  • Invoice number and date
  • Line items with descriptions and amounts
  • Tax and total
  • Due date (if enabled)
  • Payment method options

Automatic Updates

  • When the invoice is paid in full, the page shows a “Paid” confirmation
  • Partial payments update the remaining balance
  • Overdue invoices display a past-due notice (configurable)

Donation Pages

Creating a Donation Page

  1. Select Donation Page as the type
  2. Configure donation settings:
Setting Description
Campaign Name Title displayed on the page
Description Cause or purpose description
Suggested Amounts Pre-set buttons (e.g., $25, $50, $100, $250)
Custom Amount Allow donors to enter any amount
Minimum Amount Lowest accepted donation
Maximum Amount Highest accepted donation (optional)
Recurring Option Allow monthly/annual recurring donations
  1. Configure donor information fields:
Field Required Optional
Name Yes -
Email Yes -
Phone - Yes
Address - Yes (required for tax receipts)
Dedication - Yes (“In honor of…”)
Anonymous - Yes (hide name from public lists)
  1. Click Create Page

Donation Features

  • Progress Bar - Show progress toward a fundraising goal
  • Donor Wall - Display recent donors (with permission)
  • Tax Receipt - Automatic receipt generation for tax-deductible donations
  • Thank You Message - Custom confirmation message or redirect
  • Social Sharing - Share buttons for donors to spread the word

Recurring Donations

When recurring is enabled:

  • Donors choose frequency (monthly, quarterly, annually)
  • Powered by Muin’s native recurring engine — retry logic, pledge tracking, and donor-managed cancellation
  • Automatic billing on the selected schedule
  • Donors receive a portal link to manage their recurring gift
  • Cancel or modify anytime from the donor portal

Membership Pages

Creating a Membership Page

  1. Select Membership Page as the type
  2. Define membership tiers:
Example Tier Configuration:

Tier 1: Basic Member
  - Price: $50/year
  - Benefits: Newsletter, Member directory

Tier 2: Supporting Member
  - Price: $100/year
  - Benefits: All Basic + Event discounts, Voting rights

Tier 3: Patron
  - Price: $250/year
  - Benefits: All Supporting + VIP events, Recognition
  1. For each tier, configure:
Setting Description
Name Tier display name
Price Amount per billing period
Billing Period Monthly, Quarterly, Annually
Benefits List of included benefits
Capacity Maximum members (optional)
Trial Period Free trial days (optional)
  1. Configure member information fields
  2. Click Create Page

Membership Features

  • Auto-Renewal - Memberships renew automatically
  • Grace Period - Configurable grace period for failed payments
  • Upgrade/Downgrade - Members can change tiers from their portal
  • Expiration Notices - Automatic emails before renewal
  • Member Portal - Self-service portal for members to manage their subscription

Branding and Customization

Visual Customization

Customize your payment page appearance at the Design tab:

Element Options
Logo Upload your organization logo
Header Image Banner image at top of page
Primary Color Button and accent color
Background Color or subtle pattern
Font Choose from available web fonts
Layout Single column or side-by-side

Custom Content

Add content sections:

  • Header Text - Main heading and subheading
  • Description - Rich text with formatting
  • Images - Inline images in description
  • Footer - Custom footer text or links
  • Terms - Link to your terms of service

Custom Fields

Add fields to collect additional information:

  1. Go to the Fields tab
  2. Click Add Field
  3. Configure:
    • Field label
    • Field type (text, dropdown, checkbox, date, number)
    • Required or optional
    • Placeholder text
  4. Drag to reorder fields

Sharing and Distribution

Every payment page has a unique URL:

https://muin.falaah.ai/your-org/page-name

Copy the link from the page editor and share via email, social media, or messaging.

Email Integration

Send payment page links through Muin’s communications:

  1. Create an email in Communications –> Compose
  2. Click the Payment Link button in the editor
  3. Select the payment page
  4. A branded button is inserted in the email

Embedding on Your Website

Embed Muin’s hosted payment surfaces on your existing website with a single <script> tag. Pick the presentation that fits the page:

Inline donation form (Stripe Elements, Shadow DOM):

<script
  src="https://muin.falaah.ai/embed/widget.js"
  data-tenant="your-org-slug"
  data-type="form"
  data-campaign="your-campaign-slug-or-uuid"
></script>

Modal popup (button opens an overlay):

<script
  src="https://muin.falaah.ai/embed/widget.js"
  data-tenant="your-org-slug"
  data-type="popup"
  data-campaign="your-campaign-slug-or-uuid"
  data-text="Make a Payment"
></script>

Floating action button (bottom-corner bubble that expands a panel):

<script
  src="https://muin.falaah.ai/embed/widget.js"
  data-tenant="your-org-slug"
  data-type="floating"
  data-campaign="your-campaign-slug-or-uuid"
  data-position="bottom-right"
  data-text="Donate"
></script>

Top or bottom banner bar:

<script
  src="https://muin.falaah.ai/embed/widget.js"
  data-tenant="your-org-slug"
  data-type="banner"
  data-position="bottom"
  data-text="Support our mission today"
  data-button-text="Donate Now"
></script>

Branded button link (no Stripe in-page):

<script
  src="https://muin.falaah.ai/embed/widget.js"
  data-tenant="your-org-slug"
  data-type="button"
  data-text="Donate Now"
  data-size="medium"
  data-style="filled"
></script>

Read-only progress thermometer (campaign progress display):

<script
  src="https://muin.falaah.ai/embed/widget.js"
  data-tenant="your-org-slug"
  data-type="thermometer"
  data-campaign="your-campaign-slug-or-uuid"
></script>
Attribute Required for Values
data-tenant all types your tenant slug (visible in Settings → Organization)
data-type all types form | popup | floating | banner | button | thermometer
data-campaign form, popup, floating, thermometer campaign slug or UUID
data-position floating, banner bottom-right (default), bottom-left, top-right, top-left, top, bottom
data-text popup, floating, banner, button button or banner CTA text
data-button-text banner banner action button text
data-size button small, medium (default), large
data-style button filled (default), outline, ghost
data-method button crypto, stock, daf (Every.org alternative-payment routing)

The widget renders inside a Shadow DOM container so it will not conflict with your site’s CSS. There is no JavaScript API to call — the embed is fully declarative. If you need server-side payment confirmation, use a webhook instead.

Mobile Optimization

All payment pages are fully responsive:

  • Auto-layout - Content adapts to screen size
  • Touch-friendly - Large tap targets for mobile users
  • Apple Pay / Google Pay - One-tap payment on mobile devices
  • Mobile wallets - Saved payment methods auto-detected
  • Fast loading - Optimized for mobile networks

Mobile Preview

Preview how your page looks on mobile:

  1. In the page editor, click Preview
  2. Toggle between Desktop, Tablet, and Mobile views
  3. Adjust content and layout as needed

Analytics

Page Performance

Track each page at Payments –> Collect –> select page –> Analytics:

Metric Description
Page Views Total visits to the page
Unique Visitors Individual visitors
Conversion Rate Percentage of visitors who pay
Average Amount Mean payment amount
Total Collected Sum of all payments
Drop-off Point Where visitors abandon

Conversion Optimization

Tips to improve payment page performance:

  1. Keep it simple - Fewer fields means higher completion rates
  2. Use suggested amounts - Pre-set amounts increase average donation size
  3. Add urgency - Deadlines and progress bars motivate action
  4. Mobile-first - Test on mobile since most traffic is mobile
  5. Social proof - Enable the donor wall or testimonials

Managing Payment Pages

Page Status

Status Description
Active Page is live and accepting payments
Paused Page is accessible but payments are disabled
Expired Page has passed its end date
Draft Page is not yet published
Archived Page is no longer accessible

Editing Live Pages

You can edit a live page at any time:

  • Changes are saved as a draft until you click Publish
  • Active payments are not affected during editing
  • URL remains the same after updates

Duplicating Pages

Create a copy of an existing page:

  1. Go to Payments –> Collect
  2. Click the menu icon on a page
  3. Select Duplicate
  4. Modify as needed and publish

Next Steps