# PayPal di situs web Anda: kapan memakai tombol gratis, dan kapan jangan

> Yang satu adalah tombol PayPal gratis untuk produk tunggal. Yang lain adalah platform keranjang yang kebetulan menyertakan PayPal. Salah memilih akan memakan waktu berminggu-minggu.

Ryan Badger - 11 Agustus 2023 - 3 menit baca

## Dua hal yang bisa dimaksud dengan "keranjang belanja PayPal"

Ketika orang mencari ini, biasanya mereka menginginkan salah satu dari dua hal:

1. **Tombol PayPal di samping setiap produk** agar seseorang bisa mengeklik dan membayar. Tanpa keranjang sungguhan, hanya checkout satu item.
2. **Keranjang belanja yang sesungguhnya** (menambah beberapa item, mengubah jumlah, satu checkout di akhir) yang menerima PayPal sebagai metode pembayaran.

Keduanya membutuhkan solusi yang sama sekali berbeda. Jalur "PayPal Buttons" yang gratis sangat cocok untuk jalur 1 dan tidak berguna untuk jalur 2. Pilih alat yang tepat sesuai yang benar-benar Anda butuhkan.

## Jalur 1: Tombol PayPal untuk produk tunggal

Jika Anda menjual satu item sekali waktu (unduhan digital, satu langganan, donasi), Smart Payment Buttons dari PayPal dibuat untuk Anda. Gratis, tanpa perangkat lunak pihak ketiga, Anda menempelkan JavaScript langsung ke situs.

Pengaturan umum:

```
<script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID&currency=USD"></script>
<div id="paypal-button-container"></div>
<script>
  paypal.Buttons({
    createOrder: (data, actions) => actions.order.create({
      purchase_units: [{ amount: { value: '19.99' } }]
    }),
    onApprove: (data, actions) => actions.order.capture().then(details => {
      // Fulfil the order here (send download link, redirect, etc.)
    })
  }).render('#paypal-button-container');
</script>
```

Itu saja. PayPal menangani modal checkout, input kartu, login PayPal, mata uang, pajak (opsional), dan Anda mendapat callback ketika pembayaran selesai.

> **Tips:** Jika Anda mengintegrasikan ini sendiri, letakkan handler `onApprove` di sisi server lewat webhook, bukan hanya di sisi klien. Callback sisi klien untuk konfirmasi UX; webhook adalah satu-satunya sinyal otoritatif bahwa "pembayaran itu nyata".

**Di mana Jalur 1 tidak lagi memadai:** begitu Anda butuh keranjang. Menjelajah produk, menambah lebih dari satu, menyesuaikan jumlah, kode kupon, ongkir gabungan, login pelanggan, riwayat pesanan: semua itu tidak ada. Anda harus membangunnya sendiri.

## Jalur 2: Sistem keranjang belanja yang menyertakan PayPal

Begitu Anda butuh keranjang sungguhan, Anda berhenti mengintegrasikan PayPal secara langsung dan mulai memakai platform keranjang yang mengintegrasikan PayPal untuk Anda. Banyak pilihan:

- **Shopify** (hosted, $29+/bln, ada biaya transaksi di paket bawah)
- **WooCommerce** (self-hosted, inti gratis, biaya hosting + plugin menumpuk)
- **Snipcart** (overlay keranjang untuk situs yang sudah ada, biaya 2%)
- **Shoprocket** (embed di situs mana pun, langganan tetap, biaya transaksi 0%)

Masing-masing memberi Anda mekanisme keranjang: tambah ke keranjang, pembaruan jumlah, kode diskon, opsi pengiriman, akun pelanggan, manajemen pesanan. Masing-masing memungkinkan Anda mengaktifkan PayPal sebagai salah satu opsi checkout berdampingan dengan kartu, Apple Pay, Google Pay, dan seterusnya.

### Seperti apa tampilan Shoprocket

Tempel satu tag script di situs apa pun yang sudah Anda jalankan, apa pun CMS-nya:

```
<!-- EXAMPLE ONLY. Grab your real snippet from Sales channels → Embeds in your dashboard -->
<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_yourkey"></script>
<div data-shoprocket="catalog" data-embed-id="emb_xxx"></div>
```

Itu menampilkan katalog dengan keranjang geser. Di dashboard Anda: Pengaturan → Metode Pembayaran → aktifkan PayPal, tempel client ID Anda, simpan. Pelanggan kini melihat tombol PayPal di checkout di samping Visa dan Mastercard, keranjang berfungsi normal, pesanan masuk ke dashboard Shoprocket Anda dengan data transaksi PayPal lengkap.

