Product Updates
Getting Started
- Overview
- Chargebee Billing Data Centers
- Object Relationship Model
- Chargebee Tech Glossary
- Articles and FAQ
Implementing Chargebee
AI in Chargebee
Developer Resources
Product Catalog
Subscriptions
Customers
Entitlements
Usage Based Billing
Chargebee CPQ
Invoices, Credit Notes, and Quotes
Taxes
Hosted Capabilities
- Overview
- Payment Components
- Managing Payments with Chargebee.js
- Mobile-Optimized Hosted Pages
- Articles and FAQ
Site Configuration
- Mandatory Fields
- File Attachments & Comments
- Advanced Filter Options
- Multi-decimal Support
- Configuring Reason Codes
- API Keys
- Time Zone
- Time Machine
- Transfer Configurations
- Articles and FAQ
Multi Business Entity
Mobile Subscriptions
Reports and Analytics
Integrations
Data Privacy & Security
- Two Factor Authentication
- SAML Single Sign-On
- System for Cross-Domain Identity Management (SCIM)
- EU-GDPR
- Consent Management
- Personal Data Management
- Compliance Certificates
- HIPAA Guidelines
- PCI Recommendations and Integration Types
- Articles and FAQ
Data Operations
How to rename payment method on checkout
Problem Statement
You want to edit payment method labels (for example, "Credit card", "Google Pay") on the checkout page or customer portal for additional languages.
Solution
Download the language pack from Settings > Configure Chargebee > Languages. Update payment method labels in hosted_pages_v3.csv (under Internal folder) or hosted_pages_text_configurations.csv (under Optional folder) by editing the Value column (Column B).
For English, you can also edit labels from Settings > Configure Chargebee > Checkout & Self-Serve Portal > Labels. See Configure fullpage fields and labels.
Configuration steps
Step 1: To translate Checkout & Portal buttons' field names, navigate to Settings > Configure Chargebee > Languages. Download the language pack and translate all the values in the language pack and upload it to the same page.
Step 2: Unzip the downloaded pack. Navigate to the respective language folder. For payment method labels, go to Internal > hosted_pages_v3.csv (or Optional > hosted_pages_text_configurations.csv for button text).
Note: Language folders will be in the code name, say for example fr-French, en-English & de-German. Refer to this link for more information.
Step 3: Open the hosted_pages_v3.csv file in an editable format and change the relevant field under the 'Value' column i.e, Column B.
In hosted_pages_v3.csv, add the new label in the Value column (Column B). For example: hp_v3.inapp_checkout.credit_card for credit card, hp_v3.pm.google_pay for Google Pay. File mapping: In-app checkout uses hosted pages v3; Single-page checkout uses v2; Full-page checkout uses v4.
For example, to rename the credit card label, provide value for the field "hp_v3.inapp_checkout.credit_card" and for google pay, you can input the new value for the field "hp_v3.pm.google_pay". Please find the screenshot highlighting the available payment methods. Note, that the payment method will be available as per the configuration available on your site.
Note: You can edit this csv file either in a text editor or in Google sheets. Remember to save the file in the .csv extension only
Step 4: Once the translation text is entered, upload the pack (only .zip format is supported)
In case, there are errors, the errors will be displayed and you can review the errors and fix them, before uploading the updated folder.
Refer to this link for more information.
Was this article helpful?