Come aggiungere un timer per il conto alla rovescia su WordPress

Quando crei il tuo sito WordPress, potrebbe essere necessario incorporare strumenti, design e funzionalità che ti aiutino a promuovere eventi o altre offerte urgenti. L'utilizzo di un widget o di un plug-in per il timer del conto alla rovescia può rendere molto più semplice il raggiungimento di tale obiettivo.

Con un widget per il conto alla rovescia di WordPress, puoi rendere più semplice per i proprietari e i visitatori del sito tenere traccia di date e orari specifici. Inoltre, ci sono una manciata di plugin per il conto alla rovescia che rendono l'aggiunta di uno al tuo sito un processo rapido.

In questo post, spiegheremo quando utilizzare un timer per il conto alla rovescia e cos'è un widget per il conto alla rovescia di WordPress. Quindi ti guideremo attraverso tre delle migliori opzioni per aggiungere un timer per il conto alla rovescia in WordPress utilizzando un plug-in. Iniziamo!

Quando utilizzare un conto alla rovescia

Un timer per il conto alla rovescia può essere utilizzato per mostrare diverse pietre miliari, come gli anniversari aziendali. Puoi anche usarne uno per creare attesa per un evento imminente (come il lancio di un nuovo prodotto), promuovere l'inizio di una vendita o informare i visitatori quando un sito sarà fuori dalla modalità di manutenzione.

Che cos'è un widget per il conto alla rovescia?

Un widget timer conto alla rovescia è un'estensione che puoi aggiungere al tuo sito WordPress, al fine di creare entusiasmo o urgenza attorno a un prodotto o evento. Puoi utilizzare un widget timer conto alla rovescia di WordPress per informare o ricordare ai clienti quando aspettarsi qualcosa, visualizzando un orologio che esegue il conto alla rovescia del tempo rimanente.

Alcuni degli scenari più comuni in cui viene utilizzato un conto alla rovescia includono:

• Far sapere ai visitatori che un sito WordPress è in fase di manutenzione e quando tornerà online
• Promuovere e creare aspettative per un evento imminente come il lancio di un prodotto, un incontro sociale o una conferenza
• Riconoscere traguardi importanti come gli anniversari
• Generare entusiasmo per un evento di vendita speciale, una promozione o una pagina Prossimamente

Opzioni per aggiungere un timer per il conto alla rovescia a WordPress

Esistono diverse opzioni per aggiungere un timer per il conto alla rovescia al tuo sito WordPress. Sebbene tu possa farlo tramite codice, il metodo più semplice è utilizzare un plug-in per il conto alla rovescia di WordPress. Diamo un'occhiata a tre plug-in per il conto alla rovescia consigliati e come iniziare a usarli.

Opzione 1: aggiungere un timer per il conto alla rovescia utilizzando il widget per il conto alla rovescia T(-).

(T-) Countdown Widget è uno dei plug-in per il conto alla rovescia di WordPress più popolari disponibili. Ti consente di visualizzare un timer HTML5 altamente flessibile e personalizzabile tramite uno shortcode, su qualsiasi pagina o post del tuo sito WordPress:

Per sfruttare appieno le funzionalità del plug-in, tuttavia, è necessaria un po' di conoscenza di HTML e CSS. Pertanto, potrebbe non essere l'opzione migliore per i principianti.

Dopo aver installato e attivato il plug-in, è possibile individuarlo in Impostazioni > T(-) Countdown :

In questa schermata puoi scegliere se eseguire il conto alla rovescia di secondi, settimane, mesi o anni. Puoi anche personalizzare le etichette che verranno visualizzate e aggiungere il tuo CSS.

Quando scarichi e attivi il plug-in, un blocco Countdown T(-) verrà aggiunto al tuo editor di WordPress. Per usarlo, vai alla pagina o al post a cui desideri aggiungere il conto alla rovescia. Fare clic sull'icona più, quindi cercare nei blocchi l'opzione Conto alla rovescia T(-) :

Questo blocco aggiungerà un conto alla rovescia standard alla pagina o al post. Puoi personalizzarlo e configurarlo nel pannello a destra:

Puoi scegliere un'ora e una data di lancio e selezionare uno dei 13 stili per l'aspetto del timer. Ci sono anche sezioni in cui modificare le stesse impostazioni (incluse etichette e CSS personalizzati) che si trovano anche nella pagina delle impostazioni del conto alla rovescia T(-) .

Se ne hai bisogno, è disponibile il supporto gratuito per questo plug-in, nonché un elenco completo di opzioni di shortcode che puoi utilizzare. Vale anche la pena notare che questa è la versione sviluppata attivamente del vecchio plugin jQuery T(-) Countdown Widget.

Opzione 2: aggiungi un timer per il conto alla rovescia utilizzando Countdown Timer Ultimate

