Payment page customization empowers you to align your checkout experience with your site's design. You can modify various elements to create a cohesive brand experience while maintaining functionality.

Key Customization Options:

• Background color
• Site logo display
• Title and header colors
• Header alignment (left, center, right)
• Button colors (avoid transparent or white)
• Header border color

To Style Your Checkout Page:

1. Navigate to Pages panel
2. Scroll to System Pages
3. Click Payment
4. Apply style tweaks
5. Save changes

Post-Purchase Pages:

Order Status Page (Physical/Digital Products & Services)

• Shows complete order details
• Includes customer account creation option
• Uses standard white background
• Cannot be customized in Site Styles

Order Confirmation Page (Subscriptions/Gift Cards/Memberships)

• Displays "Order confirmed" and order number
• Follows site's style settings
• Text styling follows template version specifications

Version 7.1 Styling:

• Order confirmed: Follows Heading 1
• Order number/confirmation: Follows Paragraph 2
• Download notice: Follows Heading 3

Version 7.0 Styling:

• Follows default 404 page color theme
• Template-specific header content for Avenue, Farro, Five, Wexley, and York families

Additional Customization Options:

• Apple Pay integration
• Gift message fields
• Terms and conditions display
• Newsletter subscription option
• Continue shopping button
• Delivery instructions field

Remember: Changes won't be visible until saved, but customers can still make purchases during customization. For accessibility and advanced customization options, refer to Commerce site guidelines.

Related Articles

Previous Articles