Define the payment methods that your customers can select for payment. In our example, BikeStore will be offering payment by 

  • Invoice
  • Credit Card
  • SEPA Direct Debit

The Payment Method "Invoice" is configured as a default.

Pick a new payment method to add from the drop down list and click "add".

Bildschirmfoto_2017-12-08_um_13.53.02.png

Then click on the newly created payment method to configure it.

Bildschirmfoto_2017-12-08_um_13.54.11.png

For each new payment method you need to provide the name of the Zuora hosted payment page ID and the payment gateway name that should be used to process the payments.

NOTE: Make sure that the entered payment gateway name matches the name in Zuora!

Bildschirmfoto_2017-12-08_um_14.02.37.png

By adding standard ISO country codes (separated by commas), you can determine in which countries certain payment methods are offered (based on the country entered by the user in the registration).

You get the Payment page ID in Zuora under Payment Settings / Hosted Pages and clicking on "Show Page ID"

Bildschirmfoto_2017-11-17_um_15.53.02.png

Make sure the Hosted Payment Page has the correct Hosted Domain configured:

Bildschirmfoto_2018-03-15_um_11.47.18.png

And turn off CAPTCHA settings!

You can also configure the priority (weight) or order of the payment methods by adding a digit to the priority field.

NOTE: The highest weight appears FIRST to the customer. 

Bildschirmfoto_2017-12-13_um_11.34.52.png

This configuration will give you the following result in the checkout:

Bildschirmfoto_2017-12-08_um_14.22.21.png

Once you've set up the styling and color schemes, you can copy over the generated CC to the Hosted Payment Page in Zuora.

NEXT: Default account mapping