31 esempi di invito all'azione non è possibile aiutare, ma fare clic

Pensa a tutte le volte che ti sei iscritto per cose nella tua vita. Hai scaricato Evernote una volta? Dropbox? Spotify? Forse hai persino frequentato un corso in Assemblea Generale.

Ciascuna di queste registrazioni è probabilmente il risultato di un invito all'azione (CTA) efficace.

È molto importante guidare i visitatori attraverso il percorso di acquisto utilizzando CTA strategici.

Pensaci: se non fossi stato attirato dalla copia o dal design del CTA, o fosse stato guidato in modo così eloquente durante la procedura di registrazione, probabilmente utilizzeresti un numero molto inferiore di app e siti web rispetto a quello che fai ora.

Qui ci sono alcuni diversi Azioni un pubblico può ottenere chiamato portare fuori:

Iscriviti.

In questo tipo di CTA, il pubblico potrebbe essere invitato a registrarsi per una prova gratuita, un corso online, un evento futuro o persino un prodotto software. Tutto dipende dal contesto dei CTA su un annuncio o sito web.

Sottoscrivi.

Questo CTA non commette una persona per un acquisto. Piuttosto, li invita a ricevere aggiornamenti dalla società. I CTA "Subscribe" sono comuni ai blog aziendali, per i quali l'azienda vuole sviluppare un pubblico.

Prova gratis.

Quasi ogni sito web aziendale ha oggi un'offerta di prova gratuita. Ognuno di questi è CTA di questa varietà e consente alle persone di provare un prodotto prima di decidere se vale la pena pagarlo.

Iniziare.

Questo CTA può guidare una varietà di comportamenti per un'azienda, da una prova gratuita a un'esperienza di realtà virtuale.

Per saperne di più.

A volte, tutto ciò che vuoi è dare ai tuoi potenziali clienti un po 'più di informazioni in modo che siano pronti a comprare qualcosa. Ecco a cosa serve questo CTA.

Unisciti a noi.

Gestisci una community online. Il tuo prodotto è costruito sulla collaborazione tra utenti? Potresti trovarti a posizionare il CTA "unisciti a noi" da qualche parte sul tuo sito web.

Scopri di più sugli scopi che i CTA possono offrire in questo post del blog.

I suddetti tipi di CTA hanno tutti uno scopo prefissato, ma tieni presente che la lingua che usano può variare. E oggi, gli operatori di marketing di tutto il mondo hanno fatto qualche giro creativo sui loro richiami all'azione per generare i lead da cui dipendono le loro attività.

Per aiutarti a identificare ciò che è efficace e cosa non lo è, abbiamo elencato 31 esempi di CTA totalmente rock. Questi esempi di invito all'azione sono suddivisi in tre categorie:

• CTA semplici ed efficaci
• CTA con ottime frasi di invito all'azione
• CTA che bilanciano più pulsanti su una pagina

Esempi di invito all'azione semplici ed efficaci

1. Evernote

Pulsante CTA: Iscriviti

"Ricordare tutto." I visitatori possono immediatamente capire quel messaggio nel momento in cui atterrano su questa pagina. Il design sul sito Web di Evernote rende semplicissimo per gli utenti vedere i benefici immediati dell'utilizzo dell'app e come registrarsi per utilizzarlo. Inoltre, il colore verde dei pulsanti CTA principale e secondario è lo stesso verde del titolo e il logo Evernote, che salta fuori dalla pagina.

2. Dropbox

Pulsante CTA: iscriviti gratis

Dropbox ha sempre abbracciato il design semplice con molto spazio negativo. Anche la grafica sulla loro homepage è sottile e semplice.

Grazie al design semplice e allo spazio negativo, il pulsante blu di invito all'azione "Registrati gratuitamente" si distingue da tutto il resto della pagina. Poiché il logo CTA e il logo Dropbox sono dello stesso colore, è facile per il visitatore interpretare questo CTA come "Iscriviti a Dropbox". Questa è una chiamata all'azione efficace.

3. OfficeVibe

