Tổng quan
Plugin Framer của Dodo Payments thêm các nút mua cho sản phẩm Dodo Payments vào trang Framer. Mỗi nút mở checkout dưới dạng overlay trên trang của bạn hoặc đưa khách hàng đến trang hosted checkout, ở test mode hoặc live mode.Official Plugin
Cài đặt plugin Dodo Payments từ Framer Marketplace.
Tính năng
Hosted or Overlay Checkout
Mở checkout dưới dạng overlay trên trang của bạn hoặc đưa khách hàng đến trang hosted checkout.
Drag-and-Drop Setup
Dán API key vào plugin, thêm nút mua vào canvas và xuất bản.
Digital Delivery
Gửi liên kết tải xuống hoặc license key cho khách hàng qua email sau khi thanh toán.
Worldwide Coverage
Bán cho khách hàng ở hơn 220 quốc gia bằng thẻ, ví điện tử và các phương thức thanh toán địa phương.
Automatic Tax & Invoicing
Với tư cách là Merchant of Record, Dodo Payments tính và nộp VAT, GST và sales tax, đồng thời phát hành invoice cho mỗi khoản thanh toán.
No-Code Subscriptions
Sản phẩm đăng ký sử dụng cùng một nút mua như sản phẩm mua một lần mà không cần code.
Hướng Dẫn Cài Đặt
1
Generate API Key
Trong dashboard Dodo Payments, đi đến Developer → API Keys và nhấp vào Add API Key. Bạn cũng có thể mở trực tiếp trang API Keys.Một API key chỉ hoạt động ở một mode. Trước khi tạo key, hãy sử dụng công tắc Live Mode trong thanh bên để chọn mode:
- Live Mode
- Test Mode
Dành cho môi trường production. Khách hàng thanh toán bằng phương thức thanh toán thực.
Sao chép API key và lưu trữ an toàn. Dashboard chỉ hiển thị key một lần, sau đó bạn sẽ dán key vào plugin ở bước tiếp theo.
2
Authenticate Plugin
- Mở plugin Dodo Payments trong Framer. Plugin sẽ mở ở trang Authenticate.
- Trong API Mode, chọn Test Mode hoặc Live Mode tương ứng với API key của bạn.
- Dán API key vào API Key.
- Nhấp vào Continue.
3
Manage Products
Sau khi xác thực, plugin liệt kê các sản phẩm thuộc mode bạn đã chọn trong Products:
- Existing products tự động xuất hiện, mỗi sản phẩm được đánh dấu One-time hoặc Subscription.
- No products yet: nhấp vào nút Plus (+) bên cạnh Products.
Nút Plus (+) mở dashboard Dodo Payments, nơi bạn tạo sản phẩm và thiết lập giá, mô tả cùng các cài đặt khác.
4
Add Buy Buttons
- Chọn một sản phẩm từ danh sách.
- Nhấp vào Add Buy Button.
Buy {product_name} vào canvas. Trên cùng màn hình sản phẩm, Edit mở sản phẩm trong dashboard Dodo Payments, còn Show Preview mở bản xem trước checkout của sản phẩm.Tùy chỉnh
Để thay đổi cách hoạt động của nút mua, hãy chọn nút trên canvas và chỉnh sửa các thuộc tính trong Framer.1
Select Checkout Experience
Đặt Type để chọn cách mở checkout:
- Overlay: Checkout mở dưới dạng overlay trên trang Framer, để khách hàng vẫn ở trên trang của bạn. Plugin sử dụng loại này cho các nút mới.
- Hosted: Nút liên kết đến trang hosted checkout của Dodo Payments. Link Target xác định trang sẽ mở trong tab mới hay tab hiện tại.
2
Customize Appearance Options
Đồng bộ nút và checkout với trang của bạn bằng các thuộc tính sau:
- Checkout Theme: Checkout sáng hoặc tối.
- Label: Văn bản trên nút, chẳng hạn như “Buy Now”, “Purchase” hoặc “Get Started”.
- Kiểu dáng nút: Màu nền, màu văn bản, font, cỡ font, bán kính đường viền và khoảng đệm.
- Return URL: Trang Framer hoặc URL mà khách hàng quay lại sau checkout.
- Environment: Live hoặc Test. Plugin đặt giá trị này theo mode bạn đã xác thực.
Khắc phục sự cố
Authentication Issues
Authentication Issues
Sự cố: Plugin không xác thực được.Giải pháp:
- Kiểm tra để đảm bảo bạn đã dán đầy đủ API key.
- Kiểm tra API Mode có khớp với mode đã dùng để tạo key hay không. Key ở test mode không hoạt động trong live mode và key ở live mode không hoạt động trong test mode.
- Kiểm tra kết nối Internet.
Product Display Issues
Product Display Issues
Sự cố: Sản phẩm không xuất hiện trong plugin.Giải pháp:
- Kiểm tra bạn đã tạo sản phẩm trong dashboard Dodo Payments hay chưa.
- Kiểm tra sản phẩm có tồn tại ở cùng mode với API key hay không. Plugin chỉ liệt kê các sản phẩm thuộc mode bạn đã xác thực.
- Xác thực lại plugin.