Countdown Timer Ultimate utilizza uno shortcode per visualizzare i timer per il conto alla rovescia sul tuo sito WordPress. Funziona bene con l'editor Gutenberg, è completamente reattivo e ti consente di creare conti alla rovescia illimitati:

Dopo aver installato e attivato il plug-in, ti verrà presentato un messaggio di benvenuto. Seleziona Salta o Consenti e continua :

Successivamente, vai a Conto alla rovescia > Aggiungi timer :

In questa schermata puoi assegnare un nome al conto alla rovescia e personalizzarne la visualizzazione. Dopo aver scelto una data di scadenza, puoi scegliere tra due stili di animazione: Smooth o Ticks .

Successivamente, seleziona la larghezza e i colori del cerchio. Tutto ciò che non definisci verrà impostato sullo stile predefinito. Al termine, fai clic su Pubblica .

Puoi quindi aggiungere il widget del conto alla rovescia a qualsiasi post o pagina di WordPress. Per fare ciò, copia lo shortcode del conto alla rovescia (che si trova sotto la colonna Shortcode nella pagina WP Countdown TIMEr ):

Quindi vai alla pagina o al post in cui desideri aggiungere il timer. Fai clic sull'icona più nell'editor dei blocchi e seleziona il widget Shortcode :

Incolla lo shortcode nel campo di testo, quindi visualizza l'anteprima della pagina per assicurarti di essere soddisfatto di come appare. Se sei soddisfatto, premi Pubblica .

Se invece desideri aggiungere il widget del conto alla rovescia a una barra laterale del tuo sito, puoi farlo andando su Aspetto > Widget e aggiungendo il widget Testo alla barra laterale. Sotto le impostazioni del widget, incolla semplicemente lo shortcode del conto alla rovescia:

Come accennato in precedenza, puoi scaricare e utilizzare la versione gratuita di questo plugin per creare timer illimitati. Puoi anche eseguire l'upgrade alla versione premium, per sbloccare l'accesso a design aggiuntivi e funzionalità avanzate. Se vuoi prima testare il plugin, puoi anche registrarti per una demo gratuita.

Opzione 3: aggiungi un timer contatore usando POWr

Ultimo ma non meno importante, POWr è un plug-in per il conto alla rovescia basato su cloud. Pertanto, per poterlo utilizzare, devi prima registrarti per un account gratuito.

Uno dei vantaggi di POWr è che è completamente reattivo e personalizzabile. Tuttavia, è unico in quanto, oltre a creare regolari timer per il conto alla rovescia, puoi anche usarlo per tenere traccia degli eventi nel tempo.

Per iniziare, prima scarica e attiva il plug-in per il conto alla rovescia di POWr WordPress sul tuo sito. Si presenta come un pacchetto con varie altre funzionalità, che possono essere utilizzate per creare moduli e feed social:

Successivamente, visita il sito Web di POWr e fai clic sul pulsante Inizia per registrarti per un account gratuito. Dopo aver creato il tuo account, verrai indirizzato alla pagina I miei plug-in . Qui è dove puoi "creare il tuo plug-in", selezionando Countdown Timer nel menu di navigazione a sinistra:

Successivamente, verrai portato alla schermata in cui puoi creare e personalizzare un widget timer per il conto alla rovescia per il tuo sito WordPress:

Hai una varietà di opzioni per il tipo di conto alla rovescia che desideri utilizzare. Inoltre, nelle schede Contenuto e Design puoi impostare una data obiettivo, personalizzare le etichette del timer, creare messaggi personalizzati e aggiungere animazioni.

Una volta che sei soddisfatto del conto alla rovescia, fai clic sul pulsante Aggiungi al sito nella parte inferiore dello schermo:

Ti verranno quindi presentate una serie di opzioni per aggiungerlo al tuo sito. Ad esempio, puoi fare clic sull'icona di WordPress per produrre uno shortcode per il conto alla rovescia:

Puoi quindi copiare questo shortcode e incollarlo nel blocco Shortcode nell'editor di WordPress (come visto nella sezione precedente). Puoi anche scegliere l'opzione Incorpora codice per copiare e incollare il codice in qualsiasi elemento HTML del tuo sito.

Trova altre risorse utili da WP Engine

L'aggiunta di un timer per il conto alla rovescia al tuo sito Web è un ottimo modo per aumentare l'entusiasmo e motivare i visitatori. Naturalmente, qualunque funzionalità tu stia cercando di aggiungere al tuo sito, siamo qui per aiutarti.

WP Engine offre le migliori risorse per utenti e sviluppatori, fornendo le informazioni e gli strumenti necessari per offrire un'incredibile esperienza digitale. Inizia oggi stesso con il miglior hosting WordPress!