View source for Adding payment method options to your customer journey

== Payment method options ==
Payment methods can be configured in the following ways, based on the business need:
* Present the payment methods on file and also provide an option to add new ones
* Present only the list of payment methods on file
* Provide the option to add new payment methods.
The payment method component (''DisplayPaymentMethod'' section) uses two properties that are present on the primary page: the ''PaymentMethodList'' page list property and the ''NewPaymentMethod'' page property. ''PaymentMethodList'' is used to present the list of payment methods on file for a customer and proceed with a selection, whereas the ''NewPaymentMethod'' is used to add a new payment method.

{|
|+'''Three different ways of using the payment methods component'''
![[File:Only payment methods.png]]
![[File:Add a new payment method.png]]
On Adding

[[File:On adding a new payment method.png]]
![[File:Both listing payment methods and adding.png|302x302px]]
|-
|Present only the list of payment methods on file

Only the ''PaymentMethodList'' page list property has been populated. 
|Provide the option to add new payment methods
Only the ''NewPaymentMethod'' page property has been populated.
|Present the payment methods on file and also provide an option to add new payment methods.
Both the ''PaymentMethodList'' page list property and ''NewPaymentMethod'' page property have been populated.
|}