Tổng quan
Plugin Framer Dodo Payments tích hợp liền mạch quy trình thanh toán vào các trang web Framer của bạn. Tạo trải nghiệm thanh toán tùy chỉnh với hỗ trợ cho cả môi trường thử nghiệm và sản xuất.Official Plugin
Truy cập plugin Dodo Payments chính thức trên Framer marketplace.
Tính năng
Hosted or Overlay Checkout
Chọn luồng toàn trang hoặc lớp phủ nội tuyến mang lại cảm giác giống với trang của bạn.
Drag-and-Drop Setup
Thêm thành phần, dán khóa của bạn, xuất bản.
Instant Digital Delivery
Đường dẫn tải xuống bảo mật hoặc khóa giấy phép được gửi ngay khi thanh toán được xác nhận.
Worldwide Coverage
Thu nhận cấp ngân hàng trên sáu châu lục, tích hợp các phương thức địa phương.
Automatic Tax & Invoicing
Xử lý VAT, GST, thuế bán hàng và hóa đơn cho mỗi đơn hàng.
No-Code Subscriptions
Bật một công tắc để bán các gói đăng ký cho sản phẩm của bạn.
Hướng Dẫn Cài Đặt
Generate API Key
Truy cập Bảng điều khiển Dodo Payments và tạo khóa API mới.
- Live Mode
- Test Mode
Cho môi trường sản xuất với xử lý thanh toán thực tế.
Sao chép khóa API một cách an toàn - bạn sẽ cần nó cho bước tiếp theo.
Authenticate Plugin
- Mở plugin Dodo Payments trong Framer
- Đi tới trang Xác thực
- Dán khóa API của bạn
- Chọn chế độ phù hợp (Test hoặc Live)
- Nhấp Continue để xác thực
Manage Products
Sau khi xác thực, bạn sẽ thấy danh sách sản phẩm của mình:
- Sản phẩm hiện có: Hiển thị tự động
- Không có sản phẩm: Nhấp vào nút Cộng (+) bên cạnh ‘Sản phẩm’
Bạn sẽ được chuyển hướng đến Bảng điều khiển Dodo Payments để tạo sản phẩm cùng giá, mô tả và cài đặt.
Tùy Chỉnh
Select Checkout Experience
Chọn trải nghiệm thanh toán ưu tiên của bạn:
- Overlay (Embedded): Trang thanh toán xuất hiện như một lớp phủ trong dự án Framer của bạn, giữ người dùng ở lại trang của bạn.
- Hosted: Người dùng được chuyển hướng đến trang thanh toán do Dodo Payments lưu trữ để có trải nghiệm trơn tru.
Customize Appearance Options
Tùy chỉnh trải nghiệm thanh toán với các cài đặt giao diện sau:
- Checkout Theme: Chọn giữa giao diện sáng hoặc tối để phù hợp với thẩm mỹ thương hiệu của bạn.
- Button Label: Tùy chỉnh văn bản (ví dụ: ‘Buy Now’, ‘Purchase’, ‘Get Started’).
- Button Styles: Điều chỉnh màu sắc, phông chữ, kích thước và các thuộc tính kiểu khác.
- Return URL: Đặt một trang Framer để người dùng quay lại sau khi thanh toán.
Khắc Phục Sự Cố
Authentication Issues
Authentication Issues
Vấn đề: Plugin không thể xác thựcGiải pháp:
- Xác minh khóa API của bạn là chính xác
- Đảm bảo bạn đang sử dụng chế độ đúng (Test/Live)
- Kiểm tra kết nối internet của bạn
Button Creation Issues
Button Creation Issues
Product Display Issues
Product Display Issues
Vấn đề: Sản phẩm không hiển thịGiải pháp:
- Đảm bảo bạn đã tạo sản phẩm trong bảng điều khiển Dodo Payments
- Kiểm tra xem khóa API của bạn có quyền thích hợp không
- Thử xác thực lại