{"id":371362,"date":"2023-04-04T12:41:00","date_gmt":"2023-04-04T09:41:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371362"},"modified":"2023-04-04T12:43:09","modified_gmt":"2023-04-04T09:43:09","slug":"il-modo-piu-semplice-per-aggiungere-un-invito-allazione-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/il-modo-piu-semplice-per-aggiungere-un-invito-allazione-wordpress\/","title":{"rendered":"Il modo pi\u00f9 semplice per aggiungere un invito all’azione WordPress"},"content":{"rendered":"\n

L’invito all’azione o CTA di WordPress \u00e8 pi\u00f9 comunemente un pulsante su un sito Web che invita l’utente a compiere un’azione specifica<\/strong>. Ma un CTA pu\u00f2 anche presentarsi sotto forma di un’immagine, un contenuto, un testo e quello che hai.<\/p>\n

Le CTA di WordPress sono un ottimo modo per incoraggiare l’interazione sul tuo sito Web, promuovere le vendite, ispirare l’utente a intraprendere un’azione specifica<\/strong> e molto altro ancora. A differenza di pubblicit\u00e0, popup e mezzi di marketing simili, sono semplici, discreti e portano a risultati tangibili. Possono essere di grande aiuto nel rendere la navigazione nel tuo sito semplice e cristallina<\/strong>. Il ruolo essenziale di un invito all’azione di WordPress \u00e8 quello di indurre i visitatori a intraprendere l’azione che desideri che intraprendano, e questo pu\u00f2 essere letteralmente qualsiasi cosa, dall’acquisto e l’iscrizione alla tua lista e-mail all’invitarli a leggere l’intero testo.<\/p>\n

Sapere dove posizionare un CTA<\/strong> \u00e8 un’arte a s\u00e9 stante. Cospargere il tuo sito Web con troppe CTA pu\u00f2 sopraffare e impedire all’utente di intraprendere qualsiasi azione. D’altra parte, non avere affatto CTA lascia l’utente in una posizione passiva e rende persino il tuo sito web meno attraente<\/strong>.<\/p>\n

Esistono molti modi per aggiungere un invito all’azione WordPress al tuo sito web. Quasi tutti i page builder ti consentono di creare un CTA utilizzando un’immagine, un pulsante e un testo e ci sono anche molti plugin WP CTA efficaci<\/a> tra cui scegliere. Ma il modo pi\u00f9 semplice e veloce per aggiungere CTA belli ed efficaci \u00e8 con Qi Addons per il plug-in Elementor.<\/p>\n

Perch\u00e9 scegliere Qi per aggiungere CTA<\/h2>\n

Qi Addons per Elementor<\/a> \u00e8 una soluzione eccellente e completa per qualsiasi tipo di sito Web Elementor. Include 60 widget gratuiti e oltre 40 premium che ti consentono di creare tutti gli elementi necessari per un sito web funzionale e bello<\/strong>. \u00c8 intuitivo ed estremamente facile da usare<\/strong>: non \u00e8 necessario nemmeno un tutorial e dopo un po’ di sperimentazione con le sue opzioni lo troverai incredibilmente versatile e potente.<\/p>\n

Quando si tratta di CTA, possiamo vedere ottimi esempi di CTA<\/a> realizzati dagli autori dello strumento sulla pagina di Qi Addon che possono anche essere usati come ispirazione.<\/p>\n

\"Il<\/a><\/p>\n

Ci\u00f2 che \u00e8 importante capire fin dall’inizio \u00e8 cosa pu\u00f2 contenere una CTA. Il titolo \u00e8 facoltativo, potresti averlo o meno. Anche il testo \u00e8 facoltativo e serve a fornire maggiori informazioni sull’azione stessa. Il pulsante per l’azione pu\u00f2 essere stilizzato in diversi modi e ha una propria animazione. Con questo widget non solo il collegamento deve essere cliccabile, ma pu\u00f2 esserlo anche l’intero campo CTA. La prossima cosa che pu\u00f2 far parte della CTA \u00e8 lo sfondo, ed \u00e8 facoltativo cos\u00ec come il bordo.<\/p>\n

Come creare un invito all’azione di WordPress con i componenti aggiuntivi di Qi<\/h2>\n

Dopo aver installato i componenti aggiuntivi di Qi<\/strong>, troverai tutti i suoi elementi nei widget. Trova semplicemente l’elemento CTA e trascina e rilascia dove vuoi che si trovi l’invito all’azione<\/strong>.<\/p>\n

\"Il<\/a><\/p>\n

Dopo averlo inserito, come per qualsiasi widget, troverai le impostazioni sulla sinistra<\/strong>. Dopo aver inserito il widget CTA sono a tua disposizione alcuni moduli predefiniti e puoi modificarli e allinearli per adattarli allo stile della tua pagina.<\/p>\n

La scheda Contenuto e Stile<\/strong> sono le impostazioni del widget CTA, qui imposterai quali degli elementi vuoi vedere e lo stile del tuo campo CTA. La scheda avanzata \u00e8, come sapete, la scheda dell’elemento di default con le impostazioni relative alle impostazioni della colonna stessa o di qualsiasi altro elemento.<\/p>\n

\"Il<\/a><\/p>\n

Impostazioni della scheda Contenuto<\/h3>\n

Iniziamo con le Impostazioni generali nella scheda Contenuto<\/strong>.<\/p>\n

\"Il<\/a><\/p>\n

Qui \u00e8 dove inseriamo il Titolo e il Testo<\/strong>. Come abbiamo gi\u00e0 accennato, questi non sono campi obbligatori, se non li inserisci semplicemente non avrai il testo<\/strong>. Questo non \u00e8 quasi mai necessario perch\u00e9 il pulsante di invito all’azione richiede che all’utente venga richiesto di intraprendere un’azione in qualche modo<\/strong>. Se il pulsante vuoto stesso fosse sufficiente per ispirare l’utente a compiere l’azione, qualsiasi pulsante farebbe il lavoro, ma non \u00e8 cos\u00ec.<\/p>\n

L’opzione successiva \u00e8 il pulsante in basso e abbiamo determinati valori offerti. Cosa significa in realt\u00e0?<\/p>\n

\"Il<\/a><\/p>\n

Ci\u00f2 significa che definiamo la dimensione dello schermo dopo la quale il pulsante sar\u00e0 al di sotto del titolo e del testo e non in linea con il testo<\/strong>, come accade sugli schermi di grandi dimensioni. Questa \u00e8 un’ottima opzione perch\u00e9 non vi \u00e8 alcun motivo per utilizzare questo layout anche su dispositivi mobili. Sarebbe molto pi\u00f9 difficile da leggere e capire e attirerebbe meno attenzione.<\/p>\n

\"Il<\/a><\/p>\n

Qui possiamo notare una cosa importante<\/strong> ed \u00e8 che il pulsante \u00e8 abbastanza incollato al testo. Ovviamente, questo \u00e8 facile da risolvere e mostreremo come risolverlo in seguito, per ora basta notare questo per essere sicuri di controllare la reattivit\u00e0 per i dispositivi pi\u00f9 piccoli.<\/p>\n

Abilita link-overlay<\/strong>, l’ultima opzione nella parte generale si riferisce al fatto che sar\u00e0 selezionabile solo il pulsante o l’intero spazio di invito all’azione. Nel nostro caso, \u00e8 attualmente selezionabile l’intera sezione nera. Fai attenzione, all’inizio non abbiamo definito il link a cui condurr\u00e0 l’azione e fino a quando non viene impostato il link non \u00e8 possibile fare clic su nulla.<\/p>\n

Il prossimo capitolo tratta di Button<\/strong>. Qui regoliamo di cosa sar\u00e0 fatto il nostro pulsante, ma non come sar\u00e0 disegnato. Anche qui selezioniamo il testo che verr\u00e0 trovato su di esso e aggiungiamo un collegamento.<\/p>\n

\"Il<\/a><\/p>\n

Per quanto riguarda i layout, sono disponibili tre opzioni<\/strong>.<\/p>\n

\"Il<\/a><\/p>\n

Il layout riempito ha uno sfondo e un pulsante di testo<\/strong>. Con questo pulsante, possiamo aggiungere un bordo in un secondo momento nelle opzioni di stile. Il layout delineato ha solo bordo e testo<\/strong>, non \u00e8 possibile modificare il colore dello sfondo in un secondo momento. Il layout del testo contiene solo testo<\/strong> e non \u00e8 possibile aggiungere sfondo o bordo.<\/p>\n

Inoltre, sono disponibili tre diversi tipi di pulsanti per il layout pieno e delineato, ma non per il testo.<\/p>\n

Il tipo standard \u00e8 quello predefinito. L’ opzione del tipo di bordo interno<\/strong> aggiunge il bordo interno al layout selezionato. Il tipo Boxed con icone<\/strong> viene utilizzato solo per il pulsante che ha un’icona e dove vogliamo inserire una casella speciale per l’icona come questa. Fai attenzione, abbiamo aggiunto e stilizzato l’icona e il suo sfondo di seguito.<\/p>\n

\"Il<\/a><\/p>\n

Qui abbiamo anche l’ opzione Abilita sottolineatura del testo del pulsante<\/strong> se vogliamo che il testo sia sottolineato, anche la sottolineatura ha un’animazione.<\/p>\n

\"Il<\/a><\/p>\n

Nelle impostazioni dei pulsanti, possiamo anche scegliere la taglia<\/strong>, ma in seguito nello stile possiamo impostarla in modo pi\u00f9 preciso e ottenere che le dimensioni corrispondano ad altri elementi del sito. Inseriamo anche il testo del pulsante e il collegamento<\/strong>.<\/p>\n

Le impostazioni dell’icona del pulsante<\/strong> vengono utilizzate per aggiungere un’icona dalla Libreria icone o caricando la tua icona svg, specifichiamo anche la posizione dell’icona (destra\/sinistra) qui.<\/p>\n

\"Il<\/a><\/p>\n

Come abbiamo gi\u00e0 visto, possiamo utilizzare l’icona con il tipo Boxed con icone<\/strong>, ma questo vale solo per il pulsante in cui vogliamo che l’icona sia nella nostra casella, altrimenti possiamo aggiungere qualsiasi icona a tutti gli altri tipi e layout.<\/p>\n

\"Il<\/a><\/p>\n

Impostazioni della scheda Stile<\/h3>\n

Queste sono le impostazioni di stile. Tutte le impostazioni sono per gruppi ed \u00e8 abbastanza ovvio a cosa si riferisce ciascuna impostazione<\/strong>. Naturalmente, se non abbiamo selezionato l’opzione del pulsante di sottolineatura per il nostro pulsante, non avremo nemmeno le impostazioni per questo.<\/p>\n

\"Il<\/a><\/p>\n

Lo stile viene utilizzato per impostare la tipografia e il colore del testo e del titolo<\/strong>.<\/p>\n

\"Il<\/a><\/p>\n

Abbiamo anche impostato lo sfondo del campo di invito all’azione qui. Puoi scegliere un colore o una sfumatura, e ci\u00f2 che \u00e8 utile \u00e8 che se non vuoi uno sfondo, cio\u00e8 trasparente, questa \u00e8 un’opzione per quello<\/strong>. Questa tabella \u00e8 contrassegnata da una freccia, metti questa pallina all’inizio. Solo il campo predefinito ha un colore e se cambi lo sfondo e metti il \u200b\u200bcolore di sfondo uguale a quello del sito, significa che se cambi il colore della pagina ti serve lo sfondo. Se metti uno sfondo trasparente, non \u00e8 necessario cambiare lo sfondo del campo con il cambio dello sfondo della pagina.<\/p>\n

\"Il<\/a><\/p>\n

Possiamo anche aggiungere uno sfondo, ci sono un paio di opzioni per l’immagine.<\/p>\n

\"Il<\/a><\/p>\n

Gli stili di spaziatura sono opzioni per determinare la spaziatura tra sottotitoli, testo, pulsanti<\/strong>.<\/p>\n

L’ imbottitura del supporto<\/strong> si riferisce allo spazio attorno al contenuto.<\/p>\n

\"Il<\/a><\/p>\n

Margine testo<\/strong> in alto \u2013 viene determinato il margine sopra il testo, ovvero si dispone lo spazio tra il testo e il titolo.<\/p>\n

Content Padding Right<\/strong> \u2013 Il riempimento intorno al testo a destra serve a separare il testo dal pulsante se \u00e8 troppo lungo.<\/p>\n

\"Il<\/a><\/p>\n

Margine pulsante<\/strong>: impostando il valore possiamo impostare la posizione del pulsante, determinare i margini attorno al pulsante. Qui dobbiamo prestare particolare attenzione al pulsante di testo reattivo e distanziato. Il margine del pulsante superiore viene utilizzato per regolare questa spaziatura.<\/p>\n

\"Il<\/a><\/p>\n

Il menu Stile pulsanti<\/strong> ti consente di impostare una variet\u00e0 di dettagli dei pulsanti come il colore del carattere, il colore del bordo, la larghezza e il raggio, nonch\u00e9 il colore di sfondo e il riempimento. L’impostazione pi\u00f9 importante qui \u00e8 se vuoi che il tuo pulsante funzioni al passaggio del mouse, il che significa che \u00e8 sufficiente passare il mouse sopra di esso per fare clic su<\/strong>. Se scegli l’opzione Normale<\/strong> qui, il pulsante funzioner\u00e0 quando viene cliccato su di esso.<\/p>\n

\"Il<\/a><\/p>\n

Nelle impostazioni Stile icona pulsante<\/strong> puoi impostare la dimensione dell’icona con un cursore, puoi anche scegliere tra l’opzione normale e al passaggio del mouse e impostare anche il colore e il margine dell’icona.<\/p>\n

\"Il<\/a><\/p>\n

Le impostazioni del bordo interno del pulsante<\/strong> consentono di impostare il colore, la larghezza e l’offset del bordo interno.<\/p>\n

\"Il<\/a><\/p>\n

Le impostazioni dello stile di sottolineatura del pulsante<\/strong> consentono di impostare il colore della sottolineatura, la larghezza, l’offset, lo spessore e l’allineamento del pulsante. \u00c8 molto utile poter vedere immediatamente tutte le modifiche apportate.<\/p>\n

\"Il<\/a><\/p>\n

Questo \u00e8 praticamente tutto. Se sei soddisfatto dell’aspetto del tuo pulsante, puoi chiudere l’editor e controllare come appare in tempo reale sulla pagina.<\/p>\n

Ora, quando sai quanto \u00e8 facile aggiungere CTA in qualsiasi punto del tuo sito Web, tutto ci\u00f2 che resta da fare \u00e8 pensare attentamente dove esattamente sul tuo sito Web puoi inserire CTA. Conoscere bene il tuo pubblico ti aiuter\u00e0 a creare le CTA pi\u00f9 efficaci e ci sono anche molti strumenti che possono aiutarti a capire meglio i tratti e il comportamento del tuo pubblico. Se hai domande sull’uso di Qi Addons, sentiti libero di chiedere nella sezione commenti: siamo pi\u00f9 che felici di condividere la nostra esperienza e conoscenza.<\/p>\n

Fonte di registrazione: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Scopri come aggiungere CTA WordPress al tuo sito nel modo pi\u00f9 semplice e veloce con Qi Addons per Elementor.<\/p>\n","protected":false},"author":1,"featured_media":279438,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[571],"tags":[846],"class_list":["post-371362","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nozioni-di-base-su-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/371362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=371362"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/371362\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/279438"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=371362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=371362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=371362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}