Document Properties
The Intershop PWA provides a payment integration with PayPal via the Intershop PayPal Complete Payments Service Connector (PPCP Connector) version 2.
Styling
This guide explains how to style PayPal buttons and messages in the Intershop PWA using the centralized styling system.
Styling Categories
The styling system is organized in two main categories:
- Pay Later Message Styling: For PayPal Pay Later promotional messages
- Button Styling: For PayPal payment buttons
Pay Later Message Styling
The styling of PayPal messages depends on the page context in the payment-paypal-messages.component.styling.ts.
Limitations
PayPal Pay Later messages have specific requirements that must be met for them to be displayed correctly:
-
Active Basket Required: A basket must exist in the current session. Pay Later messages cannot be displayed without an active shopping basket.
-
PayPal Payment Method Availability: The basket must contain a PayPal Checkout payment method as an eligible payment method. This is determined by:
- PayPal payment method configuration in the ICM backend
- Current basket contents and total amount
- Customer location and PayPal service availability
- Merchant account settings and capabilities
Note
The PaymentPaypalMessagesComponent only renders messages when both conditions are satisfied.
Troubleshooting
Messages are not appearing? Check that:
- An active basket exists
- A PayPal payment method is configured (with
client-idandmerchant-idashostedPaymentPageParameters) and enabled - The basket total meets PayPal's minimum requirements
- PayPal services are available in the customer's region
Button Styling
PayPal payment buttons are styled differently based on their integration context in the payment-paypal.component.styling.ts.
Standard Checkout Buttons
Use Case: Standard checkout flow on the checkout payment page
Features: Horizontal layout with consistent branding and height
Express Checkout Buttons
Use Case: Express checkout scenarios (e.g., product page quick checkout) on the cart page
Features: Flexible layout without fixed horizontal constraint
Further References
Disclaimer
The information provided in the Knowledge Base may not be applicable to all systems and situations. Intershop Communications will not be liable to any party for any direct or indirect damages resulting from the use of the Customer Support section of the Intershop Corporate Website, including, without limitation, any lost profits, business interruption, loss of programs or other data on your information handling system.