Component: Payments-Table

| 🌟 This component is getting an update soon. Keep an eye on our Release Notes! |

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.

Screenshot_2022-07-28_at_11.39.33.png

Screenshot_2023-02-10_at_11.09.36.png

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:

screencapture-news-shop-prod-limio-payments-2023-03-14-14_50_04.png

Properties

label	type	default	options/info
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
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
Payment method heading	string	Payment Method
Payment frequency label	string	Payment Frequency
Payment amount label	string	Payment Amount
Show Next Billing Date	boolean	FALSE
Next billing date lael	string	Next Billing Date
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		Your address details have been updated
Payment change success text		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	Payment will be applied at the start of your next renewal date.
Google Pay heading	string	Pay with Google Pay
Google Pay subheading	string	Payment will be applied at the start of your next renewal date.
Use a tabbed layout for changing payment methods	boolean	TRUE	Needs to be enabled if multiple payment methods are available on the offer
Show agree to payment change checkbox	boolean	FALSE	Hides checkbox labeled "I agree to save my details for future payments."
Component Id	string	payments-table-limio

The grayed translations are the Limio default ones, if you don't complete that field it will have that translation on the shop.

label	type
Address Line 1	string
Address Line 2	string
Billing Address	string
Confirm address	string
Cancel	string
City	string
County	string
Edit details	string
Edit payment	string
Email	string
I agree to save my details for future payments	string
Name	string
Payment type	string
Please accept to continue	string
Post code	string
Price paid	string
Product	string
Purchase Date	string
Start Date	string
Quantity	string
Billing Address	string
Renewal Date	string
Renewal price	string
Payment details	string
Save	string
Save Details	string
Show More	string
Submit	string
Term	string
Edit payment details	string
Your street of post code	string
No Payment Information Found. Contact support for more details	string

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 .