Neon Affiliate Buttons
Gutenberg block untuk membuat tombol affiliate dengan title, description, dan dynamic buttons.
by NEON WEB ID · github.com/neonwebid/neon-affiliate-buttons · website
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/neonwebid/neon-affiliate-buttons/archive/refs/heads/main.zipNeon Affiliate Buttons adalah plugin WordPress ringan yang menambahkan block Gutenberg kustom. Plugin ini dirancang khusus untuk para affiliate marketer dan blogger yang ingin membuat tombol CTA (Call to Action) afiliasi yang menarik dan responsif dengan sangat mudah, langsung dari editor WordPress.
✨ Fitur Utama
- Gutenberg Native: Terintegrasi langsung dengan block editor bawaan WordPress. Tidak butuh page builder eksternal.
- Deteksi Warna Otomatis (Smart Brand Colors): Tombol akan secara otomatis mendeteksi URL dan menyesuaikan warna background sesuai dengan brand marketplace terkenal di Indonesia:
- 🟠 Shopee (
shopee.co.id,shope.ee) - 🟢 Tokopedia (
tokopedia.com,tokopedia.link) - ⚫ TikTok Shop (
tiktok.com,vt.tiktok.com,vt.tokopedia.com) - 🔵 Lazada (
lazada.co.id,s.lazada.co.id) - 💙 Blibli (
blibli.com,blib.li) - 🔸 Default: Oranye jika tidak ada brand yang terdeteksi.
- 🟠 Shopee (
- SEO Friendly: Semua tombol tautan secara otomatis menggunakan atribut
rel="sponsored nofollow", mematuhi panduan Google untuk tautan afiliasi. - Responsif (Mobile-Ready): Tombol akan ditampilkan berjajar rapi di desktop dan otomatis berubah menjadi full-width di layar perangkat seluler.
- Tampilan Editor Bersih (Clean UI): Saat Anda mengklik area lain di editor (unselect), form pengaturan akan tersembunyi dan langsung menampilkan preview nyata tombol Anda.
🚀 Instalasi
- Unduh atau clone repositori ini ke komputer Anda.
- Pastikan semua file berada dalam satu folder, misalnya
neon-affiliate-buttons. - Kompres folder tersebut menjadi file ZIP (
neon-affiliate-buttons.zip). - Buka Dashboard WordPress Anda, masuk ke menu Plugins > Add New Plugin.
- Klik Upload Plugin, pilih file ZIP yang tadi Anda buat, lalu klik Install Now.
- Setelah terpasang, klik Activate.
💻 Cara Menggunakan
- Buka halaman pengeditan Post atau Page di WordPress (Gutenberg Editor).
- Klik ikon + (Add Block) dan cari "Affiliate Buttons" (atau temukan di kategori Widgets).
- Saat block ditambahkan, sebuah panel pengaturan akan muncul:
- Title: Judul untuk kelompok tombol (opsional).
- Description: Teks deskripsi singkat penawaran (opsional).
- Daftar Tombol: Klik + Tambah Tombol untuk memasukkan Label Tombol (misal: "Beli di Shopee") dan URL Tujuan (Link Affiliate Anda).
- Anda bisa menambahkan banyak tombol dalam satu block.
- Klik di area luar block untuk melihat pratinjau (preview) warna dan tampilannya.
- Simpan/Publikasikan post Anda.
🛠️ Prasyarat (Requirements)
- WordPress 6.4 atau versi yang lebih baru.
- PHP 7.4 atau versi yang lebih baru.
📄 Lisensi
Plugin ini dilisensikan di bawah GPLv3 or later. Anda bebas untuk menggunakan, memodifikasi, dan mendistribusikan ulang plugin ini.
👨💻 Kontribusi
Kami sangat menyambut kontribusi berupa laporan bug, ide fitur, atau Pull Requests. Jika Anda ingin menambahkan dukungan warna untuk marketplace lain, silakan ajukan PR di file style.css.
Dibuat dengan ❤️ oleh NEON WEB ID