Skip to content

Shopify

Apa Itu Shopify?

Shopify adalah plugin eCommerce yang menyediakan tampilan untuk Anda menjual produk secara online.

Shopify memungkinkan Anda untuk membuat, mengedit, dan menerbitkan website eCommerce Anda dengan template yang mudah digunakan.

Shopify memudahkan Anda dalam membuat website, toko online dan blog secara kustom. Terdapat fitur-fitur lengkap yang mampu mendukung kebutuhan berjualan Anda, termasuk di dalamnya membuat keranjang belanja, manajemen toko, marketing & SEO dan mengelola tampilan toko.

Anda dapat mengintegrasikan akun shopify Anda dengan Xendit, untuk dapat menerima pembayaran melaluikartu kredit, Virtual Accounts, dan Alfamart.

  • Registrasi, integrasi dan Go Live dalam waktu singkat

  • Menerima pembayaran melalui virtual account, kartu kredit dan alfamart

  • Konfigurasi dan aktivasi sesuai kebutuhan

  • Refund melalui fitur kartu kredit

  • Gratis di bulan pertama

alt text

Bagaimana mengintegrasikan Shopify dengan Xendit?

Untuk dapat mengintegrasikan Shopify dengan Xendit, berikut langkah yang harus Anda lakukan:

  1. Silakan klik tautan berikut untuk mengaktifkan Xendit sebagai sistem pembayaran.

  2. Login ke akun Shopify Anda alt text

  3. Klik “Install payment provider" alt text

  4. Setelah klik Install, anda akan masuk ke Settings > Payment Providers alt text

  5. Pada kolom Alternative Payment, Anda akan melihat keterangan Using Xendit, klik Edit. Pada step selanjutnya , Anda akan diminta untuk memasukkan user Id dan key dari dashboard Xendit.

(Centang mode tes jika Anda menggunakan mode development. Anda tidak dapat menggunakan mode production jika akun Anda belum Live) alt text

  1. Buat akun atau login ke dasbor xendit di Sini alt text

  2. Jika Anda sudah masuk ke dasbor xendit, klik Setting > Configuration > Invoices > Salin Shopify user ID dan key.

(Centang test mode jika ada ada pada mode development. Anda tidak dapat menggunakan mode production jika akun Anda belum Live!)

alt text

Settings > Configuration

alt text

Settings > Configuration > Invoices

alt text

  1. Salin user ID dan key Shopify pada supported plugins alt text

  2. Kembali Go back to your Shopify page, tempel the Shopify User ID and Key. Klik Save. alt text

  3. Sekarang Anda dapat mencoba Xendit invoice dari sisi customer Anda : Side bar > Sales channels > Klik pada simbol mata

    alt text


Alur Checkout Xendit Shopify

Membayar menggunakan Xendit

  1. Tambah produk ke keranjang belanja alt text

  2. Klik Check Out alt text

  3. Masukan informasi mengenai customer dan klik continue to payment order alt text

  4. Pilih Xendit sebagai metode pembayaran dan klik Complete Order alt text

    Pada admin dashboard Shopify, ketika customer telah klik Complete order, order akan muncul di all order > Abandoned Checkout.
    alt text

    Pada dashboard Xendit, ketika customer sudah klik Complete order, order akan muncul di daftar list invoices sebagai “Unpaid”. alt text

  5. Customer akan masuk ke tampilan Xendit Invoice alt text

Menerima Pembayaran melalui Virtual Account

  1. Pilih Bank transfer, kemudian pilih bank yang diinginkan. alt text

  2. Salin nomor virtual account alt text

  3. Setelah customer membayar melalui ATM/iBanking/mBanking, customer akan masuk ke halaman Thank You. alt text

  4. Pada admin dashboard shopify, admin akan melihat order yang telah dibuat melalui Orders > All Orders. alt text

  5. Klik order dan geser ke bawah pada bagian Timeline untuk melihat nomor checkout. alt text

  6. Admin dapat menyalin ID checkout dan menempelkannya pada dashboard xendit untuk melihat dan mencocokan transaksi. alt text

  7. Pada dashboard Xendit, Admin akan melihat order “Paid” dan statusnya berubah menjadi “Settled”. alt text

  8. Untuk melakukan simulasi pembayaran silakan klik di here

Menerima Pembayaran dengan Kartu Kredit

Pada dashboard admin di Shopify, ketika customer klik Complete Order, order akan muncul di All Orders > Abandoned Checkout.

Pada dashboard Xendit, ketika customer klik Complete Order, order akan muncul di list Invoices sebagai “Unpaid”.

  • Untuk membayar kartu kredit, pilih Card, masukkan nomor kartu kredit, expiry date, 3 digit CVV. Klik Pay Now. alt text

  • Masukkan OTP dan klik Submit. alt text

  • Customer akan kembali ke halaman terima kasih Shopify. alt text

  • Pada dashboard Shopify, order akan berubah status menjadi Paid. alt text

  • Pada Xendit Dashboard > Invoices, invoice juga akan berubah status menjadi Paid. alt text

  • Pada dashboard Xendit > Credit Cards, invoice akan berubah status menjadi Charged. alt text

  • Anda akan melihat Xendit fee telah berkurang secara otomatis. alt text

Refund Order Metode Pembayaran Kartu Kredit

Berikut hal yang dapat Anda lakukan untuk melakukan refund order di Shopify:

  1. Pada shopify, klik Order > tombol refund. alt text

  2. Berikan detail seberapa banyak dana yang akan di refund, pada halaman Refund payment. Anda dapat melakukan refund penuh atau sebagian. alt text

  3. Pada dasbor Shopify, pilih order > Timeline, Admin akan melihat bahwa refund telah diproses. alt text

  4. Pada dasbor Xendit, pilih Credit Cards . Status pembayaran akan berubah menjadi “Refunded”.
    alt text

Menerima Pembayaran Melalui Jaringan Alfamart

Pada dashboard Xendit, pilih Settings > Configuration > Retail Outlet. Atur awalan untuk kode pembayaran, lalu klik Save.

alt text

Membatalkan Pesanan

Untuk membatalkan pesanan, klik More Actions dan pilih Cancel Order. alt text

Anda dapat memberikan detail seberapa banyak pembayaran yang ingin di refund pada halaman pembatalan.

Anda tidak dapat melakukan refund pada order yang berstatus Paid selain order yang menggunakan metode pembayaran kartu kredit.

Anda akan melihat jumlah dana yang telah direfund berkurang secara otomatis dari jumlah total.

alt text

Order yang telah direfund dan order yang dibatalkan akan berubah warna menjadi merah dan jumlah total akan dicoret. Status pembayaran berubah menjadi “refunded” atau “Partially Refunded”. alt text

Rekonsiliasi/Pencocokan Transaksi

Untuk mencocokkan order di shopify dengan Invoice Xendit, Anda dapat menyalin nomor order Shopify dan menyalinnya pada search tab di dashboard Xendit > Invoices

alt text

alt text

Order checkout yang telah Abandoned juga akan muncul di dashboard Xendit > Invoices

Troubleshooting

Jika ada hal yang ingin Anda tanyakan terkait dengan pembayaran order Shopify menggunakan Xendit, silakan buka detail order dan catat nomor checkout , sehingga kami bisa membantu Anda lebih cepat.

alt text