{"id":8794,"date":"2017-07-25T12:55:08","date_gmt":"2017-07-25T10:55:08","guid":{"rendered":"https:\/\/www.hostingvirtuale.com\/blog\/?p=8794"},"modified":"2017-07-25T19:33:54","modified_gmt":"2017-07-25T17:33:54","slug":"il-design-di-una-call-to-action-che-converte-le-linee-guida","status":"publish","type":"post","link":"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html","title":{"rendered":"Il design di una call to action che converte: le linee guida"},"content":{"rendered":"

\"Il<\/p>\n

La call to action<\/strong> \u00e8 una delle parti fondamentali di un sito web perch\u00e9 spinge l\u2019utente a compiere un\u2019azione e concretizza la promessa che hai fatto ai tuoi potenziali clienti tramite le pagine del tuo progetto online.<\/p>\n

Con questa stringa di testo – di solito un pulsante cliccabile – inviti il lettore ad acquistare un prodotto<\/strong> o servizio, eseguire l\u2019iscrizione alla newsletter, approfondire le navigazione oppure lo esorti a scaricare un ebook. Insomma, questo strumento serve a far atterrare il visitatore sulle tue landing page<\/a>.<\/p>\n

Per creare una call to action efficace<\/strong> serve una buona attivit\u00e0 di copywriting che deve persuadere ma senza ingannare. Poi, gioca un ruolo fondamentale il design della call to action.<\/p>\n

Voglio darti qualche consiglio in questa direzione. Il motivo \u00e8 semplice: se mente e cuore hanno bisogno di essere nutriti con le parole, anche gli occhi devono innamorarsi di quello che leggono.<\/p>\n

Se il tuo sito web \u00e8 sviluppato in WordPress puoi creare le call to action utilizzando un plugin. Crea il tuo blog WordPress<\/a> scegliendo uno dei nostri pacchetti hosting evitando problemi di compatibilit\u00e0.<\/p>\n
<\/i> Scegli l’hosting! <\/span><\/a><\/div><\/div><\/div>\n

Le dimensioni della call to action<\/strong><\/h2>\n

Se stai progettando il design della call to action devi ragionare sulle dimensioni. Come devi comportarti in questo caso? La chiamata all\u2019azione deve attirare l\u2019attenzione al primo sguardo<\/strong>. Quindi deve essere abbastanza grande ma non al punto di creare squilibrio con gli altri elementi della pagina.<\/p>\n

\"migliorareIl mio consiglio? Migliora la visibilit\u00e0 attraverso la forma e il colore<\/strong> ma non inserire pulsanti per call to action eccessivi, metti solo in pericolo la user experience<\/a>.<\/p>\n

Hai bisogno di capire con certezza se il bottone riesce a distinguersi? Prova lo Squint test<\/a>: sfoca tutti i dettagli della pagina web se la CTA si nota bene vuol dire che hai fatto un buon lavoro.\u00a0<\/strong><\/p>\n

Qual \u00e8 il colore giusto?<\/strong><\/h2>\n

Sono state dedicate pagine e libri alla teoria dei colori<\/strong>. Le cromie hanno un forte impatto sul cervello: evocano sensazioni e influenzano le azioni, in determinate situazioni sono pi\u00f9 decisive delle parole. Ecco perch\u00e9 devi conoscerne il significato e scegliere il miglior colore per la call to action.<\/p>\n

Vuoi attirare l\u2019attenzione? Sfrutta il verde, il blu e il rosso. In ogni caso, usa un colore diverso rispetto allo stile del sito e fai attenzione a creare un buon contrasto<\/strong> con lo sfondo della pagina e la stringa di testo contenuta nel bottone, seleziona con accuratezza il font e le sue dimensioni.<\/p>\n

Basta un passo falso e rischi di soffocare la call to action e rendendola poco riconoscibile. Puoi pensare anche a una freccia direzionale colorata<\/strong> che indichi il punto esatto dove i potenziali clienti devono cliccare.\u00a0<\/strong><\/p>\n

Abbiamo gi\u00e0 detto che c’\u00e8 una vera e propria teoria dei colori quindi, se sei interessato, puoi approfondire come scegliere i colori giusti per un sito web<\/a>\u00a0ed evitare di farlo a caso e senza una logica.<\/div><\/div>\n

La posizione della call to action, che dilemma!<\/strong><\/h2>\n

Quando realizzi il design di una call to action che converte devi sistemarla al posto giusto. Questo aspetto \u00e8 essenziale per raggiungere il tuo obiettivo e non vanificare i tuoi sforzi.\u00a0La posizione ottimale non esiste<\/strong> ma sarebbe meglio inserire la call to action above the fold, in un punto alto della pagina per fare in modo che si noti subito.<\/p>\n

Come dimostra questo studio di Kissmetrics<\/a>, tutto dipende dalla complessit\u00e0 del prodotto o servizio<\/strong> che vuoi promuovere attraverso la chiamata all\u2019azione.<\/p>\n

Se il bene a cui pu\u00f2 accedere il potenziale cliente non necessita di molte spiegazioni puoi scegliere l\u2019above the fold. Il prodotto \u00e8 ricercato? Per prendere una decisione la persona ha bisogno di maggiori informazioni? Allora opta per la call to action below the fold.\u00a0<\/strong><\/p>\n

Il pulsante deve essere cliccabile<\/strong><\/h2>\n

La call to action \u00e8 una soluzione dedicata all\u2019interazione, traghetta le persone verso la destinazione finale, quella importante per la tua attivit\u00e0. Per questo motivo devi dare immediatamente l\u2019impressione che la call to action sia cliccabile. Qui diventa decisiva la forma del pulsante<\/strong>. Gli individui sono abituati a cliccare bottoni rettangolari o rotondi.<\/p>\n

\"5<\/a>Desideri altre geometrie? Perfetto, ma fai in modo che gli internauti capiscano che possono interagire una volta giunti sulla chiamata all\u2019azione. Per raggiungere questo fine puoi utilizzare le ombre e altri effetti che donano un aspetto tridimensionale.\u00a0<\/strong><\/p>\n

Design di una call to action: qual \u00e8 la tua esperienza?<\/strong><\/h2>\n

In quest\u2019articolo ho provato a spiegarti come realizzare il design di una call to action<\/strong> che converte.<\/p>\n

Devi prendere in considerazione i colori, la forma, le dimensioni, la posizione ideale e la cliccabilit\u00e0. Senza dimenticare l\u2019importanza dello spazio bianco che deve circondare questa stringa di testo ed \u00e8 necessario per dare al potenziale cliente il giusto spazio alla riflessione.<\/p>\n

Ora, per\u00f2, mi piacerebbe ascoltare il tuo punto di vista. Tu come progetti il design di una call to action?<\/p>\n","protected":false},"excerpt":{"rendered":"

La call to action \u00e8 una delle parti fondamentali di un sito web perch\u00e9 spinge l\u2019utente a compiere un\u2019azione e concretizza la promessa che hai fatto ai tuoi potenziali clienti tramite le pagine del tuo progetto online.<\/p>\n","protected":false},"author":9,"featured_media":8798,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_97753652_97753652":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[516],"tags":[530],"class_list":{"0":"post-8794","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-design","8":"tag-grafica","9":"entry"},"yoast_head":"\nIl design di una call to action che converte: le linee guida<\/title>\n<meta name=\"description\" content=\"Per creare una call to action efficace servono buone attivit\u00e0 di copywriting e di design in modo da spingere l'utente a compiere un'azione precisa e mirata.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Il design di una call to action che converte: le linee guida\" \/>\n<meta property=\"og:description\" content=\"Per creare una call to action efficace servono buone attivit\u00e0 di copywriting e di design in modo da spingere l'utente a compiere un'azione precisa e mirata.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html\" \/>\n<meta property=\"og:site_name\" content=\"Il blog di HostingVirtuale\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HostingVirtuale\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/marilena.dambro\" \/>\n<meta property=\"article:published_time\" content=\"2017-07-25T10:55:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-07-25T17:33:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/design-call-to-action.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marilena D'Ambro\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MarlienaD\" \/>\n<meta name=\"twitter:site\" content=\"@HostingVirtuale\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marilena D'Ambro\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html\",\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html\",\"name\":\"Il design di una call to action che converte: le linee guida\",\"isPartOf\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/design-call-to-action.jpg\",\"datePublished\":\"2017-07-25T10:55:08+00:00\",\"dateModified\":\"2017-07-25T17:33:54+00:00\",\"author\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/9a8c266a121878547346e2ee56abf7bd\"},\"description\":\"Per creare una call to action efficace servono buone attivit\u00e0 di copywriting e di design in modo da spingere l'utente a compiere un'azione precisa e mirata.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html#primaryimage\",\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/design-call-to-action.jpg\",\"contentUrl\":\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/design-call-to-action.jpg\",\"width\":720,\"height\":400,\"caption\":\"Il design di una call to action che converte: le linee guida\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hostingvirtuale.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Il design di una call to action che converte: le linee guida\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#website\",\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/\",\"name\":\"Il blog di HostingVirtuale\",\"description\":\"Hosting e Registrazione Domini\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hostingvirtuale.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/9a8c266a121878547346e2ee56abf7bd\",\"name\":\"Marilena D'Ambro\",\"sameAs\":[\"https:\/\/www.facebook.com\/marilena.dambro\",\"https:\/\/x.com\/MarlienaD\"],\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/author\/marilena\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Il design di una call to action che converte: le linee guida","description":"Per creare una call to action efficace servono buone attivit\u00e0 di copywriting e di design in modo da spingere l'utente a compiere un'azione precisa e mirata.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html","og_locale":"it_IT","og_type":"article","og_title":"Il design di una call to action che converte: le linee guida","og_description":"Per creare una call to action efficace servono buone attivit\u00e0 di copywriting e di design in modo da spingere l'utente a compiere un'azione precisa e mirata.","og_url":"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html","og_site_name":"Il blog di HostingVirtuale","article_publisher":"https:\/\/www.facebook.com\/HostingVirtuale","article_author":"https:\/\/www.facebook.com\/marilena.dambro","article_published_time":"2017-07-25T10:55:08+00:00","article_modified_time":"2017-07-25T17:33:54+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/design-call-to-action.jpg","type":"image\/jpeg"}],"author":"Marilena D'Ambro","twitter_card":"summary_large_image","twitter_creator":"@MarlienaD","twitter_site":"@HostingVirtuale","twitter_misc":{"Scritto da":"Marilena D'Ambro","Tempo di lettura stimato":"4 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html","url":"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html","name":"Il design di una call to action che converte: le linee guida","isPartOf":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html#primaryimage"},"image":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html#primaryimage"},"thumbnailUrl":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/design-call-to-action.jpg","datePublished":"2017-07-25T10:55:08+00:00","dateModified":"2017-07-25T17:33:54+00:00","author":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/9a8c266a121878547346e2ee56abf7bd"},"description":"Per creare una call to action efficace servono buone attivit\u00e0 di copywriting e di design in modo da spingere l'utente a compiere un'azione precisa e mirata.","breadcrumb":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html#primaryimage","url":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/design-call-to-action.jpg","contentUrl":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/design-call-to-action.jpg","width":720,"height":400,"caption":"Il design di una call to action che converte: le linee guida"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostingvirtuale.com\/blog\/il-design-di-una-call-to-action-che-converte-le-linee-guida-8794.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostingvirtuale.com\/blog"},{"@type":"ListItem","position":2,"name":"Il design di una call to action che converte: le linee guida"}]},{"@type":"WebSite","@id":"https:\/\/www.hostingvirtuale.com\/blog\/#website","url":"https:\/\/www.hostingvirtuale.com\/blog\/","name":"Il blog di HostingVirtuale","description":"Hosting e Registrazione Domini","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostingvirtuale.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/9a8c266a121878547346e2ee56abf7bd","name":"Marilena D'Ambro","sameAs":["https:\/\/www.facebook.com\/marilena.dambro","https:\/\/x.com\/MarlienaD"],"url":"https:\/\/www.hostingvirtuale.com\/blog\/author\/marilena"}]}},"_links":{"self":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/posts\/8794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/comments?post=8794"}],"version-history":[{"count":0,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/posts\/8794\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/media\/8798"}],"wp:attachment":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/media?parent=8794"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/categories?post=8794"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/tags?post=8794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}