Component: Payments-Table

Purpose: Use this component to allow a user update their payment details.

If the Zuora configuration in the tenant settings is one to one then this will update the zuora account object related to the most recently purchased subscription.

If the Zuora configuration in the tenant settings is one to many then this will update the subscription object related to the subscription ID passed in via the URL. In order to achieve this the Payments-Table component must be used on a dedicated change-payment page that the user is redirected to from the Orders-Table component.

Payments methods available for change will be the one as defined on the Limio Offer from which the subscription originated. For example if Credit Card and PayPal are available payment methods, the subscriber will see the following:

Properties

label	type	default	options/infos
Not found text	string	Sorry! We couldn't find any subscription information. Contact our support team for more information.
Limit Subscriptions?	boolean	TRUE	Configures whether we limit how many subscriptions are shown
Subscription Limit	number	2	Configures whether the number of subscriptions to be shown if limitSubscriptions is enabled
Pending change message	string	You have a pending change to your subscription	Configures the message shown to the user when they have a pending change to their subscription
Edit address button text	string	Edit address	Configures label for edit address button
First name label	string	First name
Last name label	string	Last name
Billing address line 1 label	string	Address line 1
Billing address line 2 label	string	Address line 2
Billing city label	string	City
Billing county/state label	string	{{state_name_type}}
Billing postal code/ZIP code label	string	{{zip_name_type}}
Billing country label	string	Country
Invalid first name message	string	First name is required
Invalid last name message	string	Last name is required
Invalid address message	string	Address is required
Invalid city message	string	City is required
Invalid state/county message	string	{{state_name_type}} is required
Invalid zip/postal code message	string	{{zip_name_type}} is required
Invalid country message	string	Country is required
Address change success text	string	Your address details have been updated
Payment change success text	string	Your payment details have been updated
Highlight optional fields?	boolean	FALSE
PayPal heading	string	Pay with alternative Paypal
PayPal subheading	string	Payment will be applied at the start of your next renewal date.
Credit card heading	string	Pay with credit card
Credit card subheading	string	Payment will be applied at the start of your next renewal date.
ACH Bank Transfer heading	string	Pay with ACH Bank Transfer
ACH Bank Transfer subheading	string	Payment will be applied at the start of your next renewal date.
Direct debit info text	string	To edit your direct debit details please contact your bank.
Direct Debit heading	string	Pay with direct debit
Direct Debit subheading	string	To edit your direct debit details please contact your bank.
Use a tabbed layout for changing payment methods	boolean	TRUE	Needs to be enabled if multiple payment methods are available on the offer
Hide agree to payment change checkbox	boolean	FALSE	Hides checkbox labeled "I agree to save my details for future payments."
Component Id	string	customer-order-limio

Component FAQ

What drives the prices displayed in the payments-table component?
The Renewal Price and the Price Paid are both pulled in from the schedule, which is retrieved from Zuora. You can view the schedule in the Limio console by checking the Subscription. If there is no schedule attached to the subscription (e.g. if it were a one-time offer), then we would pull the price from the offer attribute: price__limio, and the component would not display a renewal price.

How can I show the prices inclusive of tax (if applicable)?
If the price paid/renewal price charges included a tax amount to the customer, it is possible to determine whether or not to display the price inclusive of tax. You can read how to configure that here.