Pulsante CTA: Iscriviti

Ecco un invito all'azione che ha attirato la mia attenzione su OfficeVibe. Durante lo scorrimento di un post sul proprio blog, un banner è entrato dalla parte inferiore della pagina con un invito all'azione per iscriversi al proprio blog. La parte migliore? La copia sullo slide-in mi ha detto che avrei avuto suggerimenti su come diventare un manager migliore – e il post su cui è apparso era un post su come diventare un manager migliore. In altre parole, l'offerta era qualcosa a cui ero già interessato.

Inoltre, mi piace il modo in cui i CTA slide-on non invadenti sono – al contrario di quello che la mia collega Rachel Sprung chiama "stop-tutto-e-clic-qui-pop-up-CTA". Trovo che questi CTA offrano un'esperienza più amabile perché forniscono maggiori informazioni pur continuando a leggere il post del blog.

4. Netflix

Pulsante CTA: Iscriviti gratuitamente per un mese

Una grande paura gli utenti hanno prima di impegnarsi a registrarsi per qualcosa? Che sarà doloroso cancellare il loro abbonamento se finiscono per non gradirlo. Netflix salta sul campo con la copia "Annulla in qualsiasi momento" proprio sopra il CTA "Iscriviti gratis per un mese". Mi permetto di indovinare che la rassicurazione da sola ha incrementato le iscrizioni. Inoltre, noterai nuovamente che il colore rosso degli inviti all'azione primari e secondari qui corrisponde al colore del logo di Netflix.

5. Quadrato

Pulsante CTA: Inizia

Per ottenere un design CTA efficace, è necessario considerare più del semplice pulsante. È anche molto importante considerare elementi come il colore di sfondo, le immagini circostanti e il testo circostante.

Consapevoli di questi componenti di design aggiuntivi, gli utenti di Square hanno utilizzato una singola immagine per mostrare la semplicità dell'utilizzo del loro prodotto, in cui il CTA "Guida introduttiva" attende il tuo clic. Se si guarda da vicino, il colore della carta di credito nell'immagine e il colore del pulsante CTA coincidono, il che aiuta lo spettatore a collegare i punti di cosa aspettarsi se / quando fanno clic.

6. Prezi

Pulsante CTA: fai una prova a Prezi

Le persone di Prezi sono anche nel design minimalista sul loro sito web. Oltre al dinosauro verde e al caffè marrone scuro, l'unico altro colore che accompagna il disegno prevalentemente in bianco e nero è un blu brillante – lo stesso blu del loro logo principale. Questo blu brillante è posizionato strategicamente nella homepage: il principale CTA "Give Prezi a try" e il CTA secondario "Inizia", ​​che portano entrambi gli utenti alla stessa pagina dei prezzi.

7. Pacchetto completo

Pulsante CTA: il nostro lavoro

Full Bundle è un'altra società che utilizza lo spazio negativo per rendere il proprio CTA primario pop. L'invocazione all'azione bianca "Our Work" si staglia contro i grigi scuri dello sfondo. La loro scelta di CTA è anche strategica. Dato che esistono principalmente per costruire presenze online dei clienti, è importante per loro mostrare il loro lavoro – e questo è ciò che la maggior parte della gente sta visitando per il loro sito web.

8. Panthera

Pulsante CTA: unisciti

I ragazzi di Panthera sono alla ricerca di utenti che si interessano davvero ai gatti selvatici di tutto il mondo e vogliono unirsi a un gruppo di persone che si sentono allo stesso modo. Per indirizzare queste persone in particolare, amiamo come usano un linguaggio che possa parlare ai grandi amanti dei gatti: "Unisciti all'orgoglio oggi". La pagina stessa è semplicissima: un modulo in-page con due campi semplici e un pulsante che chiede alla gente di (ancora) "Unisciti".

CTA con frasi Creative Call to Action

9. EPIC

Frase CTA: "Iniziamo un nuovo progetto insieme"

