I 7 migliori plugin per Icon Box di WordPress (gratuiti e a pagamento)

Pubblicato: 2024-01-25

Il design Icon Box è il modo migliore per mostrare un brief conciso dei tuoi prodotti o servizi. Presentare le tue informazioni su un design a forma di scatola può essere un modo attraente per mostrare i tuoi contenuti. Tuttavia, se desideri creare questo design sui tuoi siti Web WordPress, hai bisogno dell'assistenza di un plug-in per icone.

Ma quando si tratta di plugin, ci possono essere molte opzioni. Ed è proprio di questo che tratta questo post: continua a leggere per conoscere i migliori plugin per icon box di WordPress!

Indice [nascondi
1 Cos'è un Icon Box?
2 I 7 migliori plugin per la casella delle icone di WordPress
3 Come Scegliere il Miglior Plugin per Icon Box di WordPress
4 parole finali

Cos'è una Icon Box?

Una casella di icone è come una casella di funzionalità. In sostanza, ti consente di mostrare le informazioni chiave su una carta a forma di scatola.

Di solito, gli utenti del sito web non apprezzeranno una descrizione estesa dei tuoi servizi o prodotti. Ma puoi facilmente semplificare questa noiosa esperienza sul tuo sito Web WordPress con un plug-in per la casella delle icone.

Ti consente di visualizzare una casella di contenuto e, al suo interno, di solito vedrai un'icona tenuta a portata di mano e altri elementi come un titolo, una descrizione e un pulsante. Inoltre, un buon plug-in ti consente di personalizzare gli elementi della casella delle icone per evidenziare in modo intuitivo il tuo USP (punto di vendita unico) fondamentale.

Quindi, impariamo a conoscere i migliori plugin per icon box...

I 7 migliori plugin per la casella delle icone di WordPress

Ecco la nostra raccolta selezionata di plugin per icon box. Abbiamo testato‌ questi plugin e abbiamo provato a utilizzare tutte le funzionalità. Tieni presente che i plugin che presenteremo sono un misto di opzioni gratuite e a pagamento.

1. Widget della casella delle icone di ElementsKit

Statistiche del plugin:

  • Installazione attiva: oltre 1 milione (versione gratuita)
  • Voto: 5.0 o superiore
  • Ideale per : casella di icone multiuso.

ElementsKit è un'opzione plug-in per box di icone completa e multiuso che puoi utilizzare per offrire informazioni visivamente accattivanti o box di funzionalità ovunque sul tuo sito Web WordPress. Troverai questa funzionalità come widget nel plug-in ElementsKit.

Il widget ElementsKit Icon Box facilita tutto, come l'icona, il titolo, la descrizione, il pulsante e altre funzionalità uniche come badge e filigrana . Il grande vantaggio di questo plugin in termini di funzionalità del riquadro delle icone è la sua vasta raccolta di icone. Avrai accesso a Font Awesome- Regular, Font Awesome- Solid, Font Awesome- Brands e ElementsKit Icon Pack.

Inoltre, ElementsKit fornisce anche diversi effetti di animazione sugli effetti al passaggio del mouse. Puoi applicarlo individualmente alle icone o all'intera casella delle icone. Quindi, avrai funzioni ancora più potenti mentre visualizzi la parte centrale dei tuoi prodotti o servizi.

Professionisti:

  • Carica un'icona SVG dal tuo dispositivo.
  • Posizionali facilmente all'interno del layout della pagina.
  • Ampie collezioni di icone.
  • Abilitazione di una filigrana per la casella delle icone.
  • Aggiungi e personalizza badge e bordo.
  • Abilita il pulsante solo per il passaggio del mouse.
  • Modella la casella delle icone con una sovrapposizione di sfondo.
  • Disponibile come widget gratuito del plugin ElementsKit.

Contro:

  • Viene fornito come componente aggiuntivo di terze parti.

2. Widget della casella delle icone di Elementor

Statistiche del plugin:

  • Installazione attiva: oltre 5 milioni (versione gratuita)
  • Voto: 4.6 o superiore
  • Ideale per : casella di icone multiuso.

Un altro plugin gratuito che puoi utilizzare sul sito WordPress è Elementor Icon Widget. Quello che mi è piaciuto di questo plugin è che non è necessario installare alcun plugin aggiuntivo come fai con ElementsKit. Dove è necessario che siano installati sia Elementor che ElementsKIt. Inoltre, l'interfaccia utente è adatta ai principianti.

Tuttavia, in Elementor mancano alcune potenti funzionalità di ElementsKit come pulsanti, badge o filigrane. Funzionerà bene per mostrare una casella di icone minima. Ad esempio, non puoi indirizzare i visitatori da nessuna parte poiché non ha la funzionalità del pulsante.

Quando si tratta di aggiungere effetti al passaggio del mouse sulla casella delle icone con Elementor Builder, riceverai un piccolo supporto. E non ci sarebbero effetti di animazione di apertura sugli effetti al passaggio del mouse come il nostro ElementsKit di prima scelta. Tuttavia, la casella dell'icona di Elementor può essere utile su cui lavorare e ha sufficienti funzionalità di personalizzazione.

Professionisti:

  • Personalizza l'icona e definisci la sua posizione.
  • Applica effetti di animazione al passaggio del mouse.
  • Ottieni opzioni di stile per la tipografia.
  • Casella di icone reattive per dispositivi mobili.

Contro:

  • Impossibile aggiungere badge, filigrana o pulsanti.

3. Pannelli Colorbox e casella informazioni

Statistiche del plugin:

  • Installazione attiva: oltre 1.000
  • Voto: 4.6 o superiore
  • Ideale per : casella di icone multiuso.

Quando abbiamo testato questo plugin basato su bootstrap, era compatibile con tutti i tipi di dispositivi. Lo svantaggio più grande che ho riscontrato è che la sua interfaccia utente è molto complessa. Sebbene fornisca una funzionalità WYSIWYG, può offrire un'esperienza intuitiva.

Tuttavia, con questo plugin puoi creare una casella di icone come una casella della squadra, una casella delle informazioni o una casella delle funzionalità.

Professionisti:

  • Viene fornito con ampie opzioni di colore.
  • Facilita cinque layout di box.
  • Supporta l'icona Font Awesome e integrato con il selettore di icone.
  • Integrato con il builder drag-and-drop.
  • Disponibili con‌ effetti muratura ed isotopici.
  • Due diverse opzioni per la visualizzazione delle icone.

Contro:

  • Non vengono forniti con alcuna personalizzazione di tipografia e icone.
  • Impossibile caricare la tua icona.
  • La maggior parte delle funzionalità sono disponibili nella versione pro.

4. Casella delle icone di Betheme

Statistiche del plugin:

  • Ideale per : casella di icone multiuso.

Questo elemento della casella di icone è alimentato dal plug-in di creazione Betheme. Se desideri posizionare le icone in punti diversi all'interno della casella, questo plugin può farlo per te. Inoltre, puoi anche applicare effetti al passaggio del mouse intuitivi sulla casella delle icone. Un particolare effetto di animazione è che l'intera scatola si muove quando passi il cursore del mouse su di essa.

Tuttavia, devi pagare per ottenere tutte queste funzionalità poiché questo plugin non viene fornito con una versione gratuita. E l'investimento non varrà la pena perché allo stesso prezzo ci sono alternative gratuite.

Professionisti:

  • Scegli un'icona dalla libreria o aggiungine una personalizzata.
  • Imposta un posizionamento diverso dell'icona.
  • Crea riquadri di icone reattivi per tutti i dispositivi.
  • Applica versatili effetti di animazione al passaggio del mouse.
  • Sposta l'intera casella dell'icona al passaggio del mouse.

Contro:

  • È necessario pagare per il piano completo.

5. Vetrina Service Box

Statistiche del plugin:

  • Installazione attiva: oltre 5.000
  • Voto: 4.8 o superiore
  • Ideale per : casella di icone basata su servizi.

Il plug-in Service Box Showcase offre un modo semplice per progettare una casella di icone con un modello predefinito. Puoi usarlo per una visualizzazione accattivante del servizio poiché il suo nome è definito.

Questa dashboard del plugin include varie impostazioni utili, ma solo alcune sono disponibili nella versione gratuita. Puoi finire per progettare una casella di icone reattiva che sia anche compatibile con tutti i browser.

Un altro aspetto positivo del plug-in Service Box Showcase è che ti consente di aggiungere un pulsante Leggi altro disponibile solo nella versione pro del plug-in precedente.

Professionisti:

  • Supporta l'icona Font Awesome e il selettore di icone.
  • Integrato con API drag-and-drop.
  • Facilita il trascinamento degli elementi FAQ per un facile ordinamento.
  • Scegli di visualizzare l'icona e leggere più pulsanti.
  • Fornisce stili carosello per la casella delle icone.
  • Fornisce opzioni di personalizzazione per il testo del titolo e del pulsante.

Contro:

  • Sviluppato per un unico scopo.
  • La maggior parte delle funzionalità sono disponibili nella versione pro.

6. Casella di servizio

Installazione attiva : 500+

Voto : 5.0

Ideale per : casella di icone basata su servizi.

Service Box è un semplice plugin per le caselle di icone. Funziona eccezionalmente bene per visualizzare le informazioni di servizio. Oltre a mostrare stili di servizio versatili, offre la possibilità di mostrare il tuo servizio in visualizzazione griglia e cursore. Inoltre, puoi raggruppare le caselle di servizio.

Professionisti:

  • Mostra il tuo servizio nella visualizzazione griglia e cursore.
  • Applica tra 16 stili diversi.
  • Raggruppa le tue caselle di servizio.
  • Aggiungi colore e immagine di sfondo.
  • Aggiungi un pulsante con la casella dell'icona.
  • Dai stile alla tipografia della tua casella di icone.

Contro:

  • Sviluppato principalmente per creare riquadri di icone basati su servizi.
  • Impossibile aggiungere un badge e una filigrana.

7. Casella informativa (blocco Gutenberg)

Installazione attiva : 1000+

Voto : 5.0

Ideale per : casella di icone multiuso.

L'ultimo plugin che vogliamo aggiungere a questa lista è Info Box, questo plugin WordPress è sviluppato per l'editor Gutenberg. Ti consente di creare una casella di icone completamente personalizzata per il tuo sito Web Gutenberg.

Puoi iniziare a creare una casella di icone animata con diversi layout preimpostati. Fornisce un controllo per impostare separatamente il posizionamento di ogni elemento di contenuto. Inoltre facilita tutte le funzionalità di personalizzazione per ciascun elemento nella casella delle icone. Nel complesso, è una soluzione completa per una casella di icone.

Professionisti:

  • Un'interfaccia intuitiva basata su Gutenberg.
  • Può mostrare un'immagine invece di un'icona.
  • Ottieni funzionalità di personalizzazione per modellare l'icona.
  • Ottieni controlli per definire lo stile di tutti gli elementi come titolo, sottotitolo e pulsante.

Contro:

  • Non hanno alcuna funzione badge o filigrana.

Come scegliere il miglior plugin per Icon Box di WordPress

Sei ancora confuso sulla scelta del miglior plugin WordPress per progettare un icon box? Di solito, otteniamo più opzioni di plug-in per qualsiasi requisito di WordPress. Tuttavia, non tutti i plugin forniscono requisiti e preferenze specifici.

Pertanto, di seguito descriviamo alcuni requisiti minimi di base per la scelta del plugin giusto per visualizzare una casella informativa.

Imposta i tuoi requisiti

Come già sappiamo, un riquadro delle icone è composto da diversi elementi. Tuttavia, riunire tutti questi elementi in un unico contenitore è per lo più impegnativo. Inoltre, il tuo design può avere esigenze specifiche come mostrare un badge o una filigrana. E la cosa più importante è che la libreria di icone del plugin includa la tua icona preferita e le opzioni di supporto per caricare un'immagine invece dell'icona.

Opzioni di personalizzazione

Uno degli scopi principali dell'utilizzo di un plug-in icon box è rendere più attraente un'informazione particolare. E potresti già avere in mente alcune idee di stile. Quindi, la personalizzazione gioca un ruolo importante. Ad esempio, potresti voler applicare gli effetti al passaggio del mouse solo sull'icona anziché sull'intera casella. Pertanto, è necessario verificare la disponibilità delle funzionalità di personalizzazione prima di installare questa icona.

Interfaccia utente

Avere una dashboard complessa può rendere più difficile la progettazione della casella delle icone. Per questo, è necessario disporre di un'interfaccia utente con un controllo più semplice delle impostazioni. Dovresti avere un plugin con esperienza di costruzione WYSIWYG. Il plugin Elementor o ElementsKit facilita tale funzionalità.

Layout predefiniti

I layout predefiniti ci aiutano a ottenere facilmente ispirazione per il design e iniziare a lavorare in pochi minuti. Alcuni plugin forniscono layout progettati in modo professionale per semplificare il tuo lavoro. Quindi è necessario verificare la disponibilità del kit di layout di quel plugin per la casella delle icone.

Progettazione reattiva

La reattività della tua icon box è importante perché deve essere perfettamente visibile su tutti i dispositivi. Per una migliore comprensione delle impostazioni responsive, puoi leggere la documentazione o i tutorial.

Conflitti dei plugin

Spesso installiamo un plugin monouso quando abbiamo bisogno di un design come una casella di icone. Ciò aumenterà il numero di plugin e potrebbe causare anche conflitti tra plugin. Quindi, quale può essere la soluzione? La migliore pratica è avere un plugin con varie funzionalità. Ad esempio, l'utilizzo di ElementsKit può soddisfare diverse esigenze di progettazione del tuo sito web, comprese le caselle di icone.

Parole finali

Tutti i plugin in questo elenco sono utili nei rispettivi modi. Aiutano tutti a creare straordinarie caselle di icone per i tuoi siti Web WordPress. Quindi, si tratta delle tue preferenze personali sulle funzionalità e sull'interfaccia utente.

Ora, la maggior parte dei plugin in questo elenco sono gratuiti, quindi dovresti provarli e trovarne uno con cui ti senti a tuo agio nell'usarlo praticamente. E questo sarà il modo adatto per trovare il miglior plugin per la casella delle icone di WordPress.