토스 셀러어드민Terms and conditions settings
Payment UI detailed settings
✅ Once you have completed your contract with Toss Payments, you can customize the payment UI in Admin.
✅ This is how to manage payment services and UI in Admin.
Once the payment widget is developed and linked for the first time, payment methods can be added and the UI design can be modified in the admin without further development. Check the payment widget admin in Store Manager > Payment Widget > Payment UI Settings.
Link the live UI with the live payment widget link key. Use it when receiving actual payment from the buyer.
Link the test UI using the test payment widget link key. Payment does not actually occur in the test environment. Please take a look at the test environment precautions.
Select the mobile or PC environment you want to customize. You can freely change various designs and functions, including payment method layout, accent color, payment method list, and promotional badges.
* Some features, such as explanations for each payment method, promotional text, and emphasis on specific card companies, are available with the Payment Widget Pro plan.
Payment services supported by the payment widget include domestic general payment, brand pay, key-in payment, and overseas simple payment.
Each payment service is given a unique ID called a store ID (MID). The payment service and MID are created in a 1:1 relationship. For example, if you contract for general payment and brand pay payment services, a total of two MIDs are issued.
Payment services of various MIDs can be added to one payment UI. For example, this is a method of exposing both general payment and brand pay payment services in one payment UI.
You can also link one MID 1:1 to each payment UI. When creating and linking a new payment UI, set the variantKey of the UI as a parameter.
You can add two or more payment services to one payment UI.
If you want to create multiple payment UIs and expose them differently depending on the situation, add a new payment UI. You can show buyers different UIs depending on conditions, such as creating different payment UIs for each MID or showing different payment methods for each account or product.
You can create multiple payment terms and conditions and display them differently depending on the situation. For example, if you are using international payments, show the buyer your terms and conditions in English.
You can add new terms and conditions in the Store Manager > Payment Widget > Terms and Conditions Settings menu.
To link the newly added Terms of Use, enter the variantKey set above in renderAgreement(), which renders the Terms of Use. If you do not enter a key value, the default Korean UI will be rendered. Used independently from the variantKey of the payment UI.
You can customize each payment UI differently. Introducing the settings in the payment widget admin’s design and function menu.
Please show your payment method in 3 or 2 columns. Highlighting at the top highlights the first payment method in the Function > Payment Method list.
Please show your payment method in 3 or 2 columns. Highlighting at the top highlights the first payment method in the Function > Payment Method list.
Select the payment method you want to offer to buyers. If you press ‘+ Add’, you can set payment widget Pro features such as direct integration, custom payment method, and credit card company exposure. Payment method description is also a Pro feature.
Select the payment method you want to offer to buyers. If you press ‘+ Add’, you can set payment widget Pro features such as direct integration, custom payment method, and credit card company exposure. Payment method description is also a Pro feature.