I membri dell'agenzia EPIC usano la loro homepage principalmente per mostrare il loro lavoro. Quando arrivi sulla pagina, sei accolto con video animati che mostrano alcuni dei lavori che hanno svolto per i clienti, che ruotano su una giostra. Mentre ci sono molti altri luoghi in cui gli utenti possono fare clic sul loro sito, compresi i siti Web dei loro clienti, l'invito principale all'azione si distingue e contrasta sempre con il video in sottofondo.

Mi piace il fatto che sia dotato di un linguaggio amichevole e inclusivo – "Iniziamo insieme un nuovo progetto" – che dia un suggerimento agli utenti che cercano un partner creativo per cui sono una squadra particolarmente grande per cui lavorare.

10. Aquaspresso

Frase CTA: "Inviami speciali ora!"

Il punto centrale di un invito all'azione è indirizzare i visitatori del tuo sito a una linea d'azione desiderata e i migliori CTA lo fanno in un modo che sia utile per i loro visitatori. I ragazzi della compagnia di caffè Aquaspresso hanno davvero centrato l'equilibrio con il pop-up CTA sulla loro pagina principale del blog.

Qui, il corso di azione desiderato è per i loro lettori di blog per verificare ciò che stanno effettivamente vendendo (e, si spera, acquistare da loro). Ci sono molti modi in cui avrebbero potuto farlo, incluso l'invio di un CTA che esorta le persone a "Guarda i nostri prodotti più popolari!" o qualcosa di molto diretto. Ma ci piace invece quello che hanno fatto: il loro CTA offre ai lettori di blog qualcosa di molto più utile e sottile – un'offerta per "le offerte speciali di oggi" in cambio dell'indirizzo email del lettore.

Aggiungendo che gli speciali sono solo per oggi è un grande esempio di una tattica psicologica chiamata scarsità, che ci induce ad assegnare più valore alle cose che pensiamo siano scarse. La paura che le offerte speciali di oggi siano migliori di quelle di domani potrebbe far desiderare alle persone di riempire e rivendicare la loro offerta finché possono.

(L'invito all'azione sopra è stato creato utilizzando lo strumento di conversione gratuito di HubSpot, Leadin. Fai clic qui per imparare come creare facilmente CTA come questo utilizzando Leadin.)

11. QuickSprout

Frase CTA: "Stai sbagliando la tua SEO? Inserisci il tuo URL per scoprirlo

Nessuno vuole sbagliarsi. Ecco perché un pulsante di invito all'azione come la CTA slide-in di QuickSprout sul proprio blog è così affidabile. Chiede al lettore: "Stai sbagliando la tua SEO?" Bene, sono io? Tutto quello che devo fare è inserire il mio URL per scoprirlo – sembra abbastanza facile. È un linguaggio del genere che può davvero invogliare i visitatori a fare clic.

Inoltre, avere la diapositiva CTA a metà post del blog è una grande tattica per catturare i lettori prima che rimbalzino fuori dalla pagina. Tradizionalmente, molti blog hanno CTA in fondo a ogni post del blog, ma la ricerca mostra che la maggior parte dei lettori riceve solo il 60% di un articolo. (Clicca qui per sapere come aggiungere slide-in CTA ai post del tuo blog.)

12. Grey Goose

Frase CTA: "Scopri un cocktail su misura per i tuoi gusti"

Ecco un invito all'azione divertente e unico che può far sì che le persone facciano clic. Mentre i visitatori del sito si aspettavano che fossero indirizzati alle pagine dei prodotti o ai comunicati stampa della home page, un CTA per "Scopri un cocktail su misura per il tuo gusto" è una domanda piacevolmente sorprendente. La gente ama la personalizzazione e questo tipo di CTA sembra un gioco allettante. L'icona del pulsante di riproduzione accanto alla copia dà un suggerimento che i visitatori saranno portati a un video in modo da avere una migliore idea di cosa aspettarsi quando fanno clic.

13. Casa sull'albero

Frase CTA: "Richiedi la tua prova gratuita"

