7 Plugin Kotak Ikon WordPress Terbaik (Gratis & Berbayar)

Desain Kotak Ikon adalah cara terbaik untuk menampilkan ringkasan singkat produk atau layanan Anda. Menyajikan informasi Anda dalam desain berbentuk kotak bisa menjadi cara yang menarik untuk menampilkan konten Anda. Namun, Anda memerlukan bantuan plugin kotak ikon jika Anda ingin membuat desain ini di situs WordPress Anda.

Namun, jika menyangkut plugin, ada banyak pilihan. Dan itulah inti postingan ini: baca terus untuk mengetahui tentang plugin kotak ikon WordPress terbaik!

Apa itu Kotak Ikon?

Kotak ikon seperti kotak fitur. Pada dasarnya, ini memungkinkan Anda menampilkan informasi penting pada kartu berbentuk kotak.

Biasanya, pengguna situs web tidak akan menghargai deskripsi panjang lebar tentang layanan atau produk Anda. Namun, Anda dapat dengan mudah menyederhanakan pengalaman membosankan ini di situs WordPress Anda dengan plugin kotak ikon.

Ini memungkinkan Anda menampilkan sekotak konten, dan di dalamnya, Anda biasanya akan melihat ikon yang ditahan dan elemen lain seperti judul, deskripsi, dan tombol. Dan, plugin yang bagus memungkinkan Anda menyesuaikan elemen kotak ikon untuk menyorot USP dasar Anda (Unique Selling Point) secara intuitif.

Jadi, mari pelajari tentang plugin kotak ikon terbaik…

7 Plugin Kotak Ikon WordPress Teratas

Ini adalah koleksi plugin kotak ikon pilihan kami. Kami telah menguji‌ plugin ini dan mencoba menggunakan semua fiturnya. Perhatikan bahwa plugin yang akan kami tampilkan adalah campuran opsi gratis dan berbayar.

1. Widget Kotak Ikon ElementsKit

Statistik Pengaya:

• Instalasi Aktif: 1+ juta (Versi Gratis)
• Peringkat: 5.0 atau lebih tinggi
• Paling cocok untuk : Kotak ikon serbaguna.

ElementsKit adalah opsi plugin kotak ikon lengkap dan serbaguna yang dapat Anda gunakan untuk menawarkan kotak info atau fitur yang menarik secara visual di mana pun di situs WordPress Anda. Anda akan menemukan fitur ini sebagai widget di bawah plugin ElementsKit.

Widget Kotak Ikon ElementsKit memfasilitasi segalanya seperti ikon, judul, deskripsi, tombol, dan fitur unik lainnya seperti lencana dan tanda air . Keuntungan besar plugin ini dalam hal fungsionalitas kotak ikon adalah koleksi ikonnya yang sangat banyak. Anda akan memiliki akses ke Font Awesome- Regular, Font Awesome- Solid, Font Awesome- Brands, dan ElementsKit Icon Pack.

Ditambah lagi, ElementsKit juga menyediakan beberapa efek animasi pada efek hover. Anda dapat menerapkannya satu per satu pada ikon atau seluruh kotak ikon. Jadi, Anda akan memiliki fungsi yang lebih canggih saat menampilkan bagian fokus produk atau layanan Anda.

Kelebihan:

• Unggah ikon SVG dari perangkat Anda.
• Posisikan mereka dengan mudah di dalam tata letak halaman.
• Koleksi ikon yang luas.
• Mengaktifkan tanda air untuk kotak ikon.
• Tambahkan dan sesuaikan lencana dan batas.
• Aktifkan tombol untuk mengarahkan kursor saja.
• Beri gaya pada kotak ikon dengan hamparan latar belakang.
• Tersedia sebagai widget gratis dari plugin ElementsKit.

Kekurangan:

• Hadir sebagai add-on pihak ketiga.

2. Widget Kotak Ikon Elemen

Statistik Pengaya:

• Instalasi Aktif: 5+ juta (Versi Gratis)
• Peringkat: 4,6 atau lebih tinggi
• Paling cocok untuk : Kotak ikon serbaguna.

Plugin gratis lainnya yang dapat Anda gunakan di situs WordPress adalah Elementor Icon Widget. Yang saya sukai dari plugin ini adalah Anda tidak perlu menginstal plugin tambahan apa pun seperti yang Anda lakukan dengan ElementsKit. Di mana Anda harus menginstal Elementor dan ElementsKIt. Dan, antarmuka penggunanya ramah bagi pemula.

Namun, beberapa fitur canggih ElementsKit seperti tombol, lencana, atau tanda air tidak ada di Elementor. Ini akan berfungsi dengan baik untuk menampilkan kotak ikon minimal. Sepertinya Anda tidak dapat menavigasi pengunjung ke mana pun karena tidak memiliki fungsi tombol.

Saat menambahkan efek hover pada kotak ikon dengan Elementor Builder, Anda akan mendapatkan sedikit dukungan. Dan, tidak akan ada efek animasi pembuka pada efek hover seperti ElementsKit pilihan utama kami. Namun, kotak ikon Elementor berguna untuk digunakan dan memiliki fungsi penyesuaian yang cukup.

