This integration is coming soon. Join our waitlist to be notified when it’s released.
Accept payments from customers across Africa on your Squarespace store with the official Fyatu payment integration.
Requirements
- Squarespace Commerce (Basic or Advanced)
- Custom domain connected
Installation
Connect Fyatu to Squarespace
- Login to your FYATU Dashboard
- Go to Business Console > Select Your App
- Navigate to Integrations > Squarespace
- Click Connect Squarespace
- Authorize access to your Squarespace site
Alternative: API Key Connection
- In Squarespace, go to Settings > Advanced > API Keys
- Generate a new API key with Commerce permissions
- Copy the key to your Fyatu Dashboard integration settings
Configuration
| Setting | Description |
|---|
| Display Name | Payment method name at checkout |
| Description | Help text shown to customers |
| Test Mode | Enable for sandbox testing |
| Auto-Fulfill | Automatically mark orders as fulfilled |
Features
- Native Checkout - Appears as payment option in Squarespace checkout
- Order Sync - Automatic order status synchronization
- Refunds - Process refunds from Squarespace
- Email Notifications - Works with Squarespace email receipts
- Inventory Updates - Stock adjusted on payment
- Member Areas - Supports gated content payments
Checkout Flow
Customer adds items to cart
↓
Customer proceeds to checkout
↓
Customer enters shipping/billing info
↓
Customer selects "Fyatu" payment
↓
Customer clicks "Submit Order"
↓
Customer redirected to Fyatu checkout
↓
Customer completes payment
↓
Customer redirected to confirmation
↓
Order marked as "Fulfilled" or "Pending"
Supported Squarespace Features
| Feature | Support |
|---|
| Physical Products | ✅ |
| Digital Products | ✅ |
| Services | ✅ |
| Subscriptions | ✅ |
| Gift Cards | ✅ |
| Member Areas | ✅ |
| Donations | ✅ |
Code Injection (Advanced)
For custom checkout behavior, use Squarespace Code Injection:
Settings > Advanced > Code Injection > Footer
<script>
// Listen for Fyatu payment events
window.addEventListener('fyatu:payment:success', function(event) {
// Custom tracking
gtag('event', 'purchase', {
transaction_id: event.detail.reference,
value: event.detail.amount
});
});
window.addEventListener('fyatu:payment:failed', function(event) {
console.error('Payment failed:', event.detail.error);
});
</script>
Custom CSS
Style the Fyatu payment option:
Design > Custom CSS
/* Style the Fyatu payment option */
.payment-method-fyatu {
border: 2px solid #721D5D;
border-radius: 8px;
}
.payment-method-fyatu .payment-method-name {
font-weight: 600;
}
.payment-method-fyatu .payment-method-icon {
width: 40px;
height: auto;
}
Order Management
View Orders
- Go to Commerce > Orders
- Filter by “Fyatu” payment method
- Click an order to view details
Order Statuses
| Payment Event | Squarespace Status |
|---|
| Payment pending | Pending |
| Payment received | Fulfilled (if auto-fulfill) |
| Payment failed | Cancelled |
| Refund processed | Refunded |
Refunds
To process a refund:
- Go to Commerce > Orders
- Click the order to refund
- Click Refund Order
- Select full or partial refund
- Click Refund
Refunds are processed through Fyatu and returned to the original payment method.
Subscriptions
Fyatu supports Squarespace recurring payments:
- Create a subscription product
- Fyatu handles recurring billing
- Customers can manage subscriptions via Fyatu portal
Digital Products
For digital product delivery:
- Upload your digital files in Squarespace
- When payment completes via Fyatu
- Download links sent automatically
Member Areas
Accept payments for gated content:
- Set up a Member Area in Squarespace
- Configure Fyatu as payment method
- Members pay via Fyatu to access content
Donations
Accept donations with Fyatu:
- Create a donation block or product
- Enable “Pay what you want” pricing
- Customers donate via Fyatu checkout
Analytics
Track Fyatu payments in Squarespace Analytics:
- Go to Analytics > Sales
- Filter by payment method
- View revenue, conversion rates, and trends
Test Mode
Test your integration:
- Enable Test Mode in Fyatu settings
- Make test purchases
- Verify orders appear in Squarespace
- Disable test mode before launch
Troubleshooting
Payment option not showing
- Verify Fyatu integration is connected
- Check Squarespace plan supports additional payments
- Ensure store is not in trial mode
Orders not syncing
- Check Fyatu Dashboard for webhook status
- Verify API key permissions
- Reconnect the integration if needed
Checkout redirect issues
- Ensure custom domain is properly configured
- Check for conflicting scripts in Code Injection
- Clear browser cache and retry
SEO Considerations
For checkout pages:
- Squarespace handles SEO automatically
- Fyatu checkout has minimal impact on SEO
- Return URL includes proper canonical tags
Resources