Cara Menambahkan Tombol Donasi PayPal ke Situs Web Divi Anda

Kamu butuh uang. Mungkin itu untuk organisasi nirlaba yang Anda ikuti secara sukarela, biaya adopsi anak anjing baru. Atau mungkin sepasang sepatu lari paling nyaman yang pernah Anda coba. Alasan (kebanyakan) tidak masalah. Yang penting adalah Anda memiliki situs web dengan audiens yang menyukai Anda. Dan mereka ingin Anda mendapatkan anak anjing itu.

Masukkan tombol donasi Paypal, yang mungkin merupakan salah satu solusi penggalangan dana termudah dan murah yang tersedia untuk Anda. Dan karena Anda membangun situs web Anda dengan WordPress, menerapkan tombolnya cukup mudah.

Mulai

Berlangganan Saluran Youtube Kami

Hal pertama yang harus Anda lakukan adalah pergi ke Halaman Penggalangan Dana Paypal dan pilih kategori tombol donasi mana yang paling sesuai dengan kebutuhan Anda:

• Nirlaba
• Sekolah
• Politik
• Pribadi

Hampir semua yang Anda butuhkan untuk tombol donasi harus termasuk dalam salah satu kategori tersebut. Untuk tutorial ini, kami akan mengatakan bahwa Anda menggalang dana untuk alasan pribadi (anak anjing yang luar biasa yang saya sebutkan sebelumnya). Prosesnya serupa untuk semua pilihan.

Setelah Memilih Pribadi

Pada halaman berikutnya, gulir ke bawah hingga Anda melihat teks "Pelajari tentang membuat tombol donasi" dan klik.

Itu akan memunculkan modal di mana Anda akan mengklik salah satu dari dua tautan ini. Mereka membawa Anda ke halaman yang sama, jadi ini hanya masalah preferensi.

Membuat Tombol

Ketika Anda mengklik tautan untuk membuat tombol donasi, itu akan membawa Anda ke halaman tempat keajaiban terjadi. Anda harus perhatikan, bagaimanapun, bahwa Paypal tidak akan meminta Anda untuk masuk. Ulangi: Paypal tidak akan meminta Anda untuk masuk. Anda akan dapat menuju akhir proses, tetapi jangan stres tentang hal itu pada saat ini -tidak ada yang salah.

Langkah 1

Hal pertama yang akan Anda lakukan untuk membuat tombol donasi Paypal adalah menjadikannya tombol "donasi". Pengaturan default adalah "Keranjang Belanja," tetapi jika Anda mengklik dropdown di kiri atas Langkah 1, Anda dapat mengubahnya menjadi "Donasi." Seperti yang saya katakan, cukup mudah, ya?

Dengan set itu, Anda akan memasukkan situs web atau informasi organisasi Anda untuk tombol donasi. Karena penggalangan dana fiktif Anda melalui situs web Anda untuk mengadopsi anak anjing yang menggemaskan, Anda akan mengisinya dengan nama situs web Anda dan ID opsional yang akan Anda gunakan untuk melacak setiap donasi.

Setelah Anda memasukkan info Anda, Anda bisa mulai menyesuaikan tombol Anda. Untuk sebagian besar, tidak banyak yang ingin Anda ubah. Semuanya cukup mendasar seperti memilih negara dan bahasa yang akan digunakan tombol, ukurannya, dan apakah Anda akan menampilkan logo kartu kredit atau tidak. Semua pilihan ini didasarkan pada bagaimana Anda ingin mengintegrasikan tombol di situs Anda.

Anda juga dapat menggunakan gambar yang dihosting di situs web Anda sendiri sebagai tombol jika, katakanlah, Anda memiliki desainer grafis yang membuat gif animasi mengagumkan dari anak anjing yang menggemaskan untuk diklik orang. Namun, hari ini kami tidak melakukannya.

Anda hanya perlu memilih jenis mata uang Anda, apakah Anda ingin menentukan jumlah donasi tertentu atau tidak, dan ke email mana Anda ingin donasi dikirim.

Di sinilah Anda harus masuk jika Anda memiliki akun Paypal. Jika tidak, buatlah agar Anda dilindungi oleh berbagai perlindungan PayPal. (Jika Anda memilih untuk tidak menggunakan akun Paypal, cukup masukkan email Anda, dan Anda masih dapat menerima donasi melalui Paypal tanpa keamanan tambahan apa pun.)

Setelah Anda masuk, Anda akan melihat ini:

Pilihan mana yang Anda gunakan terserah Anda, tetapi menggunakan kode pedagang menawarkan sedikit perlindungan karena alamat email Anda tidak akan disertakan dalam kode tombol itu sendiri. Semakin sedikit tempat spammer dan phisher bisa mendapatkan email Anda, semakin baik, bukan?

Anda hampir siap untuk memasukkan tombol donasi Paypal Anda ke WordPress!

