Working with payment and delivery providers
Enable, configure and edit the payment and delivery methods.
Litum has several pre-built payment providers which are built as apps. Refer to these two articles for more information regarding Litium App:
The checkout page has a list of payment and delivery methods for a visitor to choose from:
- Checkout.DeliveryMethods.js declares the component that shows the list of delivery options.
- Checkout.PaymentMethods.js is responsible for the payment options.
When a visitor selects an option, a PUT request is sent to the CheckoutController WebApi controllers. They are SetPaymentProvider for payment options and SetDeliveryProvider for delivery options. The controller then sets the selected option and returns the payment widget if the current payment option wants to render one.
Enable payment and delivery methods
To enable and show the payment and delivery methods on the checkout page, we need to configure the channel and set up different payment/delivery methods for different countries.
- Click on the cogwheel to navigate to the back office settings.
- Select Globalization > Channels > the channel you want to modify.
- Switch to Countries and configure the country as well as the corresponding payment/delivery methods there.
Configure a payment account
Each payment provider needs a different configuration. In general, they all require the merchant to sign up for an account and then apply it in the configuration file. Please check the configure section of Litium Apps to see how this is done, for example, Configure Klarna.
Edit a payment or delivery method
Payment and delivery methods can be configured in terms of:
- name
- description
- icon
- cost
- VAT
Open the settings by clicking on the cogwheel in back office, navigate to Globalization > Channels, switch to Countries tab, and select an item to edit:
How to define a customer type in the checkout.
This is useful when you need to divide the checkout flow into one for private persons (B2C) and one for companies or organizations (B2B). It will usually also have an impact on the flow in any payment widget used on the checkout page.