概述
Dodo Payments Framer 插件无缝集成支付处理到您的 Framer 网站中。创建可自定义的结账体验,支持测试和生产环境。Official Plugin
访问 Framer 市场中的官方 Dodo Payments 插件。
特性
Hosted or Overlay Checkout
选择一个全页流程或与您的站点原生融合的内嵌覆盖层。
Drag-and-Drop Setup
添加组件,粘贴密钥,然后发布。
Instant Digital Delivery
在付款完成后立即发送安全的下载链接或许可证密钥邮件。
Worldwide Coverage
六大洲的银行级收单,内置本地支付方式。
Automatic Tax & Invoicing
为每笔订单处理增值税、商品及服务税、销售税和收据。
No-Code Subscriptions
轻松开启订阅计划销售你的产品。
设置指南
1
Generate API Key
访问 Dodo Payments Dashboard,并创建一个新的 API 密钥。
- Live Mode
- Test Mode
用于具有真实支付处理的生产环境。
安全地复制您的 API 密钥——下一步将需要它。
2
Authenticate Plugin
- 打开 Framer 中的 Dodo Payments 插件
- 转到认证页面
- 粘贴您的 API 密钥
- 选择适当的模式(测试或实时)
- 点击 Continue 进行认证
3
Manage Products
认证后,您将看到产品列表:
- 现有产品:自动显示
- 没有产品:点击“产品”旁边的 加号 (+) 按钮
系统会将您重定向到 Dodo Payments 仪表板,在那里创建具有定价、描述和设置的产品。
4
Add Buy Buttons
- 从可用列表中选择一个产品
- 点击
Add Buy Button按钮 - 一个带有文本
Buy {product_name}的购买按钮将被添加到画布上
自定义
1
Select Checkout Experience
选择您偏好的结账体验:
- Overlay (Embedded):结账作为内嵌覆盖层出现在 Framer 项目中,让用户留在您的网站上。
- Hosted:用户会被重定向到由 Dodo Payments 托管的结账页面,以获得更流畅的体验。
2
Customize Appearance Options
通过以下外观设置自定义结账体验:
- Checkout Theme:在浅色或深色主题之间选择,以匹配您的品牌美感。
- Button Label:自定义文本(例如 “Buy Now”、“Purchase”、“Get Started”)。
- Button Styles:调整颜色、字体、尺寸及其他样式属性。
- Return URL:为用户设置结账后返回的 Framer 页面。
故障排除
Authentication Issues
Authentication Issues
问题:插件无法认证解决方案:
- 验证您的 API 密钥是否正确
- 确保您使用的是正确的模式(测试/实时)
- 检查您的网络连接
Product Display Issues
Product Display Issues
问题:产品未显示解决方案:
- 确保您在 Dodo Payments 仪表板中已创建产品
- 检查您的 API 密钥是否具有正确权限
- 尝试重新认证