{"id":242198,"date":"2023-03-20T09:36:10","date_gmt":"2023-03-20T09:36:10","guid":{"rendered":"https:\/\/centrico.it\/?p=242198"},"modified":"2023-05-19T20:50:54","modified_gmt":"2023-05-19T20:50:54","slug":"come-creare-un-form-email","status":"publish","type":"post","link":"https:\/\/centrico.it\/it\/2023\/03\/20\/come-creare-un-form-email\/","title":{"rendered":"Come creare form efficaci per i contatti email"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Per<strong> creare un form<\/strong> su un sito web o una landing page esistono dei plugin specifici che consentono di realizzare in pochi passaggi le sezioni necessarie per consentire al pubblico di lasciare i propri contatti. Ad esempio, se usi WordPress puoi utilizzare Contact Form 7 per aggiungere i campi nelle pagine web con uno shortcode.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ma chi si occupa di lead generation e aumento dei contatti di una newsletter, da gestire con strumenti specifici come quelli di Centrico dedicati alle strategie di email marketing, deve anche valutare i metodi e i passaggi necessari per creare un form email capace di catturare al meglio <strong>l&#8217;attenzione del pubblico<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#campi\">Numero dei campi<\/a><\/li>\n\n\n\n<li><a href=\"#etichette\">Etichette del form<\/a><\/li>\n\n\n\n<li><a href=\"#errore\">Riduci l&#8217;errore<\/a><\/li>\n\n\n\n<li><a href=\"#logica\">Usa la logica<\/a><\/li>\n\n\n\n<li><a href=\"#conferma\">Conferma invio<\/a><\/li>\n\n\n\n<li><a href=\"#cta\">Migliora le CTA<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"campi\">Limita il numero dei campi del form<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il primo punto da rispettare quando vuoi creare <strong>un form email efficace<\/strong>: riduci il pi\u00f9 possibile la quantit\u00e0 di campi che utilizzi per raccogliere le informazioni del pubblico. Attenzione, questo non significa ignorare le strategie di <a href=\"https:\/\/centrico.it\/it\/2023\/01\/30\/lead-generation-con-linkedin\/\">lead generation<\/a> e segmentazione avanzata che puoi attivare attraverso la raccolta dei dati. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"464\" src=\"https:\/\/centrico.it\/wp-content\/uploads\/2023\/03\/fields-resized-600.png\" alt=\"Le conversioni sono direttamente proporzionali al numero di campi (fonte immagine).\" class=\"wp-image-242214\" srcset=\"https:\/\/centrico.it\/wp-content\/uploads\/2023\/03\/fields-resized-600.png 600w, https:\/\/centrico.it\/wp-content\/uploads\/2023\/03\/fields-resized-600-480x371.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 600px, 100vw\" \/><figcaption class=\"wp-element-caption\">Le conversioni sono direttamente proporzionali al numero di campi (<a href=\"https:\/\/blog.hubspot.com\/blog\/tabid\/6307\/bid\/6746\/which-types-of-form-fields-lower-landing-page-conversions.aspx\" target=\"_blank\" rel=\"noopener\">fonte immagine<\/a>).<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Ma quello che chiedi serve a qualcosa? In alcuni casi queste sezioni vengono inserite senza una strategia chiara, solo perch\u00e9 si seguono dei modelli prestabiliti a monte. Ignorando che per creare un form bisogna contestualizzare l&#8217;<strong>user experience di questi elementi<\/strong>. Ogni campo che elimini vuol dire aumentare il numero di lead che vanno in porto: prima di aggiungere una nuova richiesta al pubblico pensa a questo punto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Da leggere: <a href=\"https:\/\/centrico.it\/it\/2022\/06\/06\/lead-magnet\/\">cos&#8217;\u00e8 un lead magnet, definizione<\/a><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"etichette\">Aggiungi etichette chiare e comprensibili<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se vuoi creare un form efficace devi seguire una regola fondamentale per <strong>migliorare l&#8217;user experience<\/strong>: aggiungere dei testi chiari, comprensibili e visibili per spiegare ci\u00f2 che serve all&#8217;utente in quella sezione.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le etichette devono essere vicine ai campi che descrivono (immediatamente sopra) in modo da evitare la spaziatura ambigua che vede le etichette equidistanti da pi\u00f9 campi, e assicurati di includere l&#8217;attributo <code>&lt;label&gt;<\/code> nel codice HTML per gli <strong>screen reader<\/strong>. In questo modo anche gli ipovedenti possono compilare il tuo form.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Potrebbe essere un&#8217;idea utilizzare il testo fantasma (o placeholder text), vale a dire quella sorta di contenuto che funge da esempio nel <strong>campo da compilare<\/strong>. Questa soluzione pu\u00f2 sembrare conveniente ma rischia di creare confusione. Senza dimenticare che scompare quando il pubblico inizia a scrivere. La soluzione? <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"230\" height=\"89\" src=\"https:\/\/centrico.it\/wp-content\/uploads\/2023\/03\/label-hint-outside.png\" alt=\"creare un form efficace\" class=\"wp-image-242210\"\/><figcaption class=\"wp-element-caption\">Come gestire le etichette.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Secondo <a href=\"https:\/\/www.nngroup.com\/articles\/form-design-placeholders\/\" target=\"_blank\" rel=\"noopener\">Jakob Nielsen<\/a> &#8211; il padre della web usability &#8211; <strong>conviene utilizzare<\/strong> solo le etichette quando \u00e8 possibile. E, al massimo, se serve a eliminare possibili frizioni, inserire un campo secondario di spiegazione.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"errore\">Informa prima di dare un errore<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sai qual \u00e8 uno dei motivi comuni che porta l&#8217;utente ad abbandonare il form contatti &#8211; e quindi anche la possibile occasione di conversione o <strong>lead generation<\/strong>? L&#8217;errore nella compilazione dei vari parametri.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In primo luogo devi sempre comunicare con un asterisco i campi obbligatori, in modo da limitare al massimo eventuali errori per mancato inserimento dei dati. Poi devi dare informazioni chiare <strong>rispetto alle necessit\u00e0<\/strong> che dovrebbero spingere il target a inserire testi specifici. Qualche esempio concreto sul tema?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In alcuni casi, ad esempio per inserire un dato preciso come codice fiscale o numero carta di credito, puoi creare un form con campi vincolati in modo che il singolo<strong> non possa sbagliare<\/strong>. Altro caso concreto: la scelta di una password. Prima di far trovare l&#8217;audience di fronte a un rifiuto, informalo che deve seguire le regole di sicurezza.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"logica\">Sfrutta una sequenza logica dei campi<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se vuoi migliorare il tuo contact form non basta eliminare il superfluo, devi anche gestire al meglio i campi che hai deciso di lasciare. In questi casi \u00e8 sempre <strong>la guida di Nielsen<\/strong> a venirci incontro con un consiglio in ottica UX: organizza i box nei quali l&#8217;utente deve scrivere le informazioni testuali seguendo un percorso logico. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inoltre, conviene mantenere tutto su un&#8217;unica colonna verticale. I form contatti complessi che si dividono in pi\u00f9 sezioni orizzontali tendono a diventare difficili da compilare. Meglio snellire e verticalizzare.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cta\">Attenzione alla call to action<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Regola fondamentale per creare un form email efficace e capace di catturare il<strong> maggior numero di contatti<\/strong>: usa una call to action vincente. Questo significa lavorare su alcuni fronti che possono fare la differenza:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Usa un verbo imperativo.<\/li>\n\n\n\n<li>Dai valore all&#8217;azione. <\/li>\n\n\n\n<li>Inserisci la CTA in un bottone.<\/li>\n\n\n\n<li>Usa un colore invitante.<\/li>\n\n\n\n<li>Dai il giusto spazio a questo elemento.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Cosa devi ricordare? In primo luogo la call to action dell&#8217;invio email deve essere semplice e diretta: un verbo imperativo seguito dal perch\u00e9 stai eseguendo l&#8217;azione. Non basta scrivere &#8220;invia&#8221; ma conviene aggiungere <strong>&#8220;Invia l&#8217;email per ricevere un preventivo&#8221;<\/strong>. Inoltre il pulsante \u00e8 ci\u00f2 che funziona per aumentare le conversioni.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Come inserire un bottone o pulsante su WordPress\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/TXi2OVoEVn4?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Per\u00f2 ricorda che devi spaziare, <strong>dare i giusti margini<\/strong> tra gli elementi della pagina web. In questo modo permetti a tutti di visualizzare bene gli elementi, anche chi usa lo smartphone e non ha massima libert\u00e0 d&#8217;azione.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Da leggere:&nbsp;<a href=\"https:\/\/centrico.it\/it\/2022\/05\/09\/modelli-newsletter\/\">quali sono i principali modelli di newsletter<\/a><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conferma\">Comunica la riuscita dell&#8217;operazione<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se vuoi creare un form contatti efficace devi concentrarti  soprattutto su cosa succede dopo l&#8217;avvenuto click sul bottone call to action. C&#8217;\u00e8 un messaggio per rassicurare l&#8217;audience? Hai fatto in modo che l&#8217;avvenuto invio del messaggio o della richiesta di <strong>inserimento di un database<\/strong> sia seguito da una comunicazione ben visibile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Oltre al messaggio nella pagina in cui \u00e8 avvenuta l&#8217;operazione, puoi far aprire una thank you page per avviare altri<strong> processi di web marketing<\/strong> come il tracciamento delle conversioni. Questa possibilit\u00e0 consente di far compiere altre azioni all&#8217;utente, tipo il download di un contenuto o l&#8217;uso di un codice sconto per coupon. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ovviamente tutto questo pu\u00f2 essere confermato e proseguito da <strong>un altro contenuto<\/strong>: una email di ringraziamento. Da qui continua il tuo percorso strategico di <a href=\"https:\/\/centrico.it\/it\/2022\/12\/19\/lead-nurturing\/\">lead nurturing<\/a>. Che puoi alimentare anche grazie a strumenti avanzati come quelli che puoi sfruttare grazie alla suite di email marketing proposta da Centrico.<\/p>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button aligncenter is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" href=\"https:\/\/centrico.it\/it\/email-marketing\/\" style=\"background-color:#9ad100\">Dai uno sguardo al software di Centrico<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:39px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Per creare un form su un sito web o una landing page esistono dei plugin specifici che consentono di realizzare in pochi passaggi le sezioni necessarie per consentire al pubblico di lasciare i propri contatti. Ad esempio, se usi WordPress puoi utilizzare Contact Form 7 per aggiungere i campi nelle pagine web con uno shortcode. [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":242202,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","iawp_total_views":14,"footnotes":""},"categories":[15],"tags":[],"class_list":["post-242198","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing"],"_links":{"self":[{"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/posts\/242198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/comments?post=242198"}],"version-history":[{"count":13,"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/posts\/242198\/revisions"}],"predecessor-version":[{"id":242217,"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/posts\/242198\/revisions\/242217"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/media\/242202"}],"wp:attachment":[{"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/media?parent=242198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/categories?post=242198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/tags?post=242198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}