migliorare-user-experience-ux-per-siti-web

Non sai come aggiungere bottoni e pulsanti in WordPress? Bene, dal momento che questa piattaforma non ha alcuna funzione di default che ti permette di crearne uno, dobbiamo ottenere aiuto dai plugin (l’altra opzione è crearli a mano scrivendo codice HTML e CSS).
In questo tutorial ti mostreremo come aggiungere bottoni in WordPress sia utilizzando gli shortcode sia usando plugin che non fanno uso dei shortcode.

Cosa sono gli Shortcode

Prima di iniziare il tutorial, dovremmo capire cosa sono gli shortcode.

Essenzialmente, gli shortcode sono codici semplici racchiusi tra parentesi quadre – [come questo] – che ti consentono di aggiungere più funzionalità ai tuoi post e alle tue pagine WordPress.

Per utilizzare uno shortcode per il pulsante WordPress, basta semplicemente copiare il codice nell’editor dei post e WordPress eseguirà il rendering del codice e visualizzerà il risultato sul tuo sito web.

La cosa bella degli abbreviazioni dei pulsanti di WordPress è che puoi crearne uno da solo se i codici disponibili non soddisfano le tue esigenze.

In questo caso specifico, ti spiegherò la creazione di uno shortcode per inserire un pulsante o per aggiungere un bottone sul tuo sito web WordPress. Poiché scrivere codice da zero è difficile per la maggior parte delle persone, imparerai come farlo usando i plugin.

Come aggiungere bottoni e pulsanti in WordPress tramite shortcode

Non c’è dubbio che i pulsanti in un sito web sono un ottimo modo per incoraggiare le persone a compiere un’azione specifica come iscriversi, accedere, scaricare un file e così via.

Uno tra i molti plugin disponibili per inserire pulsanti in WordPress con gli shortcode, è MaxButtons. Ha più di 100.000 installazioni attive, è compatibile con varie versioni di WordPress e, cosa più importante, è molto facile da usare, quindi chiunque può utilizzarlo senza problemi.

Per iniziare, scarica e attiva il plugin (cercalo nella barra di ricerca nella sezione dei plugin del tuo WordPress). Una volta installato, vai al menu MaxButtons. Una volta che sei nella dashboard del plug-in, fai clic su Aggiungi nuovo (Add New) e verrai indirizzato all’Editor per creare pulsanti.

inserire pulsanti wordpress con maxbuttons

La prima cosa che devi compilare sono le informazioni di base come il nome del pulsante (per identificare e trovare un pulsante se ne crei più di uno), l’URL (il link all’interno del pulsante) e il testo del pulsante (il testo sul pulsante) .

In questa prima sezione, puoi anche modificare il font, i colori del testo, il colore del testo hover (cioè al passare sopra il pulsante del mouse) e la dimensione del pulsante. Tutte le modifiche apportate possono essere visualizzate nell’anteprima dal vivo sul lato destro dello schermo.

aggiungere bottone wordpress con maxbuttons

Scorri verso il basso e vedrai ancora più opzioni per personalizzare l’aspetto dei tuoi pulsanti.
Quando sei soddisfatto dello stile del pulsante, fai clic su Salva nella parte superiore della pagina.

Ora, torna alla dashboard di MaxButtons e vedrai lo shortcode per il pulsante appena creato. Nell’esempio seguente, lo shortcode è [maxbutton id = “1”].

button shortcode wordpress

Quando si desidera inserire il pulsante nell’editor di WordPress, è sufficiente copiare e incollare lo shortcode. In alternativa, puoi fare clic su Aggiungi pulsante (Add Button) e scegliere il pulsante che desideri inserire:

aggiungere bottone pulsante-in wordpress con maxbuttons

Dopodichè, modifica l’URL del pulsante e il testo del pulsante in base a ciò che ti serve per quella pagina/post specifico. In questo modo, non devi creare shortcode diversi per pagine/post diversi.

aggiungere pulsante bottone in wordpress personalizzato

E questo è tutto! Hai appena creato il tuo pulsante in WordPress in assoluto! Potresti non vedere il risultato sull’editor di WordPress, perché il pulsante effettivo verrà visualizzato sul post al momento della pubblicazione.

Creare un pulsante in WordPress senza shortcode

Il più grande svantaggio dei plugin shortcode per i pulsanti WordPress come MaxButtons è la flessibilità. Se si desidera aggiungere un bottone in WordPress con un leggero cambiamento di stile, è necessario andare alla dashboard del plug-in e modificarlo da lì.

Quindi, in alternativa, la soluzione migliore è utilizzare un plug-in che non utilizza gli shortcode come ad esempio Forget About Shortcode Buttons.

Proprio come suggerisce il nome, Forget About Shortcode Buttons non si basa su shortcode. Puoi creare un pulsante in WordPress immediatamente nell’editor e creare uno stile da lì. Basta fare clic sull’icona Inserisci pulsante e puoi iniziare a modificare il tuo pulsante immediatamente.

inserire pulsante in wordpress

Le opzioni sono praticamente identiche a MaxButtons: stile del bordo, colore dello sfondo e dimensione del pulsante. Ma c’è una funzionalità in più che ti piacerà moltissimo: la possibilità di aggiungere un’icona al tuo pulsante in WordPress. È un bel tocco per rendere il tuo pulsante più unico e attraente.

Se desideri utilizzare nuovamente il pulsante appena creato in futuro, non è necessario ricominciare da capo. Basta salvarlo facendo clic sull’icona Floppy Disk. Puoi in seguito riutilizzarlo dalla tab Templates, ogni volta che ne hai bisogno.

Al termine della creazione del bottone in WordPress, fai clic su Aggiorna per inserire il pulsante.

Aggiungere pulsanti / bottoni in WordPress: conclusione

I pulsanti sono molto utili per qualsiasi sito web. Attirano efficacemente l’attenzione e contengono testi di invito all’azione che incoraggiano le persone a compiere un’azione.

Poiché WordPress non fornisce alcuna funzione predefinita per inserire un pulsante nel tuo sito web, dovrai utilizzare alcuni plugin aggiuntivi. Esistono plugin basati su shortcode e plugin che non lo utilizzano. In questo tutorial, hai imparato come usare entrambi.

Related Posts