Payment Pages for Invoices and Donations

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

Navigate to Payments —> Collect
Click Create
Select the page type (Invoice, Donation, Membership, General)
Fill in page details (described per type below)
Customize branding
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:

Select Invoice Page as the type
Choose the invoice from your records (or create inline)
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

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

Select Donation Page as the type
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

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)

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

Select Membership Page as the type
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

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)

Configure member information fields
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:

Go to the Fields tab
Click Add Field
Configure:
- Field label
- Field type (text, dropdown, checkbox, date, number)
- Required or optional
- Placeholder text
Drag to reorder fields

Direct Link

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:

Create an email in Communications —> Compose
Click the Payment Link button in the editor
Select the payment page
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-api.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-api.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-api.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-api.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-api.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-api.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:

In the page editor, click Preview
Toggle between Desktop, Tablet, and Mobile views
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:

Keep it simple - Fewer fields means higher completion rates
Use suggested amounts - Pre-set amounts increase average donation size
Add urgency - Deadlines and progress bars motivate action
Mobile-first - Test on mobile since most traffic is mobile
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:

Go to Payments —> Collect
Click the menu icon on a page
Select Duplicate
Modify as needed and publish

Next Steps

Smart Payments Overview - Full payment setup guide
Muin Go - Mobile companion app with NFC payments
Communications Hub - Send payment links via email