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

Method 1: Using the Buttons Block

WordPress offers you a default Buttons block by which you can create CTA buttons.

Aprire un post o una pagina. Trovare e aggiungere l'opzione predefinita Blocco pulsanti in the Block editor and it to the post or page editor.

Aggiungere il blocco pulsante a WordPress

Dopo l'aggiunta del blocco, posizionare il cursore sul pulsante e digitare la copia della CTA (1). Then, cambiare l'allineamento (2) where you want to place it. Finally, add your destination 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

Method 2: Using the Ultimate Blocks Plugin

Blocchi definitivi is a popular Gutenberg blocks plugin with 25+ wonderful and useful custom Gutenberg blocks. This plugin also allows you to create and add CTA buttons to your site with many advanced features.

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

Method 3: Using the Tableberg Plugin

If you want to add CTA buttons to tables, the Tablegerg plugin will help you do this. With the plugin, you can create wonderful versatile tables, adding various blocks into it.

Installare e attivare il Tablegerg 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