Molti siti Web aziendali offrono agli utenti l'opportunità di iniziare una prova gratuita. Ma il CTA sul sito Web di Treehouse non dice solo "Inizia una prova gratuita"; dice "Richiedi la tua prova gratuita".

La differenza nella formulazione può sembrare sottile, ma pensa a quanto "reclamo" più personale Il tuo La versione di prova gratuita è. Inoltre, la parola "reclamo" suggerisce che potrebbe non essere disponibile a lungo, dando agli utenti un senso di urgenza per ottenere quella prova gratuita mentre possono.

14. OKCupid

Frase CTA: "Continua"

Il CTA di OKCupid non sembra impressionante a prima vista, ma la sua brillantezza è nei piccoli dettagli.

Il pulsante di invito all'azione, che è di colore verde acceso e si staglia bene su uno sfondo blu scuro, dice "Continua". La semplicità di questo termine dà la speranza che il processo di registrazione sia breve e casuale. Per me, questo CTA sembra più un gioco divertente che compilare una forma noiosa o impegnarmi in qualcosa che potrebbe rendermi nervoso. Ed è tutto merito della copia.

15. Blogging.org

Frase CTA: conto alla rovescia

Niente come un timer per fare in modo che qualcuno voglia agire. Dopo aver trascorso un po 'di tempo sulla homepage di blogging.org, i nuovi visitatori vengono accolti con un CTA a comparsa con "un'offerta a tempo limitato", accompagnata da un timer che conta alla rovescia da due minuti.

Come nell'esempio di Aquaspresso in # 10, questo è un uso classico della tattica psicologica chiamata scarsità, che ci fa assegnare più valore alle cose che pensiamo siano scarse. Limitando il tempo che qualcuno deve compilare un modulo, le persone vogliono riempirlo e rivendicare la loro offerta finché possono.

Curioso, cosa succede quando scade il tempo? Anch'io. Imitando, non succede nulla. Il CTA a comparsa rimane sulla pagina quando il timer arriva a zero.

16. IMPACT Branding & Design

Frase CTA: "Cosa facciamo"

I CTA possono sentirsi davvero invadenti e generosi se viene utilizzata la lingua sbagliata. Mi piace l'approccio educativo di IMPACT, in cui sfidano i visitatori a scoprire cosa fa l'azienda prima di spingerli a intraprendere ulteriori azioni. Questo invito all'azione è particolarmente intrigante per me perché non usano nemmeno un verbo d'azione, tuttavia riescono comunque ad attirare le persone a fare clic.

17. Huemor

Frase CTA: "Avvia (non premere)"

Se sei andato su un sito web e hai visto un CTA "Launch" accompagnato dalla copia "Do Not Press" … cosa succederebbe tu fare? Siamo onesti: moriresti dalla voglia di insistere. L'uso della psicologia inversa innocua qui è giocoso, che è molto in sintonia con la voce del marchio di Huemor.

18. Brooks Running

Frase CTA: "Scopri quando abbiamo di più"

Quante volte hai seguito con passione un prodotto che ami, solo per scoprire che è esaurito? Bene, come forse saprai, non è neanche un picnic per il venditore. Ma solo perché hai finito un oggetto non significa che dovresti smettere di promuoverlo.

Brooks Running utilizza un intelligente invito all'azione per garantire che i propri clienti non rimbalzino dal loro sito Web solo perché la loro scarpa preferita è esaurita. Nello screenshot qui sotto, puoi vedere Brooks reclamizzare una scarpa dall'aspetto impressionante con il CTA, "Scopri quando ne abbiamo di più". Mi piace come questo pulsante trasforma cattive notizie in un'opportunità per fidelizzare i clienti. Senza di esso, i clienti di Brooks probabilmente dimenticheranno la scarpa e guarderanno altrove.

Quando fai clic sul pulsante blu CTA illustrato di seguito, Brooks ti indirizza a una pagina con un semplice codice che puoi inviare al testo dell'azienda. Questo codice richiede a Brooks di avvisare automaticamente il visitatore quando la scarpa che desidera è nuovamente disponibile.