Kelebihan:

• Sesuaikan ikon dan tentukan lokasinya.
• Terapkan efek animasi saat mengarahkan kursor.
• Dapatkan opsi gaya untuk tipografi.
• Kotak ikon responsif seluler.

Kekurangan:

• Tidak dapat menambahkan lencana, tanda air, atau tombol apa pun.

3. Panel Kotak Warna & Kotak Info

Statistik Pengaya:

• Instalasi Aktif: 1.000+
• Peringkat: 4,6 atau lebih tinggi
• Paling cocok untuk : Kotak ikon serbaguna.

Saat kami menguji plugin berbasis bootstrap ini, plugin tersebut kompatibel dengan semua jenis perangkat. Kelemahan terbesar yang saya temukan adalah antarmuka penggunanya sangat kompleks. Meskipun menyediakan fitur WYSIWYG, namun dapat memenuhi pengalaman intuitif.

Meskipun demikian, Anda dapat membuat kotak ikon seperti kotak tim, kotak info, atau kotak fitur dengan plugin ini.

Kelebihan:

• Hadir dengan pilihan warna yang luas.
• Memfasilitasi lima tata letak kotak.
• Mendukung ikon Font Awesome dan terintegrasi dengan pemilih ikon.
• Terintegrasi dengan pembuat drag-and-drop.
• Tersedia dengan efek pasangan bata dan isotop.
• Dua opsi berbeda untuk tampilan ikon.

Kekurangan:

• Jangan datang dengan penyesuaian tipografi dan ikon apa pun.
• Tidak dapat mengunggah ikon Anda sendiri.
• Sebagian besar fitur tersedia dalam versi pro.

4. Kotak Ikon Betheme

Statistik Pengaya:

• Paling cocok untuk : Kotak ikon serbaguna.

Elemen kotak ikon ini didukung oleh plugin pembuat Betheme. Jika Anda ingin menempatkan ikon di tempat berbeda di dalam kotak, plugin ini dapat melakukannya untuk Anda. Dan, Anda juga dapat menerapkan efek hover intuitif pada kotak ikon. Salah satu efek animasi tertentu adalah seluruh kotak bergerak saat Anda mengarahkan kursor mouse ke atasnya.

Namun, Anda harus membayar untuk mendapatkan semua fitur ini karena plugin ini tidak hadir dengan versi gratis. Dan investasi tersebut tidak akan bermanfaat karena ada alternatif gratis dengan harga yang sama.

Kelebihan:

• Pilih ikon dari perpustakaan atau tambahkan ikon khusus Anda.
• Atur posisi ikon yang berbeda.
• Buat kotak ikon responsif untuk semua perangkat.
• Terapkan efek animasi hover serbaguna.
• Pindahkan seluruh kotak ikon saat mengarahkan kursor.

Kekurangan:

• Perlu membayar untuk paket penuh.

5. Etalase Kotak Layanan

Statistik Pengaya:

• Instalasi Aktif: 5.000+
• Peringkat: 4,8 atau lebih tinggi
• Paling cocok untuk : Kotak ikon berbasis layanan.

Plugin Service Box Showcase menawarkan cara mudah untuk mendesain kotak ikon dengan templat yang sudah dibuat sebelumnya. Anda dapat menggunakannya untuk tampilan layanan yang menarik sesuai dengan namanya.

Dasbor plugin ini mencakup berbagai pengaturan yang berguna, tetapi hanya sedikit yang tersedia dalam versi gratis. Anda akhirnya dapat merancang kotak ikon responsif yang juga kompatibel dengan semua browser.

Hal baik lainnya tentang plugin Service Box Showcase adalah memungkinkan Anda menambahkan tombol baca lebih lanjut yang hanya tersedia di versi pro dari plugin sebelumnya.

Kelebihan:

• Mendukung ikon Font Awesome dan pemilih ikon.
• Terintegrasi dengan API drag-and-drop.
• Memfasilitasi item FAQ yang dapat diseret untuk memudahkan penyortiran.
• Pilih untuk menampilkan ikon dan tombol baca selengkapnya.
• Menyediakan gaya carousel untuk kotak ikon.
• Memberikan opsi penyesuaian untuk judul dan teks tombol.

Kekurangan:

• Dikembangkan untuk satu tujuan.
• Sebagian besar fitur tersedia dalam versi pro.

6. Kotak Layanan

Instalasi Aktif : 500+

Peringkat : 5.0

Paling cocok untuk : Kotak ikon berbasis layanan.

Service Box adalah plugin sederhana untuk kotak ikon. Ini bekerja sangat baik untuk menampilkan informasi layanan Anda. Selain menampilkan gaya layanan serbaguna, ia menawarkan untuk menampilkan layanan Anda dalam tampilan kisi dan penggeser. Anda juga dapat melakukan pengelompokan kotak layanan.

Kelebihan:

• Pamerkan layanan Anda dalam tampilan kisi dan penggeser.
• Terapkan dari 16 gaya berbeda.
• Kelompokkan kotak layanan Anda.
• Tambahkan warna latar belakang dan gambar.
• Tambahkan tombol dengan kotak ikon.
• Gaya tipografi kotak ikon Anda.

