Since MOGU integrates with Stripe to handle these transactions, you can easily customize the look of your "paywall" directly from your Stripe dashboard.
1. Access your Branding settings
First, log in to your Stripe Dashboard.
Click on the Settings icon (the gear symbol ⚙️) in the top right corner.
Under the Business settings section, select Branding.
2. Start tailoring Stripe to your brand
2.1.Upload your Logo and Icon
In the Branding tab, you can upload the visual elements that will represent your agency:
Logo: This is your full brand name/image. It will appear on your hosted payment pages and invoices.
Icon: A simplified, square version of your logo (your brand mark). This is used for mobile displays and smaller notification areas.
💡 Pro-tip: For the best result, use a high-resolution PNG with a transparent background. This ensures your logo looks great regardless of the background color.
2.2. Set your Brand Colors
To make the checkout feel like a natural extension of your MOGU proposal:
Brand Color: Set this to your primary agency color. It will appear as the background for receipts and invoices.
Accent Color: Use this for primary buttons (like "Pay now").
2.3. Choose your display preference
On the left sidebar, you will see a checkbox: "Prefer logo over icon." * Check this box if you want your full logo to be the primary visual on your checkout pages. If unchecked, Stripe may default to your smaller icon in certain compact views.
3. Preview and Save
Before finishing, use the Preview window on the right side of the screen. You can toggle between "Checkout," "Invoices," and "Receipts" to see exactly what your travelers will see.
Once you are happy with the look, click Save changes.