Creare un contatore efficiente in Elementor per WordPress

L'utilizzo di contatori in Elementor può valorizzare il tuo design web e entusiasmare immediatamente i visitatori. I contatori non sono solo visualmente accattivanti, ma forniscono anche informazioni importanti in un colpo d'occhio, come ad esempio le recensioni dei clienti, il numero di abbonati o le vendite. In questa guida ti mostrerò come utilizzare efficacemente i contatori nella tua pagina WordPress.

Conoscenze chiave

• I contatori sono facili da utilizzare e possono essere personalizzati in modo versatile.
• Puoi impostare individualmente il numero iniziale, il prefisso, il suffisso e la durata dell'animazione.
• I colori e gli stili dei contatori sono personalizzabili per integrarli nel tuo design.

Guida passo passo

Aggiungere un contatore

Inizia trovando gli elementi del contatore sulla tua pagina in Elementor. Vai prima alla pagina desiderata o alla sezione desiderata dove vuoi posizionare il contatore.

Creazione dei contatori

Aggiungi un nuovo elemento contatore. Noterai che viene già visualizzato un numero standard di 100. Questo numero è modificabile a tua discrezione.

Duplicazione dei contatori

Se hai già creato un contatore e desideri utilizzarlo più volte, puoi duplicarlo. Seleziona il contatore e fai clic sul pulsante Duplica. Questo creerà un contatore identico che potrai successivamente personalizzare.

Impostazione del numero obiettivo

È ora di definire il numero obiettivo. Puoi inserire direttamente il numero per mostrare ciò che hai raggiunto, ad esempio 2400 clienti soddisfatti.

Selezione del prefisso e del suffisso

Hai la possibilità di aggiungere un prefisso e un suffisso al tuo contatore. Se ad esempio desideri aggiungere un simbolo di più o un simbolo di euro, puoi farlo qui. In questo esempio, abbiamo bisogno di questo solo per visualizzare il numero.

Aggiunta di un titolo

Assegna un titolo al tuo contatore che chiarisca il significato del numero. Un titolo accattivante come "Clienti Soddisfatti" renderà il contatore ancora più interessante.

Separatore dei migliaia

Scegli se utilizzare un separatore dei migliaia. Puoi scegliere tra un punto, una virgola o addirittura nessun separatore. In questo modo il numero si adatta alla leggibilità desiderata.

Impostare la durata dell'animazione

Utilizza la durata dell'animazione per stabilire la velocità con cui il contatore aumenta. Una durata di 5000 millisecondi farà apparire il numero relativamente velocemente, mentre un intervallo di tempo più breve creerà un'impressione rapida.

Personalizzare stili e colori

Passo successivo: Scegli il colore del testo per il tuo contatore in modo che si armonizzi con l'aspetto complessivo del tuo sito web. Puoi selezionare i colori con un semplice clic.

Personalizzare la tipografia

Anche la tipografia può essere personalizzata secondo i tuoi gusti. È consigliabile scegliere un tipo di carattere che sia facilmente leggibile e contemporaneamente elegante.

Salvare e Verificare

Dopo aver apportato tutte le impostazioni, salva le tue modifiche e controlla la tua pagina sul frontend. Verifica l'aspetto del contatore e se tutto funziona come desiderato.

Contatori Interattivi

Se desideri, puoi anche impostare che il contatore diventi attivo solo quando viene visualizzato da un visitatore. Questo aggiunge un componente interattivo aggiuntivo che migliora l'esperienza dell'utente.

Riepilogo

Hai imparato come utilizzare efficacemente i contatori in Elementor per presentare le informazioni sul tuo sito web in modo visivamente accattivante. Con la giusta pianificazione e implementazione, puoi impressionare i tuoi visitatori e evidenziare informazioni importanti.