The Installment Information Display app enhances your customer experience by displaying installment information for popular payment platforms like PayPal PayLater, Klarna, Afterpay, and more. It can be configured to show on product details pages, shopping carts, and checkout pages, increasing customer satisfaction by offering flexible payment options..

This guide introduces the app's features and provides guidance on setting up key features for various popular payment platforms.

Feature Overview

Key Features

The Installment Information Display app offers the following benefits:

Supports multiple platforms: Display installment information for PayPal PayLater, Klarna, Afterpay, Affirm, GrabPay, Atome, and Zip.
Increased conversions: Showcase installment options on product details and checkout pages to entice customers.
Customization: Control the display format, position, and style of the information.

Installation Steps

Go to the SHOPLINE App Store.
Search for Installment Information Display.
Click Install to start using the app.

Note: Before using the app, ensure the corresponding payment methods are activated in Settings > Payments.

Settings for Paypal PayLater

To display installment information for PayPal PayLater, follow these steps:

On the homepage of the app, find the PayPal Paylater module and click Configure.
Enter your Client ID. Ensure this ID matches the one you've added to the Other payment methods section under Settings > Payments.
Select the desired display pages and customize settings like position and style.
Preview the display on the right-hand side.
Toggle Display component? on and click Update to save your settings.

Note: If the PayPal installment component isn't displaying correctly, PayPal might have blocked the plugin. Contact your PayPal account manager to request whitelisting for your store's installment feature.

How to Obtain the Client ID

Go to the PayPal Developer Dashboard, log in to your PayPal account, and click API credentials.
Find the relevant app in the list and click its name.
Copy your Client ID and paste it into the corresponding field in your app. Ensure it's the same ID you've added to the Other payment methods section.

Supported Countries/Regions and Currencies

By default, PayLater supports installment information display for the following countries/regions and currencies:
2.2.4.png

Note:PayLater information will only be displayed for customers with IP addresses in these regions and using the corresponding currencies.

Settings for Affirm

To display the installment information for Affirm, follow these steps:

On the homepage of the app, find the Affirm module and click Configure.
Enter the Public API Key (obtain instructions below). Additionally, select the Icon type and Icon color.
Select the display pages and customize settings such as position and style.

- If the Display on collection page option is selected, you can further choose a specific card size for both desktop and mobile displays.
- To display information on the homepage, click Learn more at the bottom to set it up in the store’s theme editor.

Preview the display on the right.
Toggle Display component? on and click Update to save.

How to Obtain the Public API key

Set up your Affirm promotional messaging.
Log in to your Affirm account, go to the API Keys tab, and copy and paste the keys to the corresponding field on the settings page.

Settings for AfterPay / Clearpay

To display the installment information for Afterpay / Clearpay, follow these steps:

On the homepage of the app, find the Afterpay / Clearpay module and click Configure.
Select your preferred title text, logo style, color, font size, and theme color for the display.
Check the desired display pages and select your preferred display positions.
Preview the display on the right.
Toggle Display component? on and click Update to save.

Settings for GrabPay

To display the installment information for Grabpay, follow these steps:

On the homepage of the app, find the GrabPay module and click Configure.
Check the desired display pages and configure corresponding settings, such as display position, style, and alignment on mobile/desktop.
Preview the display on the right.
Toggle Display component? on and click Update to save.

Settings for Atome

To display the installment information for Atome, follow these steps:

On the homepage of the app, find the Atome module and click Configure.
Select the theme style. Then, check the desired display pages and select your preferred display positions.
Preview the display on the right.
Toggle Display component? on and click Update to save.

Settings for Klarna

To display the installment information for Klarna, follow these steps:

On the homepage of the app, find the Klarna module and click Configure.
Enter the Client ID (obtain instructions below), select the country/region, and choose the language.
Check the desired display page(s) and position(s).
Preview the display on the right.
Toggle Display component? on and click Update to save.

How to Obtain the Client ID

Log in to your Klarna account.
Go to On-site messaging > Installation to find your Client ID.

Note: Make sure you copy it without quotation marks or spaces and then paste it in the corresponding box in the settings page.

Settings for Zip

To display the installment information for Zip, follow these steps:

On the homepage of the app, find the Zip module and click Configure.
Enter the Public key (obtain instructions below) and select the country/region.
Check the desired display pages and select your preferred display positions.

Note: To display information and customize its style on the homepage, click Learn more at the bottom to set it up in the store’s theme editor.
Preview the display on the right.
Toggle Display component? on and click Update to save.