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.
1 |
<?php
|
2 |
/**
|
3 |
* Plugin Name: PayPal Buy Now Button Shortcode
|
4 |
* Plugin URI: https://www.samberson.com
|
5 |
* Description: A simple PayPal Buy Now button plugin with shortcode.
|
6 |
* Version: 1.0.0
|
7 |
* Author: Sam Berson
|
8 |
* Author URI: http://www.samberson.com
|
9 |
* License: GPL-3.0+
|
10 |
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
|
11 |
* Domain Path: /lang
|
12 |
* Text Domain: paypal-buy-now-button-shortcode
|
13 |
*/
|
2. Membuat Shortcode
Langkah 1
Anda sekarang akan mulai membuat sebuah fungsi baru dengan atribut, disebut paypal_buy_now_shortcode($atts), dan membuka fungsinya.
1 |
/**
|
2 |
* Generates the markup for the shortcode on the public site.
|
3 |
*/
|
4 |
function paypal_buy_now_shortcode( $atts ) { |
Langkah 2
Selanjutnya, Anda akan menyiapkan opsi plugin, dan menambahkan array yang berisi atribut shortcode default.
1 |
$options = get_option( 'paypal_buy_now_options' ); |
2 |
|
3 |
$atts = shortcode_atts( |
4 |
array( |
5 |
'amount' => '50', |
6 |
'currency' => 'USD', |
7 |
'size' => 'SM' |
8 |
),
|
9 |
$atts
|
10 |
);
|
11 |
|
12 |
extract( $atts ); |
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.
1 |
return '<form action="https://www.paypal.com/cgi-bin/webscr" method="post"> |
2 |
<div class="paypal-donations">
|
3 |
<input type="hidden" name="cmd" value="_xclick">
|
4 |
<input type="hidden" name="business" value="' . $options['paypal_user_id'] . '"> |
5 |
<input type="hidden" name="amount" value="' . $amount . '"> |
6 |
<input type="hidden" name="rm" value="0">
|
7 |
<input type="hidden" name="currency_code" value="' . $currency . '"> |
8 |
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynow_' . $size . '.gif" name="submit" alt="' . __( 'PayPal - The safer, easier way to pay online.', 'paypal-buy-now-button-shortcode' ) . '"> |
9 |
<img alt="" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
|
10 |
</div>
|
11 |
</form>'; |
12 |
|
13 |
}
|
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.
1 |
add_shortcode( 'buy_now', '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.
1 |
/**
|
2 |
* Generates the markup for the PayPal user id.
|
3 |
*/
|
4 |
function paypal_buy_now_user_id() { |
5 |
|
6 |
$options = get_option( 'paypal_buy_now_options' ); |
7 |
|
8 |
echo "<input name='paypal_buy_now_options[paypal_user_id]' type='email' value='{$options['paypal_user_id']}'/>"; |
9 |
}
|
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.
1 |
/**
|
2 |
* Registers settings page and fields.
|
3 |
*/
|
4 |
function paypal_buy_now_register_settings() { |
5 |
|
6 |
register_setting( 'paypal_buy_now_settings', 'paypal_buy_now_options' ); |
7 |
|
8 |
add_settings_section( 'paypal_buy_now_section', '', null, __FILE__ ); |
9 |
|
10 |
add_settings_field( 'paypal_user_id', __( 'PayPal Id', 'paypal-buy-now-button-shortcode' ),'paypal_buy_now_user_id', __FILE__, 'paypal_buy_now_section' ); |
11 |
}
|
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.
1 |
add_action( 'admin_init', 'paypal_buy_now_register_settings' ); |
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.
1 |
/** |
2 |
* Generates the markup for the options page. |
3 |
*/ |
4 |
function paypal_buy_now_options_page() {
|
5 |
|
6 |
?> |
7 |
<div class="wrap"> |
8 |
<h2><?php _e( 'PayPal Buy Now Shortcode Settings', 'paypal-buy-now-button-shortcode' ); ?></h2> |
9 |
<form method="post" action="options.php" enctype="multipart/form-data"> |
10 |
<?php
|
11 |
|
12 |
settings_fields( 'paypal_buy_now_settings' );
|
13 |
|
14 |
do_settings_sections( __FILE__ );
|
15 |
|
16 |
?>
|
17 |
<p class="submit"> |
18 |
<input type="submit" class="button-primary" name="submit" value="<?php _e( 'Save Changes', 'paypal-buy-now-button-shortcode' ); ?>"> |
19 |
</p>
|
20 |
</form>
|
21 |
</div>
|
22 |
<?php
|
23 |
|
24 |
}
|
Langkah 2
Sekarang, fungsi paypal_buy_now_add_settings_menu akan memungkinkan Anda membuat menu / halaman baru di back-end, dan menentukan variasi judulnya.
1 |
/**
|
2 |
* Adds menu item to the settings.
|
3 |
*/
|
4 |
function paypal_buy_now_add_settings_menu() { |
5 |
|
6 |
$title = __( 'PayPal Buy Now Shortcode', 'paypal-buy-now-button-shortcode' ); |
7 |
|
8 |
add_options_page( $title, $title, 'administrator', __FILE__, 'paypal_buy_now_options_page'); |
9 |
}
|
10 |
|
11 |
add_action( 'admin_menu', 'paypal_buy_now_add_settings_menu' ); |
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.
1 |
[buy_now] |
Langkah 2
Anda dapat menggunakan atribut yang berbeda yang Anda gatur untuk mengubah tombol. Sehingga Anda dapat mengatur ukurannya kecil (SM) atau besar ('LG').
1 |
[buy_now size=LG] |
Langkah 3
Kemudian, kode mata uang dapat diatur menjadi salah satu mata uang yang diakui PayPal, seperti USD atau GBP.
1 |
[buy_now currency=GBP size=LG] |
Langkah 4
Akhirnya, Anda akan mengatur jumlah sebagai nilai numerik, seperti 100, atau 40. Ingat untuk tidak menyertakan simbol mata uang dalam variabel jumlah.
1 |
[buy_now amount=150 currency=GBP size=LG] |
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!