19. Contea di Humboldt

Frase CTA: "Segui la magia"

Il sito di Humboldt County è stupendo da solo: ti accoglie con un video a schermo intero di filmati incredibilmente belli. Ma quello che mi piace davvero è il pulsante call-to-action non convenzionale posizionato in basso al centro, che presenta un'icona a forma di coniglio e le parole "Segui la magia".

Migliora il tipo di sensazione fantastica del filmato, facendoti sentire come se stessi per entrare in una fiaba.

Inoltre, una volta fatto clic su quel CTA, il sito web diventa una sorta di gioco di avventura personale, che è un divertente invito all'azione per gli utenti e li incoraggia a trascorrere più tempo sul sito.

Balancing Multiple Call-to-Action Buttons

20. Uber

CTA Buttons: Sign up to drive | Start riding with Uber

Uber's looking for two, very distinct types of people to sign up on their website: riders and drivers. Both personas are looking for totally different things, and yet, the website ties them together really well with the large video playing in the background showing Uber riders and drivers having a good time in locations all over the world.

I love the copy of the driver CTA at the top, too: It doesn't get much more straightforward than, "Make money driving your car." Now that's speaking people's language.

21. Spotify

CTA Buttons: Go Premium | Play Free

As soon as you reach Spotify's homepage, it's pretty clear that their main goal is to attract customers who are willing to pay for a premium account, while the CTA for users to sign up for free is very much secondary.

It's not just the headline that gives this away; it's also the coloring of their CTA buttons. The "Go Premium" CTA is lime green, making it pop off the page, while the "Play Free" CTA is plain white and blends in with the rest of the copy on the page. This contrast ensures that visitors are drawn to the premium CTA.

22. Ugmonk

CTA Buttons: Send me the coupons | non sono interessato

Exit CTAs, also known as exit intent pop-ups, are different than normal pop-ups. They detect your users' behavior and only appear when it seems as though they're about to leave your site. By intervening in a timely way, these pop-ups serve as a fantastic way of getting your reader’s attention while offering them a reason to stay.

Ugmonk has a great exit CTA, offering two options for users as a final plea before they leave the site. First, they offer a 15% discount on their products, followed by two options: "Yes Please: Send me the coupon" and "No Thanks: I'm not interested." It's super helpful that each CTA clarifies what "Yes" and "No" actually mean, and I also like that they didn't use guilt-tripping language like "No Thanks: I hate nature" like I've seen on other websites. Finally, notice that the "Yes Please" button is much brighter and inviting in color than the other option.

23. Pinterest

CTA Buttons: Continue with Facebook | Sign Up

Want to sign up for Pinterest? You have a couple of options: sign up via Facebook or via email. If you have a Facebook account, Pinterest wants you to do that first. Come lo so? Aesthetically, I know because the blue Facebook CTA comes first and is much more prominent, colorful, and recognizable due to the branded logo and color. Logically, I know because if you log in through Facebook, Pinterest can pull in Facebook's API data and get more information about you than if you log in through your email address.

Although this homepage is optimized to bring in new members, you'll notice a very subtle CTA for folks with Pinterest accounts to log in on the top right.

24. Madewell

CTA Buttons: Take me there | What's next?

Madewell (owned by J.Crew) has always had standout website design, taking what could be a typical ecommerce website to the next level. Their use of CTAs on their homepage is no exception.

When you first arrive on the page, you're greeted with the headline "I'm Looking For …" followed by a category, like "Clothes That'll Travel Anywhere." Below this copy are two options: "Yes, Take Me There" or "Hmm… What's Next?" The user can choose between the two CTAs to either browse clothes that are good for travel, or be taken to the next type of clothing, where they can play again.

This gamification is a great way to make your site more interesting for users who come across it without having a specific idea of where they want to look.

25. Instagram

CTA Buttons: Download on the App Store | Get it on Google Play

