Tahukah Anda? Dengan 434 juta akun aktif di seluruh dunia, PayPal tetap menjadi salah satu metode pembayaran digital paling tepercaya bagi konsumen maupun pedagang.
Menerima pembayaran langsung di situs web Anda menghilangkan gesekan dari perjalanan pembelian. Cara tercepat untuk menambahkan tombol PayPal ke situs web Anda adalah dengan PayPal Button Widget dari Elfsight, yang memungkinkan Anda membuat tombol checkout tanpa kode, pembayaran berlangganan, dan tombol donasi dalam hitungan menit. Pengunjung cukup mengklik tombol Anda dan menyelesaikan pembayaran melalui checkout PayPal yang aman dan familiar – mengurangi gesekan dan membangun kepercayaan dengan metode pembayaran yang diakui secara global.
- Sisipkan tombol PayPal di situs Anda tanpa kemampuan coding
- Buat tombol checkout, langganan, dan formulir donasi
- Bandingkan metode tombol resmi PayPal dengan solusi pihak ketiga
- Optimalkan penempatan tombol dan desainnya untuk konversi yang lebih tinggi.
Tambahkan tombol PayPal dalam 4 langkah
Jika Anda siap menyematkan sekarang juga, berikut jalur tercepat untuk menambahkan tombol PayPal ke situs Anda:
- editor and select a payment type.”>Buka Elfsight’s editor dan pilih tipe pembayaran.
- Masukkan email penjual PayPal Anda dan atur detail pembayaran.
- Sesuaikan widget agar sesuai dengan merek Anda.
- Salin kode semat Anda dan tempelkan ke backend situs Anda.
Buat tombol pembayaran PayPal Anda di editor langsung! ↓
Apa yang membuat solusi PayPal ini menonjol
Sekarang Anda memahami kemudahan pengaturan ini, mari jelajahi kemampuan utama yang membedakan widget PayPal ini dari opsi bawaan dan alternatif lainnya:
| Fitur Utama | Mengapa ini penting |
|---|---|
| Tiga jenis pembayaran dalam satu widget | Buat tombol checkout untuk pembelian satu kali, tombol langganan dengan periode penagihan yang fleksibel, atau tombol donasi dengan jumlah tetap atau variabel—semuanya dari satu alat. |
| Ikon sistem pembayaran bawaan | Tampilkan logo Visa, Mastercard, American Express, dan Discover di bawah tombol Anda. Melihat opsi pembayaran yang familiar meningkatkan kepercayaan pembeli dan tingkat penyelesaian pembayaran dengan memberi isyarat keamanan. |
| Kustomisasi gaya penuh untuk merek Anda | Sesuaikan ukuran tombol, bentuk, warna, teks, ketebalan garis tepi, dan penampilan logo PayPal. Tombol pembayaran Anda menyatu dengan desain situs Anda, bukannya terlihat mencolok. |
| Dukungan multi-mata uang dan lokalisasi | Jual dalam mata uang pelanggan Anda dengan halaman checkout yang dilokalkan, sehingga pembeli internasional melihat harga dan tampilan pembayaran dalam format yang akrab. |
| Penagihan langganan berulang | Tetapkan interval penagihan dan aktifkan pembayaran berulang otomatis, sehingga pelanggan tetap aktif tanpa penagihan ulang manual setiap siklus. |
| Konfigurasi Pajak dan Pengiriman | Tambahkan pajak sebagai persentase atau jumlah tetap, plus biaya kirim langsung dalam pengaturan tombol Anda. Harga akhir ditampilkan secara transparan di halaman checkout PayPal. |
| Opsi Pengalihan Pasca Pembelian | Arahkan pelanggan ke halaman terima kasih atau penawaran khusus setelah pembayaran berhasil. Lacak konversi dengan lebih efektif dan maksimalkan peluang upsell. |
Cara menyematkan tombol PayPal di situs web
Ingin menyempurnakan setiap aspek tombol pembayaran Anda? Bagian ini membimbing Anda melalui setiap langkah konfigurasi, mulai dari pemilihan jenis pembayaran hingga menata tombol Anda agar konversi maksimal.
1. Pilih Jenis Pembayaran
Luncurkan editor tombol PayPal dan pilih model pembayaran yang sesuai dengan bisnis Anda:
- Checkout type memproses pembelian sekali pakai dengan nama produk, harga, pengiriman opsional, dan pengaturan pajak. Ideal untuk menjual produk atau layanan per transaksi.
- Tipe langganan menyiapkan pembayaran berkala pada interval yang Anda tentukan. Sempurna untuk situs keanggotaan, lisensi perangkat lunak, atau layanan berulang.
- Tipe Donasi memudahkan pendukung memberikan jumlah tetap atau memilih jumlah donasi mereka sendiri. Cocok untuk organisasi nirlaba, kreator, proyek komunitas, atau pendanaan konten.
Jika Anda menawarkan lebih dari satu tingkat langganan, ingatlah setiap tombol PayPal mencakup satu paket. Atur opsi-opsi Anda berdampingan dengan Tabel Harga agar pengunjung bisa membandingkan rencana, lalu pasangkan setiap tingkat dengan tombol berlangganan masing-masing.
Mengatur Tombol Donasi PayPal
Untuk menambahkan tombol donasi PayPal ke situs web Anda, pilih jenis pembayaran Donasi di editor. Ini yang paling mudah diatur dari ketiganya — tidak perlu menetapkan nama produk, biaya pengiriman, atau pajak. Pilih mata uang dan lokalisasi Anda, lalu pilih jenis donasi:
- Opsional – penyumbang memasukkan jumlah berapapun yang mereka suka. Terbaik untuk donasi terbuka, tips, atau dukungan “bayar sesuka Anda”.
- Tetap – Anda menetapkan satu jumlah donasi. Berguna untuk permintaan spesifik, seperti tingkat keanggotaan yang ditetapkan atau tingkat kontribusi.
Tambahkan ajakan bertindak di atas tombol (misalnya “Dukungan untuk Misi Kami”), sesuaikan gayanya agar serasi dengan halaman Anda, dan sematkan di mana pun donor paling mungkin bertindak — halaman kampanye, halaman Tentang, atau footer Anda.
2. Masukkan detail akun PayPal Anda
Pergi ke tab Pembayaran dan masukkan alamat email penjual PayPal Anda. Ini adalah akun tempat pembayaran akan didepositkan. Pastikan Anda menggunakan Akun Bisnis PayPal (akun pribadi tidak dapat menerima pembayaran melalui tombol).
3. Atur Rincian Pembayaran
Untuk tombol checkout, masukkan rincian penting berikut:
- Nama produk – Barang atau layanan yang dibeli pelanggan (mis., “Akses Kursus Premium,” “Paket Konsultasi”).
- Harga – Jumlah pembayaran dalam mata uang pilihan Anda.
- Mata uang dan Lokalisasi – Pilih negara dan mata uang pembayaran Anda (20+ opsi didukung). Ini menampilkan antarmuka checkout dalam bahasa setempat.
- Harga Pengiriman – Biaya opsional untuk barang fisik. Kosongkan jika Anda menawarkan pengiriman gratis atau menjual produk digital.
- Jenis pajak – Pilih Tidak ada, Persentase (dihitung dari total), atau Jumlah tetap.
Untuk tombol langganan, Anda juga mengatur interval penagihan dan apakah pembayaran berulang secara otomatis. Untuk tombol donasi, tentukan apakah donatur memilih jumlahnya sendiri atau jika Anda menetapkan jumlah tetap.
4. Sesuaikan Teks Tombol dan Elemen
Di tab Tombol, tentukan elemen mana saja yang akan ditampilkan tombol PayPal Anda:
- Text above button – Judul atau ajakan bertindak di atas tombol pembayaran (misalnya “Siap memulai?” atau “Dukung misi kami”).
- Teks tombol – Label pada tombol itu sendiri (default-nya adalah “Beli Sekarang,” “Langganan,” atau “Donasi,”, tetapi Anda bisa menyesuaikannya).
- Elemen tombol – Ubah visibilitas teks tombol, ikon PayPal, dan teks branding PayPal.
- Payment system icons – Tampilkan atau sembunyikan logo Visa, Mastercard, American Express, dan Discover di bawah tombol Anda.
5. Atur gaya tombol Anda untuk dampak maksimal
Di tab Gaya, sesuaikan tampilan tombol agar sesuai dengan situs Anda:
- Lebar tombol – Pilih piksel, persentase dari wadah, atau isi otomatis.
- Ukuran tombol – Seret slider dari kecil ke besar. Tombol yang lebih besar mendapatkan lebih banyak klik.
- Bentuk tombol – Persegi panjang, sudut membulat, atau bulat sepenuhnya.
- Ketebalan garis tepi – Sesuaikan dari 0 untuk membuat tombol berbingkai.
- Warna – Sesuaikan warna tombol, warna teks, warna border, dan warna logo PayPal secara independen.
Jika opsi gaya baku tidak cukup, bidang CSS Kustom memungkinkan Anda membuat penyesuaian secara rinci. Misalnya, Anda dapat mengubah font, menyesuaikan spasi, atau menerapkan efek hover. Forum Komunitas Elfsight menyediakan potongan CSS siap pakai jika Anda tidak nyaman menulis kode.
6. Salin dan Tempelkan Kode Sematkan Anda
Setelah puas dengan pengaturan Anda, klik tombol hijau “Tambahkan ke situs web secara gratis”. Salin seluruh blok kode – Anda akan membutuhkannya untuk meluncurkan widget Anda.
Tempel kode tombol PayPal Anda ke backend situs Anda. Proses tepatnya tergantung pada platform Anda. Contohnya:
WordPress (Editor Gutenberg – Editor Blok)
- Buka halaman atau pos tempat Anda ingin menambahkan tombol.
- Klik ikon “+” untuk menambahkan blok baru.
- Cari dan pilih “HTML Kustom.”
- Tempelkan kode Elfsight PayPal Anda ke dalam blok HTML Kustom.
- Klik “Perbarui” atau “Publikasikan” untuk menyimpan perubahan Anda.
- Pastikan Anda menempelkan kode sematan lengkap—seharusnya beberapa baris panjang, tidak terpotong.
- Pastikan Anda menggunakan blok HTML Kustom atau blok HTML, bukan blok Teks.
- Hapus cache peramban Anda dan muat ulang halaman.
- Coba di peramban lain untuk menghilangkan faktor masalah lokal.
- Jika masih hilang, periksa konsol pengembang peramban Anda (F12) untuk kesalahan JavaScript.
Lebih dari Elfsight: Memahami Opsi Tombol Pembayaran Anda
Meskipun Elfsight memudahkan pembuatan tombol pembayaran, ada beberapa pendekatan lain untuk menerima pembayaran PayPal di situs Anda. Masing-masing memiliki keunggulan, keterbatasan, dan kasus penggunaan yang ideal. Berikut perbandingannya:
Pembuat Tombol Resmi PayPal
Alat tombol bawaan PayPal memungkinkan Anda membuat tombol pembayaran langsung dari akun PayPal Anda tanpa alat pihak ketiga.
- Masuk ke akun PayPal Anda. Buka “Alat” → “Semua Alat” → “Tombol PayPal” (atau cari “Buat Tautan Pembayaran dan Tombol”).
- Pilih jenis tombol. Pilih “Beli Sekarang,” “Donasi,” atau “Berlangganan” sesuai kebutuhan Anda.
- Atur detail pembayaran. Masukkan nama produk, harga, mata uang, dan informasi pengiriman atau pajak.
- Salin kode HTML. PayPal akan menghasilkan kode semat untuk tombol Anda. Salin potongan kode lengkap.
- Tempelkan ke situs web Anda. Sisipkan kode ke blok HTML Kustom di halaman Anda, posting, atau pembuat situs web.
Stripe Checkout (Alternatif Pihak Ketiga)
Stripe adalah penyedia pembayaran populer lainnya yang bersaing dengan PayPal. Stripe menawarkan tombol checkout melalui tautan pembayaran Stripe.
- Buat akun Stripe. Daftar di stripe.com dan verifikasi identitas serta akun bank Anda.
- Buat tautan pembayaran. Buka Produk → Harga → Tautan Pembayaran dan buat tautan baru untuk produk Anda.
- Sesuaikan Halaman Checkout. Tambahkan gambar produk, deskripsi, dan warna merek melalui antarmuka Stripe.
- Salin tautan pembayaran Anda. Dapatkan URL-nya dan sematkan sebagai tombol atau tautan di halaman Anda.
- Sematkan di situs web Anda. Tempelkan sebagai hyperlink standar atau gunakan blok kode untuk menyematkan tombol khusus yang mengarah ke tautan Stripe Anda.
Informasi lebih lanjut tersedia di Dokumentasi Stripe tentang Tautan Pembayaran.
WooCommerce PayPal Payments
Jika Anda menggunakan WordPress dan membutuhkan solusi e-commerce lengkap, WooCommerce adalah plugin populer yang mengintegrasikan PayPal dan metode pembayaran lainnya.
Konfigurasikan PayPal. Buka Pengaturan WooCommerce → Pembayaran dan pasang ekstensi PayPal Payments (integrasi resmi WooCommerce yang terbaru — PayPal Standard sudah tidak didukung lagi dan telah dihapus dari inti WooCommerce).
Informasi lebih lanjut tersedia di Panduan Integrasi PayPal WooCommerce.
Bagaimana perbandingannya?
| Metode | Terbaik untuk | Keterbatasan utama |
|---|---|---|
| Elfsight PayPal Button | Tombol yang sepenuhnya disesuaikan dan berbranding dengan persiapan minimal. Berfungsi di semua platform. Pembayaran satu kali, langganan, dan donasi semuanya dalam satu alat. | Diperlukan akun Elfsight gratis; kode tombol harus ditempatkan secara manual di setiap halaman yang diperlukan. |
| Tombol Resmi PayPal | Integrasi langsung tanpa akun tambahan; nol biaya setup; tepercaya sebagai alat resmi PayPal. | Kustomisasi desain terbatas; tombol muncul dalam gaya standar PayPal; opsi jenis pembayaran lebih sedikit. |
| Stripe Checkout | Pengalaman pembayaran yang profesional; keamanan yang kuat dan pencegahan penipuan; analitik yang rinci. | Membutuhkan akun Stripe terpisah dan penyiapan; checkout dibuka pada halaman yang dihosting Stripe. Biaya bervariasi per wilayah. |
| WooCommerce | Toko e-commerce lengkap dengan manajemen produk, inventaris, pengiriman, dan kustomisasi luas. | Lebih rumit untuk diatur dan dipelihara; persyaratan hosting bisa mahal; terlalu berlebihan untuk kasus penggunaan tombol tunggal. |
📝 Tips Strategis untuk Konversi Maksimal
Perbedaan antara tombol yang mengonversi dan yang tidak sering bergantung pada penempatan, desain, dan konteks sekitarnya. Berdasarkan pola yang telah kami lihat dari ribuan pengguna, praktik-praktik ini memberikan hasil yang terukur:
- Rencanakan satu tombol per item sejak awal. Setiap widget adalah tombol tunggal yang terkait dengan satu produk atau jumlah. Menjual beberapa item berarti beberapa tombol — tentukan strukturnya sebelum Anda membangun, daripada mencoba memadatkan opsi ke dalam satu tombol.
- Buka pembayaran dalam modal dengan widget Popup. Menggabungkan tombol PayPal dengan Popup Elfsight memungkinkan pembeli membayar tanpa perlu menavigasi ke halaman terpisah terlebih dahulu, sehingga mereka tidak kehilangan konteks konten Anda.
- Kumpulkan detail terlebih dahulu dengan Pembuat Formulir. Untuk pesanan khusus, pendaftaran acara, atau apa pun yang memerlukan informasi pembeli, letakkan widget Pembuat Formulir sebelum tombol — kumpulkan apa yang Anda perlukan, lalu arahkan pembeli untuk membayar.
- Menjual barang digital? Perhatikan kolom “Shipped To”. Struk PayPal menampilkan alamat pengiriman pada pembayaran Checkout meskipun untuk item tanpa pengiriman. Jelaskan ekspektasi pada teks Anda, atau gunakan tipe Donasi di mana alamat tidak menjadi bagian dari alur.
- Jangan membangun logika berdasarkan redirect untuk pembayaran yang gagal. URL Pengalihan hanya aktif saat berhasil — tidak ada pengalihan batal/gagal terpisah. Simpan info tentang apa yang terjadi selanjutnya di halaman sukses, bukan di tengah proses checkout.
- Tidak Ada Beli Sekarang, Bayar Nanti di sini. Widget ini tidak menawarkan BNPL. Jika pembayaran cicilan adalah keharusan bagi audiens Anda, rencanakan opsi yang dihosting PayPal sendiri atau alat khusus alih-alih menjanjikannya pada tombol.
Pertanyaan yang Sering Diajukan
Apakah saya perlu Akun Bisnis PayPal untuk menerima pembayaran?
Jenis pembayaran apa saja yang bisa saya buat dengan widget Elfsight?
Bisakah saya menambahkan pajak dan biaya pengiriman ke tombol PayPal saya?
Mata uang apa saja yang didukung widget tombol PayPal?
Apakah ada biaya untuk menggunakan tombol PayPal Elfsight?
Bisakah saya menyematkan beberapa tombol PayPal di halaman yang sama?
Siap menerima pembayaran?
Anda telah melihat bagaimana menambahkan tombol PayPal ke situs web Anda tanpa menyentuh kode. Alurnya sama untuk semua kasus penggunaan: hubungkan akun PayPal Business Anda, pilih tipe pembayaran, sesuaikan gaya tombol agar sesuai merek Anda, dan tempel kode semat ke platform Anda. Dua hal yang perlu diingat — setiap tombol menangani satu item atau jumlah, dan pembayaran itu sendiri selesai melalui proses pembayaran PayPal yang aman, sehingga pembeli menyelesaikan melalui alur yang sudah mereka kenali.
Dibandingkan dengan tombol bawaan PayPal, Stripe, atau toko WooCommerce lengkap, widget Elfsight berada di titik manis untuk kebanyakan situs: tombol bermerk, dapat disesuaikan, mencakup ketiga jenis pembayaran, dengan persiapan minimal dan tanpa backend toko yang perlu dipelihara.
