Skip to main content

​
Ikhtisar

Plugin Framer Dodo Payments menambahkan tombol beli untuk produk Dodo Payments Anda ke situs Framer. Setiap tombol membuka checkout sebagai overlay di halaman Anda atau mengarahkan customer ke halaman hosted checkout, dalam test mode atau live mode.

Official Plugin

Instal plugin Dodo Payments dari Framer Marketplace.

​
Fitur

Hosted or Overlay Checkout

Buka checkout sebagai overlay di halaman Anda, atau arahkan customer ke halaman hosted checkout.

Drag-and-Drop Setup

Tempelkan API key Anda ke plugin, tambahkan tombol beli ke canvas, lalu publikasikan.

Digital Delivery

Kirim download links atau license keys kepada customer melalui email setelah pembayaran.

Worldwide Coverage

Jual kepada customer di lebih dari 220 negara dengan kartu, wallet, dan metode pembayaran lokal.

Automatic Tax & Invoicing

Sebagai Merchant of Record, Dodo Payments menghitung dan menyetorkan VAT, GST, dan pajak penjualan, serta menerbitkan invoice untuk setiap pembayaran.

No-Code Subscriptions

Produk subscription mendapatkan tombol beli yang sama seperti produk sekali bayar, tanpa kode.

​
Panduan Pengaturan

1

Generate API Key

Di dashboard Dodo Payments, buka Developer → API Keys lalu klik Add API Key. Anda juga dapat membuka halaman API Keys secara langsung.API key hanya berfungsi dalam satu mode. Sebelum membuat key, gunakan switch Live Mode di sidebar untuk memilih mode:
Untuk production. Customer membayar menggunakan metode pembayaran sebenarnya.
Salin API key dan simpan dengan aman. Dashboard hanya menampilkannya sekali, dan Anda akan menempelkannya ke plugin pada langkah berikutnya.
2

Authenticate Plugin

Jaga kerahasiaan API key Anda. Jangan pernah membagikan atau memublikasikannya.
  1. Buka plugin Dodo Payments di Framer. Plugin terbuka pada halaman Authenticate.
  2. Di bawah API Mode, pilih Test Mode atau Live Mode yang sesuai dengan API key Anda.
  3. Tempelkan API key Anda ke API Key.
  4. Klik Continue.
3

Manage Products

Setelah Anda melakukan autentikasi, plugin menampilkan produk dari mode yang Anda pilih di bawah Products:
  • Existing products muncul secara otomatis, masing-masing ditandai One-time atau Subscription.
  • No products yet: klik tombol Plus (+) di samping Products.
Tombol Plus (+) membuka dashboard Dodo Payments, tempat Anda membuat produk dan menetapkan harga, deskripsi, serta pengaturan lainnya.
4

Add Buy Buttons

  1. Pilih produk dari daftar.
  2. Klik Add Buy Button.
Plugin menambahkan tombol beli dengan label Buy {product_name} ke canvas Anda. Di layar produk yang sama, Edit membuka produk di dashboard Dodo Payments, sedangkan Show Preview membuka preview checkout-nya.
Add Buy Button dinonaktifkan jika Anda tidak memiliki izin untuk menambahkan komponen dan mengubah propertinya di project Framer.

​
Kustomisasi

Untuk mengubah cara kerja tombol beli, pilih tombol tersebut di canvas lalu edit propertinya di Framer.
1

Select Checkout Experience

Atur Type untuk memilih cara checkout dibuka:
  • Overlay: Checkout dibuka sebagai overlay di halaman Framer Anda, sehingga customer tetap berada di situs Anda. Plugin menggunakan tipe ini untuk tombol baru.
  • Hosted: Tombol mengarah ke halaman hosted checkout Dodo Payments. Link Target menentukan apakah halaman dibuka di tab baru atau tab yang sama.
2

Customize Appearance Options

Sesuaikan tombol dan checkout dengan situs Anda menggunakan properti berikut:
  • Checkout Theme: Checkout light atau dark.
  • Label: Teks tombol, seperti “Buy Now”, “Purchase”, atau “Get Started”.
  • Gaya tombol: Warna latar belakang, warna teks, font, ukuran font, radius border, dan padding.
  • Return URL: Halaman Framer atau URL tujuan customer setelah checkout.
  • Environment: Live atau Test. Plugin menetapkannya ke mode yang Anda gunakan saat autentikasi.

​
Pemecahan Masalah

Masalah: Plugin tidak dapat melakukan autentikasi.Solusi:
  • Pastikan Anda menempelkan API key lengkap.
  • Pastikan API Mode sesuai dengan mode saat key dibuat. Key test mode tidak berfungsi dalam live mode, dan key live mode tidak berfungsi dalam test mode.
  • Periksa koneksi internet Anda.
Masalah: Add Buy Button dinonaktifkan.Solusi:
  • Pastikan peran Anda dalam project Framer mengizinkan Anda menambahkan komponen dan mengubah propertinya.
  • Pastikan plugin telah diautentikasi.
  • Tutup lalu buka kembali plugin.
Masalah: Produk tidak muncul di plugin.Solusi:
  • Pastikan Anda telah membuat produk di dashboard Dodo Payments.
  • Pastikan produk berada dalam mode yang sama dengan API key Anda. Plugin hanya menampilkan produk dari mode yang digunakan saat autentikasi.
  • Lakukan autentikasi ulang pada plugin.
Terakhir diubah pada 26 September 2026