Since Instagram is a mainly mobile app, you'll see two black CTAs of equal size: one to download Instagram in Apple's App Store, and another to download it on Google Play. The reason these CTAs are of equal caliber is because it doesn't matter if someone downloads the app in the App Store or on Google Play … a download is a download, which is exactly what Instagram is optimizing for. If you already have Instagram, you can also click the CTA to "Log In" if you'd prefer that option, too.

26. Barkbox

CTA Buttons: Get Started | Give a Gift

The two CTAs on Barkbox's homepage show that the team there knows their customers: While many people visiting their site are signing up for themselves, there are a lot of people out there who want to give Barkbox as a gift. To give those people an easy path to purchase, there are two, equally sized CTAs on the page: "Get Started" and "Give a Gift."

As an added bonus, there's an adorable, pop-up call-to-action on the right-hand side of the screen prompting users to leave a message if they'd like. Click into it, and a small dialogue box pops up that reads, "Woof! I'm afraid our pack is not online. Please leave us a message and we'll bark at you as soon as pawsible." Talk about delightful copy.

27. t.c. pharma

CTA Buttons: Find out more | View products

Turns out Red Bull isn't its own parent company: It's owned by Thailand-based t.c. pharma, a company that makes popular energy drinks, electrolyte beverages, and functional drinks and snacks.

Its homepage features two call-to-action buttons of equal size: "Find out more" and "View products" — but it's clear by the bright yellow color of the first button that they'd rather direct folks to "Find out more."

28. General Assembly

CTA Buttons: View Full-Time Courses | Subscribe

As you scroll through the General Assembly website, you'll see CTAs for various courses you may or may not want to sign up for. I'd like to point your attention to the CTA that slides in from the bottom of the page as you're scrolling, though, which suggests that you subscribe to email updates.

Although this feels like a secondary CTA due to its location and manner, I actually think they try to sneak this in to become more of a primary CTA because it's so much more colorful and noticeable than the CTAs for individual classes. When you create your own CTAs, try using bolder colors — even ones that clash with your regular stylings — to see if it's effective at getting people's attention. (Click here for a tutorial on how to add slide-in CTAs to your webpages.)

29. charity: water

CTA Buttons: Give by Credit Card | Give by PayPal

Charity: water's main goal is to get people to donate money for clean water — but they can't assume that everyone wants to pay the same way.

The CTAs featured on their homepage take a really unique approach to offering up different payment methods by pre-filling $60 into a single line form and including two equally important CTAs to pay via credit card or PayPal. Notice how both CTAs are the same size and design — this is because charity: water likely doesn't care Come you donate, as long as you're donating.

30. Hipmunk

CTA Buttons: Flights | Hotels | Cars | Packages

When you land on the Hipmunk site, your main option is to search flights. But notice there are four tabs you can flip through: flights, hotels, cars, and packages.

When you click into one of these options, the form changes so you can fill out more information. To be 100% sure you know what you're searching for, Hipmunk placed a bright orange CTA at the far right-hand side of the form. On this CTA, you'll see a recognizable icon of a plane next to the word "Search," so you know for sure that you're searching for flights, not hotels. When you're on the hotels tab, that icon changes to a hotel icon. Same goes with cars and packages.

31. MakeMyPersona

CTA Buttons: Grab the template! | No thanks

Here's another example of a great pop-up with multiple calls-to-action — except in this case, you'll notice the size, color, and design of the users' two options are very different from one another. In this case, the folks at MakeMyPersona are making the "Grab the template!" CTA much more attractive and clickable than the "No, I'm OK for now, thanks" CTA — which doesn't even look like a clickable button.

I also like how the "no" option uses polite language. I find brands that don't guilt-trip users who don't want to take action to be much, much more lovable.

Ecco qua. By now, we hope you can see just how important little CTA tweaks can be.

Full Disclosure: We don't have data to know if these are all scientifically successful, but these examples all follow our best practices. If you decide to recreate these CTAs on your site, please remember to test to see if they work for your audience.

Want more CTA design inspiration? Check out some of our favorite HubSpot call-to-action examples.

Originally published Apr 30, 2019 9:29:00 PM, updated May 01 2019