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/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 |
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 here.
Comments
0 comments
Please sign in to leave a comment.