Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress
Code

Membuat Tombol Buy Now PayPal dengan Shortcode Variabel

by
Difficulty:IntermediateLength:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by ⚡ Rova Rindrata (you can also view the original English article)

PayPal adalah prosesor pembayaran hebat yang memungkinkan setiap orang mengirimkan uang, yang Anda dapat mengirim langsung ke rekening bank Anda. Dalam tutorial ini, Anda akan belajar bagaimana membuat sebuah plugin WordPress yang memungkinkan Anda menghasilkan tombol Buy Now, menggunakan shortcode variabel.

Shortcode utama akan memiliki nilai default sebesar $50 USD, dengan ukuran Large, meskipun Anda dapat menimpanya setiap kali Anda masuk shortcode; ini dikenal sebagai shortcode variabel.

Jadi, mari kita mulai!

1. Inisialisasi Plugin

Langkah 1

Buat sebuah direktori baru di wp-content/plugins dinamai paypal-buy-now-button-shortcode, dan di dalamnya, buat file bernama paypal-buy-now-button-shortcode.php.

Langkah 2

Dalam rangka agar WordPress mengetahui bahwa ini adalah sebuah plugin, Anda perlu menambahkan informasi header berikut ke awal file PHP baru Anda.

2. Membuat Shortcode

Langkah 1

Anda sekarang akan mulai membuat sebuah fungsi baru dengan atribut, disebut paypal_buy_now_shortcode($atts), dan membuka fungsinya.

Langkah 2

Selanjutnya, Anda akan menyiapkan opsi plugin, dan menambahkan array yang berisi atribut shortcode default.

Langkah 3

Sekarang Anda akan mengatur output untuk front-end dari shortcode, yang merupakan form HTML standar, dengan beberapa PHP di dalamnya, yang akan mengirimkan data form seperti PayPal ID, jumlah, mata uang, dan ukuran tombol. Anda juga akan menutup fungsi baru, yang Anda buat sebelumnya.

Langkah 4

Akhirnya, Anda akan menginisialisasi fungsi sebagai shortcode dengan menggunakan fungsi add_shortcode(), yang dibangun Wordpress. Pada dasarnya, Anda mengatakan bahwa shortcode akan [buy_now], menggunakan fungsi paypal_buy_now_shortcode.

3. Menambahkan Lebih Banyak Fungsi

Langkah 1

Selanjutnya, Anda akan menambah fungsi paypal_buy_now_user_id, dan pilihannya, yang akan memungkinkan sebuah field input HTML untuk ditampilkan di back-end.

Langkah 2

Dengan fungsi paypal_buy_now_register_settings, Anda akan mendaftarkan bidang pengaturan di back-end, dan memberikan nama data mereka. Dalam kasus ini, Anda mendaftarkan pengaturan, menambahkan ke back-end, dan kemudian menginisialisasi field PayPal Id.

Langkah 3

Mirip dengan apa yang Anda lakukan sebelumnya dengan inisialisasi shortcode, Anda akan menambahkan fungsi paypal_buy_now_register_settings sebagai tindakan di admin area.

4. HTML Opsi Admin

Langkah 1

Fungsi paypal_buy_now_options_page akan memungkinkan Anda untuk menambahkan HTML yang diperlukan untuk menampilkan form dengan benar di back-end. Setelah menambahkan fungsi, Anda akan membuat struktur HTML, dengan pembukaan div dan h2, dan kemudian form dengan field yang Anda inisialisasi sebelumnya.

Langkah 2

Sekarang, fungsi paypal_buy_now_add_settings_menu akan memungkinkan Anda membuat menu / halaman baru di back-end, dan menentukan variasi judulnya.

5. Menggunakan Plugin

Anda sekarang telah berhasil membuat plugin, tapi bagaimana Anda menggunakannya? Yah, sangat sederhana.

Langkah 1

Jika Anda menggunakan shortcode utama sendiri, seperti di bawah ini, Anda akan melihat sebuah tombol besar, yang ketika diklik akan mengatur jumlah sebesar $50 USD.

Langkah 2

Anda dapat menggunakan atribut yang berbeda yang Anda gatur untuk mengubah tombol. Sehingga Anda dapat mengatur ukurannya kecil (SM) atau besar ('LG').

Langkah 3

Kemudian, kode mata uang dapat diatur menjadi salah satu mata uang yang diakui PayPal, seperti USD atau GBP.

Langkah 4

Akhirnya, Anda akan mengatur jumlah sebagai nilai numerik, seperti 100, atau 40. Ingat untuk tidak menyertakan simbol mata uang dalam variabel jumlah.

Langkah 5

Satu titik terakhir yang harus saya buat adalah bahwa karena sudah ada set nilai-nilai default, Anda tidak perlu menetapkan semua tiga variabel setiap saat; Anda hanya bisa mengubah satu atau dua dari mereka, jika perlu.

Dalam Ringkasan

Itu saja! Anda sekarang telah menciptakan sebuah plugin baru yang memungkinkan Anda membuat tombol Buy Now PayPal, menggunakan shortcode variabel. Jika Anda memiliki pertanyaan, jangan ragu untuk meninggalkan komentar di bawah ini!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.