PF

PayFlow Docs

🛒 Checkout Experience

Hosted Checkout

Beautiful, secure checkout pages hosted by PayFlow for seamless payment experiences.

What is Hosted Checkout?
Professional checkout pages that handle the entire payment process

Hosted checkout pages are secure, optimized payment forms that PayFlow hosts and manages. They provide a professional checkout experience while keeping sensitive payment data off your servers.

Secure

PCI DSS compliant payment processing

Responsive

Works perfectly on all devices

Optimized

High conversion rates

How It Works
The flow of a hosted checkout experience
1

Create Payment Link

Generate a payment link via API or dashboard

2

Customer Clicks Link

Customer visits the hosted checkout page

3

Complete Payment

Customer enters payment details and submits

4

Redirect & Notify

Customer redirected back, webhook sent to your server

Creating Checkout Pages
How to create and customize hosted checkout experiences

Via API

POST /v1/payment_links
{
  "title": "Premium Course Access",
  "description": "Get access to our premium course content",
  "amount": 2500,
  "currency": "PKR",
  "success_url": "https://yoursite.com/success",
  "cancel_url": "https://yoursite.com/cancel",
  "expires_at": "2024-12-31T23:59:59Z"
}

Via Dashboard

1
Go to Payment Links in your dashboard
2
Click "Create New Payment Link"
3
Fill in the payment details
4
Customize the checkout page
5
Save and share the link
Customization Options
Personalize your checkout pages to match your brand

Branding

  • Custom logo and colors
  • Brand-specific styling
  • Custom fonts and typography
  • Company information

Content

  • Product title and description
  • Product images
  • Terms and conditions
  • Custom success/cancel messages
URL Structure
How hosted checkout URLs are structured

Each hosted checkout page has a unique URL that follows this pattern:

https://payflow.com/pay/{slug}

Example: https://payflow.com/pay/premium-course-123

URL Components

  • payflow.com - PayFlow domain
  • /pay/ - Checkout path
  • {slug} - Unique identifier for your payment link
Success & Cancel URLs
Configure where customers are redirected after payment

Success URL

Where customers are redirected after successful payment. Include order confirmation, download links, or thank you messages.

https://yoursite.com/success?order_id=123

Cancel URL

Where customers are redirected if they cancel the payment. Use this to encourage them to try again or contact support.

https://yoursite.com/cancel?reason=user_cancelled

Pro Tip: Include query parameters in your success/cancel URLs to track which payment link was used and provide personalized experiences.