Opsional Langkah 2 dan 3

Jika Anda memiliki akun Bisnis Paypal, Anda dapat melakukan lebih banyak hal dalam hal pelacakan, manajemen inventaris, dan penyesuaian checkout, tetapi karena kami berurusan dengan donasi, sebagian besar opsi tidak relevan bagi kami.

Kode Tombol Donasi Paypal

Di halaman berikutnya, Anda akhirnya akan diberikan kode tombol donasi yang akan ditampilkan di situs WordPress Anda, serta contoh tampilan tombol bagi pengguna Anda.

Klik Pilih Kode untuk menyorot kode Anda dan tekan CTRL-C jika Anda menggunakan Windows, CMD-C di Mac, atau klik kanan teks yang disorot dan pilih Salin dari menu konteks. Pilih racunmu.

Setelah Anda menyalin kode, navigasikan ke dasbor WordPress Anda. Di sinilah hal-hal dapat sedikit berbeda karena setiap orang akan menginginkan tombol donasi Paypal mereka di tempat yang berbeda, tetapi ide umumnya sama.

Untuk pengguna Divi, kami memiliki banyak opsi untuk Anda.

Di Atas atau Di Bawah Posting

Untuk meletakkan tombol donasi Paypal Anda di awal atau akhir posting blog Anda, navigasikan ke Opsi Tema Divi Anda dan masuk ke tab Integrasi.

Saat Anda menggulir sedikit ke bawah, Anda akan melihat area teks berlabel "Tambahkan kode ke bagian atas posting Anda" dan "tambahkan kode ke bagian bawah posting Anda, sebelum komentar."

Apa yang mereka lakukan cukup jelas.

Sebelum Posting:

Setelah Posting:

Ingatlah bahwa ini sepenuhnya tombol tanpa gaya, jadi jika Anda ingin membuatnya lebih dari sekadar duduk di sana, saya sarankan untuk membungkus kode yang disediakan Paypal dalam sesuatu seperti ini:

<div class=”paypal-donate”> PAYPAL DONATE BUTTON CODE GOES HERE </div>

Setelah itu selesai, Anda dapat menggunakan CSS untuk memanipulasi dan memposisikan tombol sesuai keinginan Anda.

Post-by-Post atau Halaman-demi-Halaman

Jika Anda tidak ingin tombol muncul sebelum atau sesudah setiap posting di situs Anda, Anda bisa lebih selektif dengan menggunakan Modul Kode Divi. Selain itu, Anda dapat menggunakan modul Kode untuk menambahkan tombol Anda ke Halaman, yang tidak akan terpengaruh oleh metode sebelumnya.

Buka jendela "Sisipkan Modul" dan pilih Modul Kode untuk memulai.

Seperti sebelumnya, cukup paste kode Paypal yang dihasilkan ke dalam pengaturan modul. Namun, tidak perlu membungkusnya dalam div di sini. Anda cukup menggunakan bagian Elemen Utama di bawah CSS Kustom di tab Lanjutan untuk memanipulasi bagaimana Anda ingin tombol muncul di pos atau halaman.

Di Bilah Sisi

Tempat paling umum untuk tombol donasi Paypal mungkin adalah bilah sisi. Ini ditampilkan di setiap halaman dan posting yang Anda inginkan, tetapi tidak mengganggu aliran konten Anda. Plus, itu sangat mudah untuk disesuaikan! Cukup kembali ke dasbor Anda dan klik Appearance > Widgets.

Selanjutnya, klik widget Teks dan tambahkan ke sidebar Anda di posisi apa pun yang Anda inginkan. Perlu diingat bahwa WordPress 4.8 mengubah widget Teks dari yang sudah ada selama bertahun-tahun. Kami memiliki editor teks kaya sekarang, yang tidak ingin kami gunakan.

Pastikan bahwa maksud Anda kami perlu mengklik tab "teks" sebelum menempelkan kode tombol donasi Anda di sini. (Tidak perlu menggunakan tombol kode juga.)

Tab teks berfungsi hampir sama dengan widget teks pra-4.8 yang lama (kecuali untuk penyertaan tombol kode. Cukup masukkan HTML Anda dan tekan simpan. Voila, Anda memiliki tombol uang di bagian atas bilah sisi Anda!

Anda tidak harus menyertakan widget ini hanya di bilah sisi. Anda dapat mengikuti langkah yang sama untuk menambahkan tombol ke tema yang mendukung widget header atau footer.

Anda Siap Mendapatkan Uang itu!

Sekarang Anda benar-benar siap untuk menambahkan tombol donasi Paypal ke situs WordPress Anda! Apa pun tema yang dijalankan situs Anda atau untuk apa Anda menerima donasi, Anda siap melakukannya. (Tapi mari kita jujur ​​satu sama lain-ini masih untuk anak anjing, kan?).

Thumbnail gambar artikel oleh mohamed1982eg / pixabay.com