默认模式 - 底部面板

最简单的集成方式，只需一行代码即可在您的网站上添加完整的购买功能。

什么是默认模式？

默认模式在您的网站底部显示一个浮动面板，用户可以随时展开或收起面板，便捷地完成购买。

实时演示

🎨 默认模式实时演示

查看底部滑动面板的效果

1. 快速集成

只需在您的 HTML 页面中添加一行脚本：

<!-- 引入 RAKUFUN SDK - 就这么简单！ -->
<script src="https://sdk.rakufun.com/rakufun-universal.min.js"></script>

就是这样！SDK 会自动初始化并显示浮动 UI。

2. 设置商品信息

在页面加载后设置商品数据：

// SDK 加载完成后设置商品信息
rakufun.setUIProductData({
  title: 'iPhone 15 Pro Max',
  price: '189800',
  images: ['https://example.com/iphone.jpg'],
  description: '最新旗舰机型，256GB',
  url: window.location.href
});

为什么选择默认模式？

• ✅ 零配置 - 一行代码即可使用
• ✅ 不侵入页面 - 浮动设计，不影响现有布局
• ✅ 功能完整 - 包含便捷的购买流程
• ✅ 用户友好 - 可展开/收起，不遮挡内容

下一步

• 查看 按钮模式 - 将购买按钮嵌入指定位置
• 查看 横幅模式 - 显示横向横幅组件
• 查看 自定义模式 - 完全自定义 UI

常见问题

UI 不显示怎么办？

检查以下几点：

1. 确认 SDK 脚本已正确加载
2. 检查是否为日本 IP（默认隐藏）
3. 打开浏览器控制台查看错误信息

---

有疑问？联系我们：[email protected]