Tanpa pemasangan plugin, tanpa edit tema, tanpa pekerjaan pengembang. Bekerja di WordPress, Webflow, Squarespace, Carrd, Notion, Framer, HTML statis: apa pun yang bisa menjalankan tag script.

## Jalur mana yang benar-benar Anda butuhkan

| Yang Anda jual | Jalur |
| --- | --- |
| Satu produk, satu harga, tanpa varian | Jalur 1 (tombol PayPal) |
| Beberapa item, checkout sesekali | Jalur 1 jika tidak masalah tanpa keranjang, selain itu Jalur 2 |
| Katalog multi-produk, toko sungguhan | Jalur 2 (platform keranjang) |
| Langganan, penagihan berulang | Jalur 2 (tombol PayPal tidak menangani siklus hidup penagihan dengan baik) |
| Barang digital dengan pengiriman otomatis | Jalur 2 (platform menangani fulfilment; PayPal mentah tidak) |

## Yang kami sampaikan ke kebanyakan orang

Jika Anda kreator perorangan yang menjual satu produk, PayPal Buttons gratis dan cukup. Pakai saja.

Jika Anda menjalankan toko sungguhan dan PayPal-lah yang mendorong Anda ke platform keranjang, ada baiknya melihat gambaran yang lebih luas. Kebanyakan toko menginginkan PayPal *plus* Apple Pay, Google Pay, Stripe, Klarna, dan metode pembayaran lokal. Platform keranjang memberi Anda semuanya lewat satu integrasi, bukan memasangnya satu per satu.

[Mulai uji coba gratis Shoprocket](https://app-v3.shoprocket.io/signup) untuk melihat katalog, keranjang, dan checkout berjalan di situs Anda sendiri dalam waktu kurang dari sepuluh menit. Harganya [di sini](https://v3.shoprocket.io/id/harga.md). Nol biaya transaksi di setiap paket, PayPal dan semua lainnya sudah termasuk.

## Ringkasnya

- **Satu produk, tanpa keranjang** → gunakan PayPal Smart Payment Buttons (gratis)
- **Katalog multi-produk** → pilih platform keranjang; aktifkan PayPal di dalamnya
- Jangan mencoba membangun sendiri keranjang multi-produk di atas tombol PayPal mentah. Itu banyak kode yang tidak perlu Anda tulis.

---

- HTML version: https://v3.shoprocket.io/id/blog/paypal-di-situs-web-kapan-pakai-tombol-gratis-dan-kapan-jangan
- Language: Bahasa Indonesia (id)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [Deutsch](https://v3.shoprocket.io/de/blog/paypal-auf-deiner-website-kostenloser-button-oder-warenkorb-plattform.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [English](https://v3.shoprocket.io/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [Español](https://v3.shoprocket.io/es/blog/paypal-en-tu-web-boton-gratuito-o-carrito-de-compra.md), [Français](https://v3.shoprocket.io/fr/blog/paypal-sur-votre-site-bouton-gratuit-ou-panier.md), [עברית](https://v3.shoprocket.io/he/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [Italiano](https://v3.shoprocket.io/it/blog/paypal-sul-tuo-sito-pulsante-gratuito-o-carrello.md), [日本語](https://v3.shoprocket.io/ja/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/paypal-mygtukas-ar-krepselio-platforma.md), [Norsk](https://v3.shoprocket.io/nb/blogg/paypal-pa-nettstedet-gratis-knapp-eller-handlekurv.md), [Nederlands](https://v3.shoprocket.io/nl/blog/paypal-op-je-website-gratis-knop-of-winkelwagen.md), [Polski](https://v3.shoprocket.io/pl/blog/paypal-na-stronie-kiedy-darmowy-przycisk-a-kiedy-nie.md), [Português](https://v3.shoprocket.io/pt/blog/paypal-no-seu-site-botao-gratuito-ou-carrinho-de-compras.md), [Română](https://v3.shoprocket.io/ro/blog/paypal-pe-site-butonul-gratuit-sau-cos-de-cumparaturi.md), [Русский](https://v3.shoprocket.io/ru/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [ไทย](https://v3.shoprocket.io/th/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [Türkçe](https://v3.shoprocket.io/tr/blog/web-sitenizde-paypal-ucretsiz-dugme-ne-zaman.md), [中文](https://v3.shoprocket.io/zh/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md)