Kekurangan:

• Dikembangkan terutama untuk membuat kotak ikon berbasis layanan.
• Tidak dapat menambahkan lencana dan tanda air.

7. Kotak Info (Blok Gutenberg)

Instalasi Aktif : 1000+

Peringkat : 5.0

Paling cocok untuk : Kotak ikon serbaguna.

Plugin terakhir yang ingin kami tambahkan ke daftar ini adalah Info Box, plugin WordPress ini dikembangkan untuk editor Gutenberg. Ini memungkinkan Anda membuat kotak ikon yang sepenuhnya disesuaikan untuk situs web Gutenberg Anda.

Anda dapat mulai membuat kotak ikon animasi dengan tata letak preset yang berbeda. Ini memberikan kontrol untuk mengatur posisi setiap elemen konten secara terpisah. Dan, ini juga memfasilitasi semua fitur penyesuaian untuk setiap elemen di kotak ikon. Secara keseluruhan, ini adalah solusi lengkap untuk kotak ikon.

Kelebihan:

• Antarmuka intuitif berbasis Gutenberg.
• Dapat menampilkan gambar, bukan ikon.
• Dapatkan fitur penyesuaian untuk menata ikon.
• Dapatkan kontrol untuk menata gaya semua elemen seperti judul, subjudul, dan tombol.

Kekurangan:

• Tidak memiliki fitur lencana atau tanda air apa pun.

Cara Memilih Plugin Kotak Ikon WordPress Terbaik

Apakah Anda masih bingung memilih plugin WordPress terbaik untuk mendesain kotak ikon? Biasanya, kami mendapatkan beberapa opsi plugin untuk setiap kebutuhan WordPress. Namun, tidak semua plugin memberikan persyaratan dan preferensi tertentu.

Jadi, di bawah ini kami menguraikan beberapa persyaratan minimum dasar ketika memilih plugin yang tepat untuk menampilkan kotak info.

Tetapkan Persyaratan Anda

Seperti yang telah kita ketahui sebuah kotak ikon terdiri dari beberapa elemen. Namun, menyatukan semua ini dalam satu wadah merupakan suatu tantangan. Selain itu, desain Anda dapat memiliki kebutuhan khusus seperti menampilkan lencana atau tanda air. Dan, yang paling penting adalah pustaka ikon plugin harus menyertakan ikon pilihan Anda dan opsi dukungan untuk mengunggah gambar, bukan ikon.

Opsi Kustomisasi

Salah satu tujuan utama menggunakan plugin kotak ikon adalah untuk membuat informasi tertentu menjadi lebih menarik. Dan, Anda mungkin sudah memikirkan beberapa ide gaya. Jadi, kustomisasi memainkan peranan penting. Misalnya, Anda mungkin ingin menerapkan efek hover pada ikon saja, bukan seluruh kotak. Jadi, harus memeriksa ketersediaan fitur penyesuaian Anda sebelum memasang ikon ini.

Antarmuka pengguna

Memiliki dasbor yang rumit dapat mempersulit desain kotak ikon Anda. Untuk ini, Anda perlu memiliki antarmuka pengguna dengan kontrol pengaturan yang lebih mudah. Anda harus memiliki plugin dengan pengalaman membangun WYSIWYG. Plugin Elementor atau ElementsKit memfasilitasi fitur seperti itu.

Tata Letak yang Telah Dibuat Sebelumnya

Tata letak yang telah dibuat sebelumnya membantu kita mendapatkan inspirasi desain dengan mudah dan mulai bekerja dalam hitungan menit. Beberapa plugin menyediakan tata letak yang dirancang secara profesional untuk mempermudah pekerjaan Anda. Jadi harus memeriksa ketersediaan kit tata letak plugin kotak ikon tersebut.

Desain responsif

Responsif kotak ikon Anda penting karena harus terlihat sempurna di semua perangkat. Untuk pemahaman yang lebih baik tentang pengaturan responsif, Anda dapat membaca dokumentasi atau tutorial.

Konflik Plugin

Kita sering memasang plugin satu tujuan ketika kita membutuhkan desain seperti kotak ikon. Melakukan hal ini akan menambah jumlah plugin dan mungkin juga menyebabkan konflik antar plugin. Jadi, apa solusinya? Praktik terbaiknya adalah memiliki plugin dengan berbagai fungsi. Misalnya, menggunakan ElementsKit dapat memenuhi berbagai kebutuhan desain situs web Anda termasuk kotak ikon.

Kata-kata Terakhir

Semua plugin dalam daftar ini bermanfaat dengan caranya masing-masing. Semuanya membantu membuat kotak ikon yang menakjubkan untuk situs WordPress Anda. Kemudian, tergantung pada preferensi pribadi Anda mengenai fitur dan antarmuka pengguna.

Sekarang, sebagian besar plugin dalam daftar ini gratis, jadi Anda harus mencobanya dan temukan plugin yang Anda rasa nyaman digunakan secara praktis. Dan, ini akan menjadi cara yang cocok untuk menemukan plugin kotak ikon WordPress terbaik.