Messaging on the homepage	Messaging on the product detail page	Messaging in the checkout

Before you integrate On-site messaging, please check that you meet the following conditions:

1. Ensure that you have Klarna enabled.
2. Confirm you have access to the Klarna Portal.
3. Inside Klarna Portal:
   1. Confirm that you have generated a client identifier with your domain URL allowlisted.
   2. Confirm that you have generated an API key.

​Adding On-Site Messaging to your native app is a straightforward process. At a high level, to achieve this tailored experience for your users, you will need to follow these steps:

• Request access to On-Site Messaging.
• Add the Mobile SDK Messaging library.
• Initialize the Klarna SDK.
• Create the native messaging view and add it to your screen.

Swift Package Manager

In Xcode, navigate to File → Swift Packages → Add Package Dependency and enter the repository URL: https://github.com/klarna/klarna-mobile-sdk-ios

In Version, Select Up to Next Major and take the default option. Then choose KlarnaNetworkMessaging in the Package Product column.

Cocoapods

If you’re using Cocoapods, you can add the SDK by adding the dependency to your Podfile:

pod "KlarnaNetworkMessaging"

Followed by performing:

pod install

You should then be able to import the KlarnaNetworkMessaging module in your workspace.

The first step to add On-Site Messaging to your application is to initialize the Klarna SDK and provide the required configuration:

// Create an instance of KlarnaConfiguration
let configuration = KlarnaConfiguration(
    clientId: clientId,
    accountId: accountId,
    locale: locale,
    sdkToken: sdkToken
)
// Initialize Klarna
let klarnaResult = Klarna.initialize(configuration: configuration)
do {
    self?.klarnaInstance = try klarnaResult.get()
    // Initialization successful

The On-Site Messaging native view on iOS is the KlarnaMessagingPlacementView. You can create this view programmatically and add it to your view controller or custom views.

// Create an instance of KlarnaMessagingPlacementConfiguration
// Depending on your requirements, you can create `CreditPromotionBadge` or 
// `CreditPromotionAutoSize` configuration
let placementConfiguration = KlarnaMessagingPlacementConfiguration.creditPromotionBadge(
    theme: .automatic,
    amount: 10000,
    currency: "USD"
)
// Create an instance of the view
let placementView = KlarnaMessagingPlacementView(
    klarna: klarnaInstance,
    configuration: placementConfiguration