--- url: >- https://acquirer-api-docs-v4-en.pingpongx.com/notes/zh/saas/Shopify/Klarna/OSM/index.md description: >- Klarna的OSM插件安装配置指南，适用于Shopify商店，帮助商家通过站内消息提升客户支付体验。文档详细介绍了如何从Shopify应用商店安装Klarna OSM App，并在Shopify 2.0主题中集成该插件，包括添加Klarna OSM位置、访问应用程序区块及配置显示位置等步骤。支持自 --- # 如何为您的Shopify商店安装和配置Klarna的OSM（站内消息） ## 安装Klarna OSM App 您可以通过以下步骤在Shopify应用程序商店安装Klarna OSM App： 1. 进入Shopify后台，路径为：Settings > Apps & Sales Channels > Shopify App Store。 2. 搜索Klarna，并选择Klarna On-Site Messaging进行安装。 ![安装Klarna OSM](https://roshanx.notion.site/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F9376b670-4323-4d49-9567-31bb9d1c0cb0%2FUntitled.png?table=block&id=85f6247a-a241-4707-abd0-caa4bb58255d&spaceId=f552184c-e2ab-4c8a-a5e1-c177f3917dcb&width=1220&userId=&cache=v2) 如果您的商店已经与Klarna集成了支付功能，应用程序将自动连接。如果没有，系统会要求您输入Klarna商户ID并手动连接账户。 ## Shopify 2.0主题集成 随着Shopify在线商店2.0的推出，您可以通过Shopify主题定制器与OSM App一起添加Klarna OSM位置。这可以通过在页面上直接添加Klarna App Block来实现。 ![Shopify 2.0集成](https://roshanx.notion.site/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fbb180d8f-e563-4c34-8356-02f5ba815775%2FUntitled.png?table=block&id=b38db6ee-7c03-4b10-be1b-c0765cee1dd9&spaceId=f552184c-e2ab-4c8a-a5e1-c177f3917dcb&width=1220&userId=&cache=v2) ## 访问应用程序区块 对于能够使用Klarna现场消息应用程序块的商店，打开Klarna应用程序时会出现一个弹出窗口，让您知道已检测到Shopify 2.0主题。 ![检测Shopify 2.0主题](https://roshanx.notion.site/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd0210051-1dac-43ce-b19b-f8cd07abd7c3%2FUntitled.png?table=block&id=751de6fa-b1f0-4046-9a51-57f5433f2461&spaceId=f552184c-e2ab-4c8a-a5e1-c177f3917dcb&width=1220&userId=&cache=v2) ## 添加Klarna OSM 使用预览窗口导航到要添加Klarna OSM的页面。如果您希望将其添加为一个单独的部分，请单击"Add block"，然后从应用程序列表中选择"Klarna On-Site Messaging"。 ![添加Klarna OSM](https://roshanx.notion.site/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6b3e2691-87ba-455e-a412-1dc37c0c9ac7%2FUntitled.png?table=block&id=e327f7a8-333b-4d8e-b7b6-c7321d260d86&spaceId=f552184c-e2ab-4c8a-a5e1-c177f3917dcb&width=1220&userId=&cache=v2) ## 配置位置 通过Klarna On Site Messaging应用程序配置位置，有三种安装选项：自动选择最佳位置、拖动预览框选择位置、CSS定位。 ![配置位置](https://roshanx.notion.site/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fce7a4d7c-98ed-4297-89bc-74f6f25e9ac3%2FUntitled.png?table=block&id=22ecafa6-2f36-4f5e-8b56-ab17beb7848b&spaceId=f552184c-e2ab-4c8a-a5e1-c177f3917dcb&width=1220&userId=&cache=v2) ## 常见问题 - **Q：采用传统模式设置了CSS，保存后页面上并未出现klarna的OSM怎么回事？** - 可能是因为CSS选择器不正确或未正确应用。 - **Q：我的网站是用Pagely搭建的，请问对于以上的方法适用吗？** - Pagely可能有其特定的集成方式，上述方法可能不适用。 - **Q：为什么有些商品页可以显示，有些却不行，都是同样的设置？** - 可能是因为CSS选择器不够通用，需要调整以匹配所有产品。 详见： Klarna 的 OSM 插件安装配置指南