Come creare un pulsante di invito all'azione in WordPress

Un pulsante di invito all'azione (CTA) è un elemento cliccabile su un sito web che spinge gli utenti a completare azioni specifiche come l'acquisto, la sottoscrizione di un servizio, l'iscrizione alla newsletter, il download di ebook, ecc.

Esistono numerosi modi per aggiungere pulsanti CTA a un sito web. In questo post, vi mostreremo diversi modi semplici per creare un pulsante di chiamata all'azione in WordPress che attiri gli utenti.

Creare bellissimi tavoli
Con l'editor di blocchi

Metodo 1: Utilizzo del blocco pulsanti

WordPress offre un blocco predefinito di pulsanti con cui è possibile creare pulsanti CTA.

Aprire un post o una pagina. Trovare e aggiungere l'opzione predefinita Blocco pulsanti nell'editor del blocco e nell'editor del post o della pagina.

Aggiungere il blocco pulsante a WordPress

Dopo l'aggiunta del blocco, posizionare il cursore sul pulsante e digitare la copia della CTA (1). Allora, cambiare l'allineamento (2) dove si desidera posizionarlo. Infine, aggiungere la destinazione link al pulsante (3).

Digitare la copia della CTA e aggiungere il link

Selezionare nuovamente il blocco di pulsanti posizionando il cursore su di esso. Le opzioni di personalizzazione appariranno nella barra laterale destra. Si otterrà l'opzione Impostazioni e Stili scheda lì.

Utilizzando queste due schede, è possibile modificare le dimensioni del pulsante, il colore dello sfondo del pulsante, il colore del testo, la tipografia, ecc.

Personalizzare il blocco pulsanti di Gutenberg

Metodo 2: Utilizzo del plugin Ultimate Blocks

Blocchi definitivi è un popolare plugin per i blocchi Gutenberg con 25+ meravigliosi e utili blocchi Gutenberg personalizzati. Questo plugin consente anche di creare e aggiungere pulsanti CTA al sito con molte funzioni avanzate.

Andare a Plugin > Aggiungi nuovo plugin. Tipo Blocchi definitivi nella casella di ricerca in alto a destra. Installare e attivare il plugin dopo che è stato visualizzato qui sotto.

Installare e attivare il plugin Ultimate Blocks

Aprire nuovamente l'editor di Gutenberg e digitare Pulsante o Pulsante (migliorato) nella casella di ricerca. Cliccare sul blocco corrispondente all'editor contrassegnato nell'immagine sottostante.

Aggiungete il pulsante CTA di Ultimate Blocks al vostro sito

Seguendo gli stessi metodi sopra descritti, aggiungete al pulsante la copia, il link e l'allineamento della CTA desiderata.

Aggiungere copia, link e allineamento

Passate alla barra laterale destra. Avrete a disposizione più opzioni rispetto al blocco di pulsanti predefinito. Dalla sezione Impostazioni è possibile personalizzare la giustificazione, l'orientamento, le dimensioni e la larghezza dei pulsanti. 

È inoltre possibile aggiungere un'icona, modificarne la posizione e nascondere il blocco dei pulsanti per determinati dispositivi.

Personalizzazione delle impostazioni

Successivamente, atterrare sul Scheda Stili. È possibile modificare il raggio del pulsante, renderlo trasparente, il colore del pulsante, il colore del testo, il colore di passaggio e le sue dimensioni.

Stilizzare il pulsante

Metodo 3: utilizzare il plugin Tableberg

Se volete aggiungere pulsanti CTA alle tabelle, il plugin Tablegerg vi aiuterà a farlo. Con questo plugin è possibile creare meravigliose tabelle versatili, aggiungendovi vari blocchi.

Installare e attivare il Tavolo di lavoro come illustrato in precedenza.

Installare e attivare il plugin TableBerg

Venite al vostro post. Aggiungete il Blocco Tableberg all'editor. Aggiungere il Blocco TableBerg ad esso.

Aggiungere il blocco TableBerg

Definire i numeri di riga e di colonna come necessario.

Impostare il numero di riga e di colonna

Iniziare ad aggiungere contenuti alle righe e alle colonne. Una volta selezionata una cella, sarà possibile aggiungere diversi tipi di blocchi nella cella. Si può notare che abbiamo già aggiunto del testo e delle immagini sulle colonne centrale e sinistra.

Aggiungeremo un pulsante CTA alla colonna di destra. Selezionare una cella della colonna e scegliere il pulsante Blocco di pulsanti.

Aggiungere il blocco pulsante alla tabella

Ora, allo stesso modo, aggiungete una copia al pulsante. Inoltre, personalizzarlo dall'opzione Stili nella barra laterale destra. 

È possibile personalizzare il colore del pulsante, il colore dello sfondo, il colore di passaggio, la tipografia, il raggio del bordo, ecc.

Aggiungere la copia del pulsante e personalizzarla

Nota di finitura

Quindi, ora sapete quanto sia semplice creare pulsanti call-to-action in WordPress. Ma ricordate che creare un pulsante non è sufficiente. Dovete dargli un aspetto accattivante e posizionarlo nei punti giusti, in modo che possa attirare l'attenzione delle persone e aiutarvi a ottenere conversioni.

Imparare come creare una tabella di confronto in WordPress.



Il team Tableberg

L'offerta Early Bird è ora disponibile!
Questo è il testo predefinito per la barra di notifica