接入指南 接入指南
  • V2 (opens new window)
  • V3 (opens new window)
  • V4-English (opens new window)
  • 接入指南
    • 接入准备
    • 快速启动
    • 开发指南
    • 接入方式
    • 工具
    • 附录
    • 术语
  • API文档
    • checkout
    • dispute
    • Tokenization
    • 异步通知
    • Marketplaces
    • Terminal integration API
  • Marketplaces
  • Accept in-person payments with Terminal
  • 覆盖国家
  • 风险管理
  • 对账服务
  • 支付方式
  • V2 (opens new window)
  • V3 (opens new window)
  • V4-English (opens new window)
  • 合作平台

    • Shopify

      • 概览
      • 国际信用卡内嵌
      • 本地支付-收银台模式
      • 自定义收收银台
      • 物流绑定
      • 本地支付平铺

        • Afterpay
        • Klarna
        • Klarna-OSM
          • 安装Klarna OSM App
          • Shopify 2.0主题集成
          • 访问应用程序区块
          • 添加Klarna OSM
          • 配置位置
          • 常见问题
        • PayPay
        • Trustly
        • ideal/Mybank
        • Multibanco/Paysera
        • Blik
        • sofort
  • v4

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

如果您的商店已经与Klarna集成了支付功能,应用程序将自动连接。如果没有,系统会要求您输入Klarna商户ID并手动连接账户。

# Shopify 2.0主题集成

随着Shopify在线商店2.0的推出,您可以通过Shopify主题定制器与OSM App一起添加Klarna OSM位置。这可以通过在页面上直接添加Klarna App Block来实现。

Shopify 2.0集成

# 访问应用程序区块

对于能够使用Klarna现场消息应用程序块的商店,打开Klarna应用程序时会出现一个弹出窗口,让您知道已检测到Shopify 2.0主题。

检测Shopify 2.0主题

# 添加Klarna OSM

使用预览窗口导航到要添加Klarna OSM的页面。如果您希望将其添加为一个单独的部分,请单击"Add block",然后从应用程序列表中选择"Klarna On-Site Messaging"。

添加Klarna OSM

# 配置位置

通过Klarna On Site Messaging应用程序配置位置,有三种安装选项:自动选择最佳位置、拖动预览框选择位置、CSS定位。

配置位置

# 常见问题

  • Q:采用传统模式设置了CSS,保存后页面上并未出现klarna的OSM怎么回事?

    • 可能是因为CSS选择器不正确或未正确应用。
  • Q:我的网站是用Pagely搭建的,请问对于以上的方法适用吗?

    • Pagely可能有其特定的集成方式,上述方法可能不适用。
  • Q:为什么有些商品页可以显示,有些却不行,都是同样的设置?

    • 可能是因为CSS选择器不够通用,需要调整以匹配所有产品。

详见: Klarna 的 OSM 插件安装配置指南

上次更新: 2024/11/05, 18:39:18

Previous
← Klarna
Next
PayPay→

杭州乒乓智能技术有限公司 | Copyright © 2015-2026 checkout.pingpongx.com.All Rights Reserved.
  • 浅色模式