Langsung ke konten utama

Ikhtisar

Plugin Framer Dodo Payments mengintegrasikan pemrosesan pembayaran ke dalam situs web Framer Anda dengan mulus. Buat pengalaman checkout yang dapat disesuaikan dengan dukungan untuk lingkungan pengujian dan produksi.

Official Plugin

Akses plugin resmi Dodo Payments di marketplace Framer.

Fitur

Hosted or Overlay Checkout

Pilih alur halaman penuh atau overlay inline yang terasa alami di situs Anda.

Drag-and-Drop Setup

Tambahkan komponen, tempel kunci Anda, terbitkan.

Instant Digital Delivery

Kirim tautan unduhan aman atau kunci lisensi segera setelah pembayaran selesai.

Worldwide Coverage

Akuisisi setingkat bank di enam benua, metode lokal sudah terintegrasi.

Automatic Tax & Invoicing

Pajak pertambahan nilai, GST, pajak penjualan, dan tanda terima ditangani untuk setiap pesanan.

No-Code Subscriptions

Hidupkan sakelar untuk menjual paket langganan produk Anda.

Panduan Pengaturan

1

Generate API Key

Kunjungi Dodo Payments Dashboard dan buat kunci API baru.
Untuk penggunaan produksi dengan pemrosesan pembayaran nyata.
Salin kunci API Anda dengan aman - Anda akan membutuhkannya untuk langkah berikutnya.
2

Authenticate Plugin

  1. Buka plugin Dodo Payments di Framer
  2. Arahkan ke halaman Autentikasi
  3. Tempel kunci API Anda
  4. Pilih mode yang sesuai (Test atau Live)
  5. Klik Continue untuk mengautentikasi
Jaga kunci API Anda tetap aman dan jangan pernah membagikannya secara publik.
3

Manage Products

Setelah autentikasi, Anda akan melihat daftar produk Anda:
  • Produk yang Ada: Ditampilkan secara otomatis
  • Tidak ada produk: Klik tombol Plus (+) di sebelah ‘Produk’
Anda akan diarahkan ke Dodo Payments Dashboard untuk membuat produk dengan harga, deskripsi, dan pengaturan.
4

Add Buy Buttons

  1. Pilih produk dari daftar yang tersedia
  2. Klik tombol Add Buy Button
  3. Tombol beli dengan teks Buy {product_name} akan ditambahkan ke kanvas Anda
Tombol Tambah Beli akan dinonaktifkan jika Anda tidak memiliki izin proyek yang benar.

Kustomisasi

1

Select Checkout Experience

Pilih pengalaman checkout yang Anda sukai:
  • Overlay (Embedded): Checkout muncul sebagai overlay dalam proyek Framer Anda, menjaga pengguna tetap di situs Anda.
  • Hosted: Pengguna diarahkan ke halaman checkout yang dihosting Dodo Payments untuk pengalaman yang lebih lancar.
2

Customize Appearance Options

Sesuaikan pengalaman checkout Anda dengan pengaturan tampilan berikut:
  • Checkout Theme: Pilih antara tema terang atau gelap untuk menyesuaikan estetika merek Anda.
  • Button Label: Sesuaikan teks (misal, ‘Buy Now’, ‘Purchase’, ‘Get Started’).
  • Button Styles: Sesuaikan warna, font, ukuran, dan properti gaya lainnya.
  • Return URL: Tetapkan halaman Framer agar pengguna kembali setelah checkout.

Pemecahan Masalah

Masalah: Plugin gagal mengautentikasiSolusi:
  • Verifikasi kunci API Anda benar
  • Pastikan Anda menggunakan mode yang benar (Test/Live)
  • Periksa koneksi internet Anda
Masalah: Tombol Tambah Beli dinonaktifkanSolusi:
  • Verifikasi Anda memiliki izin yang benar di proyek Framer Anda
  • Pastikan Anda terautentikasi dengan benar
  • Coba muat ulang plugin
Masalah: Produk tidak munculSolusi:
  • Pastikan Anda telah membuat produk di dashboard Dodo Payments
  • Periksa bahwa kunci API Anda memiliki izin yang benar
  • Coba autentikasi ulang