Tutorial Menambahkan Shortcut Pintar di WordPress Hemat Klik, Hemat Waktu

 Pengunjung Datang Ngebut, Website-nya Masih Macet?

Di dunia nyata, orang males antri. Di dunia digital? Mereka males klik terlalu banyak. Setiap detik tambahan untuk cari informasi bisa bikin pengunjung mundur—bahkan sebelum tahu apa yang kamu tawarkan.

Buat pemilik bisnis kecil, ini jadi tantangan tersendiri. Apalagi kalau website punya banyak halaman penting: kontak, katalog, FAQ, promo, dan sebagainya. Semua butuh diakses cepat, tapi nggak semua orang mau repot mencarinya.

Nah, di sinilah pentingnya shortcut pintar—tombol kecil yang membantu pengunjung langsung ke tujuan tanpa ribet. Bukan cuma mempersingkat perjalanan, tapi juga bikin pengalaman di website terasa lebih lancar dan menyenangkan. 👉 Tapi, seberapa besar sih dampaknya shortcut untuk kenyamanan pengguna?

Kenapa Shortcut Penting Buat UX?

User experience (UX) bukan sekadar soal tampilan yang keren, tapi lebih ke seberapa mudah dan cepat pengunjung menemukan apa yang mereka cari. Dan di sinilah shortcut punya peran besar:

🔍 Langsung ke Halaman Penting  

Daripada harus scroll atau buka menu satu per satu, shortcut mengarahkan langsung ke halaman seperti _FAQ_,_Kontak_, atau _Promo_. Cepat dan praktis.

🖱️ Hemat Klik, Hemat Risiko 

Semakin banyak langkah yang dibutuhkan, makin tinggi kemungkinan pengunjung kabur. Shortcut memotong proses jadi lebih singkat.

💡 Cocok Buat Bisnis Kecil yang Punya Banyak Info  

Punya katalog, nomor WhatsApp, testimoni, atau link ke marketplace? Shortcut bisa tampilkan semua itu tanpa bikin tampilan website jadi berantakan.

Udah paham pentingnya shortcut? Sekarang mari kita bahas cara paling mudah bikin shortcut yang tampil rapi, responsif, dan bisa langsung dipakai—tanpa coding, tanpa ribet.

Kenalan dengan Floating Awesome Button (FAB)

Floating Awesome Button (FAB)

adalah plugin WordPress yang memudahkan kamu menambahkan tombol shortcut mengambang di website—nggak perlu sentuh kode sama sekali.

Plugin ini cocok banget buat kamu yang ingin:

• Tambahkan banyak link penting dalam satu tombol
• Ubah ikon & warna sesuai branding
• Tampilkan pop-up info atau diskon
• Pastikan tombol terlihat jelas di semua perangkat

    

Contoh Penggunaan FAB:

• Tombol WhatsApp yang selalu siap diklik
• Shortcut ke halaman “Promo Hari Ini”
• Akses cepat ke katalog produk
• Tombol “Back to Top” di halaman panjang

Menarik, kan? Nah sekarang kita lanjut ke cara pasangnya—tenang, semuanya bisa dilakukan langsung dari dashboard WordPress.

Cara Menambahkan Shortcut Pintar Pakai FAB

Langkah 1: Instal Plugin Floating Awesome Button

• Masuk ke Dashboard WordPress
• Klik Plugins → Add New
• Cari Floating Awesome Button
• Pilih Install Now, lalu Activate 

⚡Cuma beberapa klik, situs kamu siap naik level!

Langkah 2: Tambahkan Shortcut dari Template

• Buka menu FAB → Add New
• Pilih template sesuai kebutuhan:
• Anchor Link – Untuk navigasi dalam halaman
• Call to Action – Shortcut ke halaman penting
• Announcement Toast – Pop-up pengumuman/promo 

✨ Cukup klik Add New lalu mulai atur shortcut kamu.

        

Langkah 3: Atur Isi dan Fungsinya

• Label: Misalnya “Hubungi Kami 📞” atau “Promo Hari Ini 🎁”
• Link URL: Arahkan ke halaman seperti `/kontak`, `/promo`, atau langsung ke WhatsApp
• Ikon: Pilih dari pustaka atau upload sendiri

🧠 Pakai kata & ikon yang mudah dimengerti pengguna.

    

Langkah 4: Sesuaikan Tampilan

• Pilih warna tombol biar selaras dengan brand
• Tambahkan animasi seperti bounce, fade, atau pulse
• Tentukan posisi tombol (biasanya kanan bawah)

 

🎨 Desain yang menarik = perhatian maksimal!

Langkah 5: Simpan dan Lihat Hasilnya

Klik Save, lalu kunjungi websitemu. FAB akan muncul sebagai tombol melayang yang tetap terlihat saat scroll.   Shortcut ini langsung bisa digunakan pengunjung hanya dalam satu ketukan. Sekarang kamu mungkin bertanya, gimana hasilnya kalau dipakai di website beneran? Yuk kita lihat satu contoh simpel.

Studi Kasus Mini: Dapoer Rasa

Bayangkan sebuah UMKM bernama Dapoer Rasa, yang menjual makanan rumahan via website WordPress. Mereka ingin pengunjung langsung tahu ada promo spesial tanpa harus cari ke mana-mana.

Solusinya? Mereka pakai Floating Awesome Button untuk menambahkan tombol mengambang bertuliskan “Promo Hari Ini 🎁”.   Tombol ini selalu terlihat di pojok layar—terutama di HP—dan langsung mengarah ke halaman promosi mereka.

Hasilnya? Pengunjung lebih mudah menemukan info penting dan pengalaman di website terasa lebih nyaman.   Langkah kecil, tapi efeknya terasa.

Shortcut seperti ini nggak cuma cocok untuk Dapoer Rasa. Siapa pun yang punya website—apalagi dengan banyak halaman penting—bisa ngerasain manfaat yang sama. Intinya, makin sedikit hambatan, makin cepat pengunjung bisa ambil keputusan.

Penutup

Website yang mudah dinavigasi bukan cuma enak dilihat, tapi juga memudahkan pengunjung bertindak. Dengan Floating Awesome Button, kamu bisa menambahkan shortcut cerdas ke halaman penting seperti Promo, Kontak, atau Katalog Produk—dan semuanya bisa dilakukan tanpa coding!

Kalau kamu ingin mulai dari sesuatu yang ringan tapi berdampak besar, FAB bisa jadi langkah awal yang tepat untuk bikin situsmu lebih interaktif dan efisien.

Coba Sendiri Floating Awesome Button 🚀

Saatnya bikin website kamu lebih cepat, simpel, dan nyaman dinavigasi. 👉 [Download plugin Floating Awesome Button – Gratis & Gampang Digunakan](https://artistudio.xyz/floating-awesome-button/)