La valutazionea stelleè uno strumento prezioso per rappresentare visivamente l'opinione dei tuoi utenti sui tuoi prodotti o servizi. Aumenta la credibilità e può aiutare i potenziali clienti a prendere una decisione informata. In questa guida, imparerai come implementare e progettare facilmente la valutazione a stelle in Elementor.
Risultati chiave
- La valutazione a stelle può essere combinata con la Iconbox o la Picturesbox.
- Puoi personalizzare la scala di valutazione e l'aspetto delle stelle.
- Le stelle possono anche rappresentare valori frazionari per mostrare valutazioni più precise.
- Link e design accattivante sono cruciali per l'esperienza utente.
Passo 1: Selezione della valutazione a stelle
Per aggiungere la valutazione a stelle in Elementor, seleziona prima il widget appropriato. Vai nell'editor di Elementor su "Widgets" e cerca "Valutazione a stelle". Una volta trovato il widget, puoi trascinarlo semplicemente nella posizione desiderata sulla tua pagina.
Passo 2: Definire la scala di valutazione
Nell'area delle impostazioni della valutazione a stelle, puoi decidere quale scala utilizzare. Di default hai due opzioni: una scala da 0 a 5 o da 0 a 10. Scegli la scala più adatta per la tua pagina. Per questa guida, scegliamo la scala a 5 stelle e impostiamo una valutazione di 3.
Passo 3: Personalizzare il design delle stelle
Nel passaggio successivo, puoi personalizzare il design delle stelle. Scegli tra diversi stili di icone, come "Font Awesome" o "Unicode". A seconda del design della tua pagina, puoi selezionare le icone che si adattano meglio. In questa guida utilizziamo "Font Awesome" per una rappresentazione più moderna.
Passo 4: Configurare il riempimento delle stelle
Hai la possibilità di personalizzare il riempimento delle stelle. Qui puoi decidere se le stelle devono essere completamente riempite o solo outline. Ad esempio, se vuoi riempire due stelle completamente, puoi regolare l'impostazione in modo che meno della metà o solo il contorno sia riempito. Per questa demo, scegliamo stelle completamente riempite.
Passo 5: Aggiungere titolo e allineamento
Ora è importante dare un titolo e un allineamento alla valutazione. Scegli un titolo accattivante come "Super buono" per dare agli utenti un'idea chiara della valutazione. Imposta l'allineamento del testo su "centrato" per ottenere un aspetto equilibrato.
Passo 6: Personalizzare stile e tipografia
Nel passaggio successivo puoi personalizzare il carattere per adattarlo al tuo design. Ad esempio, puoi impostare il colore del testo, il tipo di carattere (normale, grassetto o corsivo) e persino lo spazio tra il testo e la valutazione. Per questa guida, impostiamo il tipo di carattere su grassetto e aumentiamo il distanziamento a 6 pixel.
Passo 7: Aggiungere collegamento alla valutazione a stelle
Per dare un contesto alla valutazione a stelle, è molto utile aggiungere un collegamento e un'immagine. Puoi inserire una Picturesbox sotto la valutazione a stelle, che rappresenta un'immagine pertinente. Trascina il widget della Picturesbox nell'editor e carica un'immagine appropriata.
Passo 8: Personalizzare il contenuto dell'immagine e del testo
Dopo aver caricato l'immagine, puoi aggiungere il testo. Scrivi ad esempio "Tobias 21" e aggiungi un breve testo che spiega meglio la valutazione, come "Il libro mi ha aperto gli occhi." Questo darà alla tua valutazione un tocco personale ed emotivo.
Passo 9: Aggiungere una linea di separazione
Una linea di separazione può essere utile per distinguere visivamente la valutazione dal resto del contenuto. Trascina una linea di separazione nel tuo editor e posizionala strategicamente, invece di metterla direttamente tra il testo e la valutazione. Regola la dimensione della linea di separazione per creare uno spazio armonioso.
Riepilogo - Consigli per progettare la valutazione a stelle in Elementor
Hai ora completato tutti i passaggi necessari per aggiungere una valutazione a stelle accattivante in Elementor. Non solo aumenta l'autenticità della tua pagina, ma aiuta anche a migliorare l'engagement degli utenti. Assicurati di aggiornare regolarmente le valutazioni e garantire la loro rilevanza. Utilizza stelle frazionarie per permettere valutazioni più precise e crea un'immagine complessiva estetica attraverso un design accattivante.
FAQ
Quante stelle posso impostare nella valutazione?Puoi scegliere una scala da 0 a 5 o da 0 a 10 stelle.
Possono essere visualizzate stelle frazionarie?Sì, puoi anche utilizzare stelle frazionarie per valutazioni più precise.
Come posso personalizzare il design delle stelle?Scegli tra diversi stili di icone e impostazioni per il riempimento o il contorno.
Posso aggiungere un'immagine alla mia valutazione?Sì, è possibile e consigliato per contestualizzare la valutazione.
Devo aggiornare regolarmente la valutazione a stelle?Sì, per offrire contenuti rilevanti, dovresti controllare e adattare regolarmente le valutazioni.
