Ați avut dificultăți în a convinge vizitatorii site-ului dvs. să ia măsurile dorite? Poate ați dori ca aceștia să se aboneze la newsletter-ul dvs. sau să solicite o versiune demo a produsului, dar din anumite motive toate eforturile dumneavoastră nu au dus la rezultatul dorit.

Puteți găsi mai multe motive care explică acest comportament al vizitatorilor și chiar să scrieți o carte întreagă despre el, dar acest articol va analiza poate unul dintre cele mai comune: îndemnurile ineficiente la acțiune.

Dar în loc de o teorie „nudă”, vi se vor oferi 15 îndemnuri inspiratoare și eficiente, care vă vor arăta prin exemplu cum să generați clienți potențiali.

Să ne amintim că un îndemn la acțiune (CTA, îndemn la acțiune) este un buton sau un link plasat pe o pagină, al cărui scop este de a indica vizitatorului țintă ce acțiune trebuie să întreprindă în următoarea etapă a interacțiunea cu resursa.

În inbound marketing, butoanele CTA conduc, de obicei, la pagini de destinație în care utilizatorul poate completa un formular web și poate deveni client potențial.

Cum să utilizați CTA în generarea de clienți potențiali

Puteți plasa butoane de îndemn oriunde pe site-ul dvs., dar este important să faceți acest lucru corect.

Principalul lucru este că apelul captează cu adevărat atenția vizitatorilor și este atât de convingător încât puțini s-au putut abține să apese pe butonul râvnit.

Fă-ți vizitatorilor o ofertă pe care nu o pot refuza. Ar trebui să fie nu numai atractiv din punct de vedere vizual, ci și suficient de convingător în sens.

Pentru ca apelurile să facă față sarcinii care le sunt atribuite, nu trebuie să uitați de un astfel de factor precum (călătoria cumpărătorului - ruta pe care o urmează un potențial client înainte de a face o tranzacție).

Dacă apelul pe care intenționați să îl adăugați pe pagină nu satisface o nevoie într-o anumită etapă a călătoriei, atunci nu se va întâmpla nicio magie și persoana nu va efectua acțiunea așteptată de la el.

Pentru a vă asigura că apelurile dvs. sunt eficiente în generarea de clienți potențiali, urmați aceste principii dovedite:

1. Apelurile ar trebui să fie orientate spre acțiune.
2. Textul trebuie să fie convingător.
3. Apelul trebuie să fie atrăgător din punct de vedere vizual.
4. Folosiți factorul de urgență (limitați timpul pentru luarea unei decizii).
5. CTA ar trebui să fie clar vizibil pe pagină.

Vă invităm să vă familiarizați cu 15 îndemnuri exemplare la acțiune care vă vor inspira cu siguranță să vă creați propriile capodopere.

Textul de apel al Netflix nu este pur și simplu convingător. Nu doar că îți oferă o lună de vizionare gratuită a filmelor și serialelor TV, dar îți oferă și posibilitatea de a folosi serviciul pe orice dispozitiv și de a anula abonamentul oricând dorești dacă dintr-o dată nu ești mulțumit de calitatea serviciilor.

Titlu: „40 de ore de analiză PPC în 60 de secunde. Rapid. În condiții de siguranță. Gratis”.
CTA: „Obțineți raportul gratuit astăzi”

WordStream folosește culori contrastante pentru a face apelul său la acțiune pe fundalul albastru deschis să iasă și mai mult în evidență. Ei repetă de două ori că produsul lor este gratuit pentru a te face să vrei să încerci serviciul lor.

Titlu: „Soluție cuprinzătoare pentru analiza site-urilor și colectarea feedback-ului. Hotjar este o modalitate nouă și ușoară de a obține o perspectivă reală de la vizitatorii site-ului dvs. de pe desktop și mobil. Deblocați-vă cele mai bune oportunități de creștere astăzi. Nu este nevoie de card de credit.”
CTA: „Încercați gratuit.”

Pagina principală a serviciului Hotjar este diferită prin faptul că conține două îndemnuri identice care conduc la aceeași pagină. Datorită schemei de culori reușite și plasării butoanelor, acestea sunt destul de ușor de observat chiar și cu o privire rapidă pe site.

Titlu: „Instrumente puternice pentru a îmbunătăți fiecare etapă a procesului dvs. de vânzări.”
CTA: „Începeți gratuit.”

Trucul cu HubSpot este că plasează un argument de vânzări destul de convingător și un îndemn la acțiune împotriva imaginii unui om de vânzări pentru a-i face pe vizitatori să-și dorească instantaneu să-și încerce instrumentele de vânzări în acțiune.

Prezentarea imaginilor relevante pentru ofertă în spatele CTA îi ajută pe oameni să-și imagineze folosind produsul și face ca clicul pe buton să fie o acțiune mai atractivă.

HubSpot folosește, de asemenea, text nenegociabil pe butonul de apel, ceea ce face din acesta o invitație de a începe să-și folosească produsul.

Titlu: „Trimite e-mailuri pe care clienții tăi nu le pot ignora. Un instrument profesional de automatizare și marketing prin e-mail ușor de utilizat pentru afacerile de astăzi cu creștere rapidă.”
CTA: „Începeți gratuit”

Butonul CTA Campaign Monitor este plasat deasupra videoclipului de fundal și este viu colorat, ceea ce îl face greu de ratat. Prin plasarea unei pictograme de chat live în colțul paginii, compania vă informează că ajutorul este la doar un clic distanță dacă aveți întrebări sau nelămuriri.

Titlu: „Cel mai puternic instrument de analiză pentru a vă ajuta să înțelegeți comportamentul clienților și să vă dezvoltați afacerea.”
CTA: „Încercați Kissmetrics.”

Vrei ca mesajul tău să fie cu adevărat motivant? Adăugați un câmp de e-mail lângă buton, astfel încât niciun vizitator să nu părăsească pagina fără să-și lase informațiile de contact! Exemplul Kissmetrics este deosebit de reușit în acest sens.

Titlu: „Muzică pentru toată lumea”.
CTA: „Folosiți Spotify gratuit”, „Activați Spotify premium”.

Spotify este destul de creativ când vine vorba de proiectarea CTA. Pagina conține două apeluri simultan, concurând între ele - unul duce la o versiune gratuită a serviciului, iar celălalt la una cu plată.

Spotify explică foarte clar că serviciul lor poate fi folosit contra cost (care este scopul lor final), înțelegând totodată că mai mulți clienți plătitori vor fi cei care vor încerca primul serviciul gratuit. Prin urmare, ambele apeluri sunt localizate pe aceeași pagină.

Titlu: „Trello te ajută să colaborezi și să faci mai multe lucruri. Fișele de lucru, listele și hărțile facilitează organizarea și prioritizarea activității proiectului.”
CTA: „Abonează-te. Este gratis".

Păstrând pagina neaglomerată cu conținut și folosind culori contrastante, Trello se asigură că textul și butonul îndemnului lor convingător nu vor trece neobservate de utilizatori. Nu există nimic care vă poate distrage atenția de la următoarea acțiune - abonarea.

9. Lyft

Titlu pentru pasageri: „Călătoriți în câteva minute”. CTA: „Abonează-te acum”.
Titlu pentru șoferi: „Urează-te la volan”. CTA: „Deveniți șofer cu Lyft.”

Atunci când compania dumneavoastră oferă două servicii simultan, așa cum este cazul Lyft, este important să vă asigurați că ofertele și apelurile nu distrage atenția una de la cealaltă. Textul diferit de pe butoane („Abonați-vă acum” și „Deveniți un șofer Lyft”) îi direcționează pe vizitatori către acțiunile pe care ar trebui să le întreprindă în continuare. Culoarea roz strălucitoare a butonului CTA atrage instantaneu atenția utilizatorilor, făcându-l imposibil de ratat.

Titlu: „Arătați serviciului cine este șeful. Abilitatea de a stabili rapid o colaborare datorită accesului gratuit la un desktop de la distanță, înregistrări audio nelimitate și conferințe video. Nu este necesară înregistrarea.”
CTA: „Începe întâlnirea.”

Textul de pe butonul de apel pentru serviciul Join.Me vă informează că puteți începe să utilizați serviciul în câteva secunde. Nu este nimic mai rău decât să fii la serviciu și să petreci ore întregi așteptând să înceapă o întâlnire. Join.Me înțelege cât de incomod este acest lucru și oferă o soluție. Culoarea portocalie strălucitoare a butonului face acest CTA și mai eficient.

11. IKEA

Îndemnurile în format pop-up au rezultate fantastice. De obicei, aceasta este o invitație de a vă abona la buletinul informativ sau blogul companiei sau de a descărca orice materiale. Exact aceasta este situatia de pe site-ul gigantului de mobila IKEA. Butoanele sunt proiectate folosind culorile corporative ale companiei, iar textul însoțitor vă va anunța ce se va întâmpla după ce veți introduce informațiile solicitate.

Titlu: „Citim. Vei învăța cele mai importante lucruri. theSkimm oferă o modalitate mai simplă de a deveni mai inteligent. Să încercăm să ne trezim împreună.”
CTA: „Alătură-te altor milioane”.

În îndemnul pop-up la acțiune, theSkimm precizează clar despre ce este oferta lor. În plus, susțin atractia cu dovezi sociale puternice, convingând oamenii să se alăture serviciului, așa cum au făcut deja milioane de alții.

13.RĂCIRE

Titlu: „Hai. Abonați-vă pentru a debloca oferte excelente de la comercianții de îmbrăcăminte de top.”
CTA: „Alăturați-vă”

COOLS se bazează în mare măsură pe elementele vizuale pentru apelul său la acțiune. Fotografia pitorească a unui cuplu îmbrăcat elegant care se sărută în mijlocul străzii, alături de legenda extrem de expresivă „GET IT” (Take it) vă va atrage, fără îndoială, atenția.

Titlu: „Suntem mândri de produsele noastre și dorim să le verificați personal. 10% reducere la prima achiziție. Disponibil în 48 de ore.”
CTA: „Da, vă rog. Trimite-mi un cupon.” "Nu, mulțumesc. Nu sunt interesat".

În încercarea sa de a converti vizitatorii, Ugmonk folosește un , care apare în fața utilizatorului în momentul în care acesta încearcă să închidă pagina. Aceasta este de obicei ultima șansă a companiei de a convinge oamenii să rămână și să facă o achiziție, așa că oferta trebuie să fie cu adevărat profitabilă. În acest exemplu, Ugmonk oferă unui potențial client o reducere de 10% la prima comandă, dar durează doar o anumită perioadă de timp, creând un sentiment de urgență.

Un alt lucru grozav despre acest CTA este că îi oferă utilizatorului de ales: să accepte oferta și să dai clic pe „Da” sau să refuze și să dai clic pe „Nu”. Lăsând oamenilor opțiunea de a refuza oferta, Ugmonk îi obligă pe oameni să se gândească de două ori dacă doresc cu adevărat să refuze înțelegerea. Evident, compania însăși dorește să alegeți prima opțiune, sugerând acest lucru prin faptul că culoarea textului ofertei și butonul „Da” sunt aceleași.

Titlu: „Explorați. Revizuire. Distribuie altora. Alăturați-vă serviciului acum pentru a debloca accesul la un milion de recenzii despre produse și știri pentru consumatori.”
CTA: „Înscrieți-vă acum”.

Atractia lui Influenster este oarecum diferită de restul listei.

Când vizitați prima dată site-ul, în colțul de sus al site-ului veți observa doar un mic buton cu textul „Înscrieți-vă acum”, dar după 30 de secunde apare un CTA mai mare, din care este clar că compania dorește cu adevărat să alăturați-vă serviciului.

Concluzie

Toate companiile enumerate au urmat cele mai bune practici atunci când își dezvoltă apelul la acțiune, motiv pentru care apelurile lor sunt cu adevărat eficiente și generează clienți potențiali. Dacă vrei să obții același rezultat, știi ce să faci.

În aproape fiecare articol referitor la proiectare de site-uri sau proiectarea prototipului, subliniez importanță și necesitate un astfel de element ca "Apel la acțiune". Și ei mă întreabă adesea - „De ce crezi că acest element este de o importanță capitală?”

Scopul principal al elementelor „Call to Action”.- atrageți atenția vizitatorului, faceți-i ochiul să „alege” din amestecul de text, imagini și alte „straturi” grafice cel mai important și mai important element— acel buton sau link foarte prețuit care este conceput pentru a rezolva problema vizitatorului pentru care acesta se află pe site în primul rând — cumpărați un produs/serviciu, abonați-vă la un buletin informativ/RSS etc. Acesta este, efectua aceeași acțiune, pentru care designerul și programatorul a lucrat atât de mult timp și care este visul trandafiriu al oricărui proprietar de afaceri - vânzare.

Acesta este motivul pentru care, orice element „Apel la acțiune” ar trebui să fie cât mai vizibil și atractiv posibil— atunci când îl creați, este necesar să acordați o atenție maximă dimensiunii, poziției și spațiului liber din jurul elementului.

Astazi noi pe practică hai să rezolvăm 11 exemple de elemente de apel la acțiune gândite și elaborate. Voi comenta fiecare exemplu și voi explica exact ce tehnici sunt folosite și de ce.

În acest caz utilizatorului i se oferă două opțiuni, din care puteți începe să vă familiarizați cu sortimentul. Prima varianta - vezi direct miniaturileși selectați subiectul dorit (Vezi temele), al doilea - familiarizează-te cu avantajele temelor care oferă (Vezi caracteristicile).

Ambele opțiuni sunt realizate în același font, în același stil și reprezintă vizual un fel de indicator- mergeți „stânga” sau „dreapta”. Diferența este reprezentată de schema de culori pentru fiecare „lamă” a indicatorului.

La Mozilla nu există opțiuni din care să alegi, deci butonul mare verde „Descărcați Firefox” situat în locul cel mai vizibil. În același timp, vă rugăm să rețineți că pe lângă inscripția „Descărcare”, butonul conține:

• siglă;
• indicația că produsul este gratuit;
• versiunea de serie a produsului;
• versiunea lingvistică a produsului.

Acesta este - toate informatiile disponibile, care este necesar pentru acel grup de utilizatori care nu doresc cu adevărat să citească despre ce fel de browser este Firefox, dar doresc doar descărcați produsul și verificați totul singur. De care, în esență, au nevoie dezvoltatorii de programe.

Primit intr-un mod similar, plasând butonul de descărcare aproape în antetul site-ului. Totuși există o diferenta semnificativa, dupa parerea mea— dacă Mozilla are un link sub butonul către alte limbi și platforme pentru care Firefox și Politica de confidențialitate nu atât de necesară, atunci Wijimo a postat un link nu numai pentru toate variantele de pachet, ci și pentru toate versiunile anterioare.

Pentru mine, De exemplu, acest aranjament este mai convenabil, deoarece de câteva ori după actualizare, din cauza incompatibilității extensiilor, a trebuit să revin la versiunea anterioară a browserului.

Nu ne-am limitat la un singur buton, dar ne-am aranjat apelul la acțiune într-un întreg grup grafic. Aceasta este ceea ce vede vizitatorul la deschiderea site-ului, secvenţial:

1. Acesta este un site despre site-uri;
2. aici este colectată experiența utilizatorului;
3. Vă pot spune despre proiectul meu.

Să acordăm o atenție deosebită faptului că layout-ul este perfect calibrat— după ce am citit al doilea paragraf, mi-am pus o întrebare — pot adăuga proiectul meu? În opinia mea, acesta este exact gândul și emoția, pe care plănuia să o sune.

În cazul , suntem din nou înapoi la ideea alegerii, dar în acest caz nu este un „ghid de site”, ci selectarea directă a produsului. Observați logica clar vizibilă:

1. Unde sunt? | Acesta este un site Tweetie.
2. Ce este Tweetie? | Acesta este un client Twitter pentru Mac.
3. Vreau să încerc! Ce opțiuni de program există? | Opțiunea A - cumpărați pentru 19,95 USD și opțiunea B - gratuită, dar cu publicitate.
4. Aleg varianta B! | Descarca.

Accentul principal nu se pune atât pe acțiune, ci pe explicând clientului simplitatea acțiunii:

1. Încerca!
2. Este absolut gratuit!
3. Va dura maxim 30 de secunde!
4. Dar dacă tot nu doriți, citiți informațiile detaliate.

Meme vizează utilizatori noi. Laitmotivul apelului lor la acțiune sună astfel: „Cel mai important lucru pentru noi sunt utilizatorii noi. Dar nu am uitat nici de cele existente - cu siguranță vor vedea acest buton mare colorat pe un fundal negru și, prin urmare, textul de sub el.”

Dar opțiunea Capo după părerea mea nu prea reușit, deși implică un anumit truc - ni se oferă posibilitatea de a alege: „fie descărcați, fie cumpărați”. Dar în subconștientul utilizatorului de internet apare o contradictie:

1. Dacă îl pot descărca gratuit, atunci de ce ar trebui să îl cumpăr?
2. Asta înseamnă că îmi oferă fie o versiune redusă, fie o versiune de probă.
3. dar nu cunosc restricțiile, dar Nu vreau să pierd timpul descarcând și verificând.

Apropo, să fim atenți... când faceți clic pe „Cumpărați”, o linie suplimentară se extinde, care scrie: „Sistemul de vânzări este integrat chiar în Capo, așa că mai întâi descărcați programul și apoi, când sunteți gata să cumpărați, selectați „Comanda” din meniu.

După părerea mea, un astfel de sistem prea complicatȘi adăugarea unui buton „Cumpără” separat nu avea sens logic— era mai ușor să te joci vizual „Încearcă și cumpără” indicând prețul produsului.

Apropo, aceasta este în general un fel de „boală generică” a site-urilor pentru aplicații iPhone - aproape fiecare dintre ele suferă de un astfel de aspect al elementelor de vânzare.

Am decis să nu păcălesc deloc utilizatorul și folosind săgeți și pictograme simple, am construit un lanț, punând în el toate informațiile maxime:

„Basecamp -> acesta este un calendar + sarcini + comunicare și documente -> Alegeți un plan tarifar. 30 de zile de testare gratuită. Înregistrare în 60 de secunde. Dacă nu vrei acum, urmărește antrenamentul.”

Te rog noteaza asta utilizatorul este inițial obișnuit cu sistemul „săgeată”., evidențiind funcționalitatea serviciului în gri, dar indicația Call to Action este evidențiată separat cu negru aldine.

Și deși nu mi-a plăcut, textul de pe butoanele blocului Call to Action este ales absolut corect- orice utilizator, înainte de a petrece chiar și 3 secunde completând cel puțin un câmp, trebuie să primească un răspuns clar la întrebare - de ce am nevoie de el?

Acesta este exact principiul pe care îl folosește MailChimp.- „Înregistrează-te gratuit” -> „Nu știu de ce?” -> „Faceți clic și vă vom spune!”

Dar el a cedat în mod clar dorinței plasați principalul avantaj al serviciului în centrul paginii, dar din moment ce logica comună dictează - două îndemnuri pe o singură pagină nu se pot înțelege, a decis să îmbine afacerile cu plăcerea - și plasează „truc” și combină-l cu Call to Action.

Și pentru a concentra atenția vizitatorului, s-a decis să se folosească același lucru principiul săgeții, menită să indice că este nu doar un slogan, ci și un link către înregistrare.

Opinia ta?

Aceste apeluri la acțiuni se mențin? Se observă imediat pe pagină sau trebuie să le cauți? Care opțiune crezi că este cea mai eficientă?

Astăzi vom vorbi despre butoanele „Call to action” și apoi CTA. Elementele CTA, după cum sugerează și numele, încurajează utilizatorul să ia unele măsuri pe site. Cu toate acestea, designerii le tratează adesea cu dispreț. Înțelegerea principiilor în această chestiune va crește eficiența produsului finit. Din acest material veți învăța cum să creați corect un buton CTA.

Este important să aveți cel puțin o înțelegere de bază a modului în care culoarea, dimensiunea, conținutul și alți factori afectează conversia butonului CTA. Principiile în sine sunt destul de simple, dar trebuie aplicate în etapa de planificare a proiectării site-ului.

Scopul butoanelor de apel la acțiune

Butoanele CTA pot avea diferite funcții. La urma urmei, un „apel la acțiune” poate însemna orice. Dar principiul principal al butoanelor este să forțezi utilizatorul care a vizitat site-ul tău să ia o acțiune. De exemplu, adăugați un produs în coș, descărcați ceva, furnizați informații etc.

Deoarece apelul poate fi pentru orice acțiune, atunci când creați un buton trebuie să luați în considerare atât acțiunea în sine, cât și tipul de site și publicul țintă.

Tipuri de butoane de apel la acțiune

Există diferite tipuri de butoane CTA. Mai jos veți găsi cele mai comune tipuri, sortate după tipul de acțiune pe care îl încurajează pe utilizator să o întreprindă.

1. Adăugați în coș

Magazinele online folosesc de obicei o serie de butoane CTA, dar cele mai populare sunt butoanele „Adaugă în coș”. Aceste butoane sunt de obicei plasate pe paginile produselor și încurajează utilizatorul să cumpere un anumit produs. Acestea sunt de obicei concepute cu text scurt cu un apel la „Cumpără” sau „Adaugă în coș” și o pictogramă a unui card bancar sau a unui coș.

2. Descărcați

Butoanele „Descărcare” sunt similare cu tipul anterior prin faptul că oferă utilizatorului să intre în posesia articolului propus, adică să îl descarce. În cazul acestui tip de buton, designerii preferă să ofere utilizatorului mai multe informații adăugând, de exemplu, versiunea produsului și dimensiunea fișierului.

3. Versiune de încercare

Unele site-uri încearcă să intereseze clientul oferindu-i o versiune de probă a produsului. Acesta poate fi o descărcare gratuită sau un cont gratuit, în funcție de tipul de serviciu sau produs oferit. Unii designeri încearcă să fie conciși în designul butoanelor CTA de acest tip, în timp ce alții, dimpotrivă, oferă cu generozitate butonului informații suplimentare.

4. Aflați mai multe

Butoanele „Aflați mai multe” sunt adesea situate la sfârșitul blocului de informații teaser. Acestea sunt de obicei butoane simple, dar suficient de mari pentru a atrage atenția utilizatorului.

5. Înregistrare

Butoanele de înregistrare se găsesc cel mai adesea în două versiuni. În primul caz, butonul duce la formularul de înregistrare, în al doilea acționează ca un buton „Adaugă în coș”, oferindu-se să plătească contul și să-l folosească în viitor.

Există și alte tipuri de butoane CTA, dar cele mai multe dintre ele sunt similare cu cele enumerate mai sus. Iar principiile care se aplică butoanelor descrise mai sus se vor aplica cel mai probabil la majoritatea celorlalți.

Lucrul cu spațiul negativ

Probabil că doriți ca butoanele CTA de pe site-ul dvs. să iasă în evidență față de restul conținutului și să atragă atenția utilizatorului. Pentru a face acest lucru, utilizați spațiu negativ în jurul butoanelor. Creați aer între butoanele conținut și CTA. În unele cazuri (cum ar fi butoanele „Adăugați în coș”), această regulă poate fi ignorată, dar cel mai adesea va adăuga eficiență designului dvs.

Este important să nu uităm de echilibru. Trebuie să calculați spațiul negativ, astfel încât să pară proporțional cu dimensiunea butoanelor. Dorim ca butoanele și conținutul să arate ca o singură compoziție, chiar dacă le separăm unul de celălalt. Așa că, uneori, s-ar putea să fii nevoit să schimbi distanța.

• Asigurați-vă că există suficient spațiu în jurul butonului și că nu există dezordine în design.
• Încercați să utilizați regula treimii sau raportul de aur atunci când determinați dimensiunea spațiului negativ.
• Asigurați-vă că spațiul negativ permite butonului să iasă în evidență de restul conținutului și să fie separat de acesta.

Dimensiune si culoare

Mărimea butonului CTA este foarte importantă. Un buton prea mare va umbri restul conținutului; un buton prea mic se va pierde printre conținutul din jur. Avem nevoie ca butonul nostru să iasă în evidență de fundalul altor elemente, dar în același timp să nu le suprimăm vizual.

Culoarea trebuie folosită împreună cu mărimea. Pentru butoanele mari, alegeți o culoare mai puțin diferită de culoarea principală a designului dvs., dar ar trebui să fie totuși diferită de fundal. Pentru butoanele mai mici, utilizați culori strălucitoare care contrastează cu culoarea principală. Dar asigurați-vă că, în orice caz, culoarea butonului se încadrează în designul general și este combinată cu alte elemente.

• În mod ideal, butoanele CTA ar trebui să fie cele mai mari butoane de pe pagină.
• Folosiți culori contrastante pentru a evidenția butonul mic.
• Utilizați culori care contrastează mai puțin cu culoarea principală pentru a reduce vizual butonul mare.
• Butoanele CTA ar trebui să atragă atenția, dar să nu supraîncărce designul.

Text

Formularea exactă pe care o utilizați în textul butonului poate face o mare diferență. Comparați apelul „Cumpărați acum” cu apelul „Adăugați în coș”. Prima opțiune pare mult mai urgentă și chiar mai intruzivă. Mărimea textului este, de asemenea, importantă. De exemplu, dacă este necesar, textul „Încercați serviciul gratuit” poate fi înlocuit cu versiunea mai scurtă „Versiune de încercare”.

Textul pe care îl utilizați pentru a proiecta butoanele ar trebui să fie cât mai simplu și clar posibil. Este necesar ca utilizatorul să înțeleagă la prima vedere ce îl așteaptă după apăsarea butonului. Dacă are îndoieli din cauza ambiguității, s-ar putea foarte bine să pierdeți conversiile.

Nu uitați de dimensiunea textului. Fontul ar trebui să fie mare și vizibil, dar bineînțeles să fie combinat cu dimensiunea butonului în sine. Asigurați-vă că textul are suficient contrast și că este ușor de citit.

• Folosiți un limbaj simplu, ușor de înțeles.
• Utilizați un font mare, vizibil.
• Asigurați-vă că textul îndeamnă cu adevărat la acțiune.

Creați urgență

Dorim ca vizitatorii site-ului nostru să ia acțiunile pe care le dorim cât mai repede posibil. Și, deși nimeni nu va păcăli un vizitator, cu cât îi oferiți mai multe șanse de a gândi și de a compara, cu atât este mai probabil ca ei să primească un răspuns negativ.

Scopul nostru este să impresionăm utilizatorul că trebuie să acționeze chiar acum. Trebuie să-i încurajezi să acționeze imediat, spontan. Și deși nu toate butoanele CTA vor funcționa în acest fel (mai ales dacă vorbim despre achiziționarea unui produs scump), acțiunile ieftine sau gratuite ar trebui, în mod ideal, să fie efectuate de utilizator fără ezitare.

• Încurajați utilizatorul să acționeze imediat
• Nu oferi utilizatorului niciun motiv să se gândească de două ori.
• Deși efectul de urgență este important, nu induceți niciodată în eroare utilizatorul.

Informații suplimentare

Dacă este necesar, oferiți utilizatorului informații suplimentare despre ceea ce va primi făcând clic pe butonul CTA. Cel mai adesea, aceasta se referă la butoanele „Încercare” sau „Descărcare”. De obicei, în aceste cazuri sunt postate informații despre cât timp este valabilă versiunea de probă, cât cântărește fișierul pe care urmează să îl descărcați sau ce versiune a programului veți descărca.

Când plasați informații suplimentare pe un buton, asigurați-vă că îndemnul la acțiune rămâne în centrul atenției. Faceți textul apelului mai mare și informațiile suplimentare mai puțin vizibile.

• Adăugați la butoane numai informații care vor fi în mod clar utile utilizatorului.
• Informațiile suplimentare sunt adecvate numai pentru anumite tipuri de butoane CTA (de exemplu, „Încercare” și „Descărcare”).
• Asigurați-vă că îndemnul în sine este în continuare textul cel mai proeminent de pe butonul dvs.

O prioritate

Este necesar să se prioritizeze butoanele atunci când există mai multe dintre ele pe pagină. Puteți sublinia importanța unui element în diverse moduri, dar cel mai adesea acest lucru se face folosind culoarea și dimensiunea.

Utilizați o culoare care contrastează cu culoarea principală a designului pentru a sublinia importanța butonului. Utilizați culori mai puțin contrastante pentru a reduce vizual importanța butonului. Aceeași poveste cu dimensiunea. Evidențiați importanța butonului făcându-l mai mare și micșorându-l pentru a-i reduce prioritatea.

Icoane și imagini

Proiectarea butoanelor CTA cu pictograme poate ajuta, de asemenea, la creșterea conversiei. Un exemplu ar fi pictograma coș de pe butonul „Cumpără” sau săgeata de pe butonul „Descărcare”. Puteți utiliza, de asemenea, pictograme și imagini unice, dar asigurați-vă că acestea transmit cu exactitate scopul butonului și nu induc în eroare utilizatorul.

• Asigurați-vă că imaginea plasată pe buton ajută la înțelegerea scopului acestuia și nu derutează utilizatorul.
• Pictogramele ușor de recunoscut pot transmite instantaneu utilizatorului sensul butonului.
• Nu vă fie teamă să folosiți pictograme mai puțin populare, dar asigurați-vă că semnificația lor este clară.

Exemple

Mai jos veți găsi exemple de modele de butoane CTA de succes. Și deși unele dintre ele nu sunt proiectate conform tuturor principiilor de mai sus, majoritatea regulilor sunt încă respectate și butoanele funcționează eficient.

Jurnal de bord
Folosirea de culori diferite pentru butoanele Descărcare și Cumpărare le separă unele de altele și subliniază importanța butonului Cumpără.

Cititorii obișnuiți ai blogului nostru sunt foarte conștienți de ce este un „Buton de apel la acțiune” pe o pagină de destinație și de cât de important este rolul acestui element de interfață web în afaceri.

În noul nostru articol, vom vorbi despre cum să creați un buton de îndemn la acțiune extrem de eficient - garantat pentru a atrage atenția vizitatorilor și a maximiza rata de conversie și.

Tine minte! Butonul CTA ar trebui să pară un element legitim, natural și armonios al arhitecturii paginii de destinație. Un element CTA care pare „atașat în grabă” va indica involuntar vizitatorului neprofesionalismul dezvoltatorilor săi.

Metoda 1: Atrageți atenția utilizatorului prin creșterea dimensiunii butonului CTA.

Există o regulă nescrisă în web design: dimensiunea unui element de pagină este direct proporțională cu importanța acestuia, cu alte cuvinte, cu cât elementul este mai mare, cu atât rolul său pe pagină este mai semnificativ.

Exemplul 1: butonul de apel la acțiune este mai mare decât elementele din jur.

Să demonstrăm această metodă de a atrage atenția utilizatorilor folosind exemplul unei pagini de destinație din Lifetree Creative.

Deci, să comparăm dimensiunea butonului CTA cu dimensiunea unui alt element important al paginii - logo-ul companiei. Pentru a atrage atenția vizitatorilor, dezvoltatorii au făcut butonul cu 20% mai lat decât logo-ul. Astfel, designerii au obținut un rezultat lăudabil: în ciuda faptului că logo-ul este situat mai sus decât elementul CTA, ochii vizitatorilor sunt ca un magnet atrași de butonul de apel la acțiune, care se remarcă vizibil prin dimensiunea sa printre alte elemente ale pagina de destinație.

Exemplul 2: dacă pagina dvs. de destinație are mai multe butoane de îndemn, butonul mai important ar trebui să fie mai mare.

O pagină de destinație poate conține mai multe elemente de îndemn. Pentru a indica importanța relativă a unui apel la acțiune față de ceilalți, puteți redimensiona butoanele corespunzătoare.

Așa a luat viață acest concept pe site-ul paramore|redd - butonul care invită vizitatorul să se aboneze la newsletter este mult mai mare decât butonul „permite” utilizatorului să continue să citească blogul. Scopul de conversie al acestei pagini este clar și clar - abonament!

Metoda 2: Captați atenția utilizatorului folosind regulile binecunoscute de plasare a unui element CTA pe o pagină web.

Locul în care plasați CTA pe pagina de destinație este esențial pentru a atrage atenția vizitatorilor.

Plasarea butoanelor CTA în locuri proeminente, cum ar fi în partea de sus a unei pagini web, poate duce la creșterea conversiilor, deoarece utilizatorii sunt mai probabil să observe elementul de design și să ia măsuri pentru a încuraja conversia.

Exemplul 1: plasați îndemnul la acțiune „un nivel mai înalt” decât restul conținutului paginii de destinație.

O modalitate simplă, dar extrem de eficientă de a evidenția un element CTA este să-l plasați „deasupra suprafeței” paginii. Puteți vedea această idee pusă în practică pe site-ul dailymile, unde butonul de apel la acțiune pare să „zboare” deasupra altor elemente de pagină (diagrame). Un efect similar poate fi obținut cu ușurință atunci când așezați o pagină folosind Cascading Style Sheets (CSS).

Exemplul 2: CTA în partea de sus a paginii de destinație.

O modalitate dovedită, simplă, dar foarte eficientă de a atrage atenția utilizatorului este plasarea unui element CTA chiar în partea de sus a paginii, astfel încât să cadă cu siguranță în câmpul vizual al vizitatorului.

Exemplul 3: CTA în centrul vizual.

Un alt loc potrivit pentru a plasa un buton CTA este „centrul vizual”. Pentru a atrage atenția asupra butonului - situat exact în mijlocul dimensiunii orizontale a paginii - puteți folosi și alte elemente de design care îl flanchează.

Această metodă a funcționat excelent pentru pagina PicsEngine, dar rețineți că locația pe care o alegeți nu trebuie să fie prea departe de partea de sus a paginii web.

Metoda 3: Folosiți spațiu alb.

Utilizarea spațiului alb (spațiu gol sau „mort”) funcționează excelent pe paginile de destinație unde există o mulțime de alte elemente în jurul butonului CTA.

Exemplul 1: Folosiți spațiul alb pentru a evidenția vizual un îndemn.

Folosind exemplul paginii de destinație a serviciului IconDock, este ușor de observat cât de eficientă este această metodă: un buton mic de o culoare modestă gri deschis atrage ferm atenția.

Exemplul 2: Reduceți spațiul alb pentru a indica o relație logică între două elemente ale paginii.

Cu cât decalajul dintre butonul de îndemn și oricare dintre elementele paginii din jur este mai mare, cu atât conexiunea logică dintre ele este mai puțin vizibilă. Dacă utilizați alte elemente ale paginii de destinație pentru a convinge utilizatorul să întreprindă acțiunea dorită, reducerea spațiului alb cu aceste elemente și butonul CTA este o mișcare inteligentă.

De exemplu, pe pagina companiei Donor Tools, lângă butonul de apel la acțiune, există o listă de beneficii pe care le primește abonatul. Prin reducerea decalajului dintre lista de beneficii și CTA, aceste două elemente sunt combinate într-un grup vizual care sporește impactul apelului printr-o conexiune logică clară între acțiune și beneficiile primite.

Metoda 4: Folosiți culori cu contrast ridicat pentru a crea și evidenția CTA.

Asigurați-vă că decideți singur ce culori veți folosi - acest lucru este foarte important. Cel mai sigur mod de a atrage atenția este să folosești culori care contrastează clar cu elementele care înconjoară butonul CTA și fundalul paginii.

Exemplul 1: Folosiți culori care contrastează cu elementele paginii din jur.

Iată un exemplu grozav în acest sens pe o pagină de destinație Notepod: toate elementele din jur sunt negre, în timp ce apelul la acțiune este albastru strălucitor. Cel mai neatent utilizator nu va rata butonul dorit. :)

Exemplul 2: Utilizați contrastul între culoarea butonului și culoarea fundalului din jur.

Această metodă este simplă și eficientă: plasați butonul într-o culoare deosebit de strălucitoare (de exemplu, galben spectral) deasupra unei imagini de fundal alb-negru sau monocrom, așa cum au făcut, de exemplu, creatorii acestei pagini.

Metoda 5: Invitați vizitatorul să folosească un buton de apel la acțiune suplimentar/alternativ.

Mai multe elemente de îndemn la acțiune pot coexista în mod pașnic pe o pagină web. În practică, se poate întâmpla să fie nevoie să mai oferi vizitatorului o acțiune suplimentară, pentru a-l convinge să efectueze mai târziu acțiunea principală dorită.

Această tehnică este utilizată în principal pe site-uri web. Când creați pagini de destinație, este mai bine să respectați principiul dovedit: „O singură pagină de destinație, un element de îndemn”.

De exemplu, înainte de a se abona la serviciile unui serviciu web, un utilizator poate dori să primească informații mai detaliate despre prețurile și metodele de plată existente pentru servicii.

Oferă-i această oportunitate instalând un alt buton CTA pe pagină care îi permite vizitatorului, de exemplu, să vizioneze un videoclip în care se explică politica de preț a acestui serviciu.

Exemplul 1: plasarea unui element secundar lângă butonul CTA principal.

Site-ul web OfficeVP afișează două butoane de îndemn unul lângă celălalt. Butoanele sunt proiectate în culori contrastante, făcându-i mai ușor pentru vizitator să înțeleagă că li se oferă două cursuri diferite de acțiune: fie înregistrați-vă acum, fie efectuați o acțiune secundară - aflați mai multe în timpul turului educațional gratuit.

Vă rugăm să rețineți: aici butonul pentru acțiunea principală dorită este localizat în conformitate cu regula clasică a percepției informației - linia este citită de utilizator de la stânga la dreapta, ceea ce înseamnă că primul cuvânt din linie (în cazul nostru, butonul) vor primi atenție maximă din partea vizitatorului.

Pagina de destinație Transmissions a folosit o abordare diferită pentru a plasa orizontal două elemente de îndemn. Butonul principal de acțiune - evidențiat într-o culoare contrastantă - este situat în spatele elementului CTA suplimentar. Cu toate acestea, această aranjare a elementelor este complet justificată: o acțiune suplimentară (descărcarea unei versiuni de încercare gratuită a aplicației), dacă este efectuată mai întâi, poate împinge vizitatorul să efectueze acțiunea principală propusă pe pagină - plata pentru versiunea cu funcții complete. a programului testat.

Exemplul 2: plasați un element CTA secundar sub butonul principal de îndemn la acțiune.

Acest tip de plasare poate fi util dacă doriți să îmbunătățiți separarea vizuală a îndemnurilor dvs. principale și secundare.

Vă rugăm să rețineți: acțiunea suplimentară este evidențiată prin utilizarea unui fundal „întunecat” (comparativ cu restul spațiului paginii).

Metoda 6: Grăbește-ți vizitatorul paginii.

Lăsați butoanele de apel la acțiune „să vorbească” pe un „ton de comandant” încrezător și peremptoriu. Utilizatorul trebuie să se gândească că, dacă nu răspunde imediat la apelul dumneavoastră, va pierde o oportunitate unică de a profita de oferta dumneavoastră.

De exemplu, pe pagina tap tap tap.com, ideea de „a grăbi utilizatorul” a fost implementată într-un mod foarte ingenios: plasată în imediata apropiere a butonului CTA cu apelul „cumpără acum”, se arată în anunț. că produsele sunt supuse unui anumit „preț de pornire”.

Aici este implicat un mecanism destul de subtil de creare a „anticipării anxioase”: juxtapunând cuvintele „acum” și „preț de pornire”, utilizatorul începe să bănuiască că riscă să plătească mai mult dacă plătește produsul mai târziu, la „prețurile de pornire”. (pe care cumpărătorul îl asociază subconștient cu începutul cea mai simplă numărătoare inversă de la numere mici la numere mari: 1, 2, 3...) cu siguranță se va schimba în sus. ;)

Și, bineînțeles, când vii cu o legendă de plasat pe butonul de îndemn, nu uita de cuvintele puternice „convingătoare”: „acum”, „imediat”, „chiar acum”, etc.

Metoda 7: Spuneți utilizatorilor că acțiunea pe care o sugerați este ușor și simplu de efectuat.

Adesea, ezitarea utilizatorilor de a vă accepta sau nu propunerea provine din faptul că aceștia presupun că acțiunea pe care o propuneți va avea ca rezultat o pierdere de timp, efort și bani pentru ei. Cu toate acestea, puteți rezolva această problemă plasând text pe butonul CTA care va crea încredere în rândul vizitatorilor dvs. că acțiunea pe care o propuneți va fi ușor și simplu de finalizat.

De exemplu, pe pagina de destinație Basecamp, textul de pe butonul de îndemn la acțiune indică clar timpul necesar utilizatorului pentru a se înscrie (60 de secunde) și explică că un abonament de probă de 30 de zile este gratuit.

Acesta este un punct foarte important, încercați să nu uitați de el: atunci când „proiectați” legenda pentru elementul dvs. CTA, nu uitați să menționați versiunile gratuite ale produselor sau perioadele de înregistrare, dacă există, și convingeți utilizatorul că se înregistrează pe resursa dvs. nu-i va lua mult timp.

Metoda 8: explicați în mod deschis și detaliat utilizatorilor ce vor obține folosind butonul CTA.

Iată ultimul sfat, ultimul ca număr pe listă, dar nu în ultimul rând ca importanță: câștigă încrederea vizitatorilor tăi spunându-le în detaliu și deschis ce vor primi dacă răspund la oferta ta.

Specialiștii Mozilla Firefox, de exemplu, au putut plasa pe suprafața butonului pentru descărcarea aplicației toate cele mai necesare informații utilizatorilor: informații despre costul produsului (gratuit), informații despre versiunea produsului oferit (web versiunea de browser 3.5.3, concepută pentru sistemul de operare Windows cu o interfață în limba engleză) și dimensiunea fișierului de instalare descărcat (7,7 MB).

Iată cum arată cu adevărat grija de vizitatorul paginii de destinație.

Și nu uitați principalul lucru: testați fiecare schimbare pe care o faceți.

Se știe că toate mărcile mai mult sau mai puțin cunoscute de pe piața americană sunt pur și simplu „obsedate” de a-și testa resursele de internet. Înțelegerea faptului că o creștere cu 0,5% a conversiilor poate genera mii de dolari suplimentari în profit anual este o motivație excelentă pentru optimizarea ratei de conversie a paginii de destinație/site-ului.

7 septembrie 2012 la 12:56

Cum să scrieți îndemnuri care vor crește conversia (cu exemple)

• Cameră de cherestea

Ce trebuie să înțelegeți despre CTA

Îndemnurile dvs. reprezintă punctul de răsturnare între abandon și conversie. Când îi ceri cuiva să facă ceva online, trebuie să facă clic pe CTA - indiferent dacă îi ceri să descarce un pdf, să completeze un formular, să cumpere un produs sau să meargă pur și simplu pe o altă pagină.

Forma și culoarea sunt indicii vizuale importante și ajută la atragerea atenției asupra plasării butonului. Dar în acel ultim moment critic în care clientul trebuie să ia o decizie, acesta este textul butonului cu care va interacționa.

Modificare minoră în pagină = Impact semnificativ asupra ratei de conversie

O ușoară îmbunătățire a textului butonului este o modificare minoră a paginii în ansamblu. Cu toate acestea, are un impact semnificativ asupra procesului de luare a deciziilor potenţialilor dvs. şi, prin urmare, afectează conversia.

Iată un exemplu dintr-un studiu de caz în care schimbarea unui cuvânt în CTA pe un site B2B (wiki) a dus la o creștere de 38,26% a conversiilor.

Clientul avea un portal prin care oamenii de afaceri au găsit birouri de închiriat. Site-ul a oferit mii de birouri pe care potenţialii cumpărători să le poată vizualiza. Când clienții au găsit un birou potrivit, au fost nevoiți să facă clic pe CTA principal (situat pe toate paginile) pentru a primi un e-mail cu mai multe informații despre oferta de închiriere.

Aceasta înseamnă că clicurile pe CTA sunt un obiectiv de conversie esențial și fiecare clic suplimentar înseamnă potențial mai mulți bani în cont.

Totul este despre valoare și relevanță

În exemplul de mai sus, am văzut cum un cuvânt a avut un impact puternic asupra conversiei. Întrebare - „De ce o schimbare atât de mică creează brusc un asemenea impact?”

Răspunsul este în mesajul butonului. „Comanda” subliniază ceea ce trebuie să faci – nu ceea ce vei primi. În același timp, „Obține” subliniază ceea ce vei obține mai degrabă decât ceea ce trebuie să faci pentru a-l obține. Cu alte cuvinte, interpretarea textului reflectă sensul.

Dar reflectarea sensului nu este întotdeauna suficientă. Pentru a obține un efect complet, textul butonului dvs. trebuie să se bazeze, de asemenea, pe scenariul de conversie specific în care se va găsi clientul dacă face clic pe buton.

Pentru a ilustra acest lucru, uitați-vă la un exemplu în care un CTA care transmite doar semnificația are performanțe semnificativ mai slabe decât un buton care transmite atât sensul, cât și relevanța acestuia.

Aici clientul este un site de eseuri popular. Paginile lor de destinație (wiki) includ un anunț al eseului, iar scopul lor este de a-i determina pe potențialii clienți să facă clic pe pagina de abonament.

În ciuda faptului că „Obțineți acces instantaneu acum” transmite sens (ați putea spune „Cumpărați acces”), nu este comparabil cu „Citiți eseul complet acum”.
Acest CTA este plasat pe peste 120.000 de pagini de destinație, așa că utilizarea corectă a acestuia este esențială pentru conversia generală a site-ului.

Mai sus este un alt exemplu care arată cum adăugarea relevanței unui CTA are un efect impresionant asupra conversiilor - în acest caz, o creștere de 68%.

Clientul a dorit să rămână anonim, dar pot spune că acesta este un mare lanț de săli de sport din Scandinavia. Exemplul este preluat dintr-o pagină de destinație PPC (wiki) în care scopul este de a determina un potențial client să facă clic pe un proces de finalizare a comenzii în care poate selecta o sală de sport și poate înscrie pentru un abonament.

Versiunea de control este deja destul de bună pentru că are sens și se concentrează pe ceea ce vei obține - nu pe ceea ce trebuie să faci pentru a o obține. Cu toate acestea, acest lucru este foarte general, „Obțineți calitatea de membru” poate fi aplicat în orice situație în care calitatea de membru este implicită.

Am făcut câteva cercetări și am descoperit că locația este un factor foarte important în a decide dacă să mă alăture ceva. Deci, în acest caz, puteți face CTA mai relevant pentru scenariul dvs. de conversie specific și puteți crește conversiile adăugând „Găsiți sală de sport” (Primul pas în procesul de finalizare a comenzii include o listă completă a locațiilor sălii de sport).

Concluzii din analize: 4 ani de cercetare au dus la un principiu simplu de optimizare

Exemplele din acest subiect sunt doar o parte din numeroasele teste de buton pe care le-am efectuat în ultimii 4 ani. Cu toate acestea, ele reflectă foarte bine rezultatele pe care le-am văzut iar și iar.

Toate cercetările pe care le-am făcut pot fi condensate într-un singur principiu simplu de optimizare:
Semnificație + Relevanță = Mai multe conversii

Este într-adevăr foarte simplu. Cu cât puteți transmite mai multă semnificație și relevanță prin CTA, cu atât este posibil să obțineți mai multe conversii. Desigur, este important să nu vă dezamăgiți clienții potențiali făcând afirmații scandaloase pe care nu le puteți susține. Așadar, faceți-vă copia relevantă și concentrați-vă pe beneficiul clicului - dar nu exagerați.

Ce ar trebui să faci acum?

Căutați prin site-urile dvs. și căutați CTA-uri care conțin textul tipic „Descărcați” și „Trimiteți” sau ceva negativ, cum ar fi „Cumpărați acum”, care implică ceea ce trebuie să faceți în loc de ceea ce doriți să primiți.

Când găsiți un CTA pe care doriți să îl optimizați, puneți-vă două întrebări:
- Care este motivația clientului de a apăsa acest buton?
- Ce va primi clientul dacă face clic pe el?

Răspunsurile la aceste două întrebări vor sta la baza noului text al butonului. Desigur, veți petrece timp îmbunătățindu-l și perfecționându-l înainte de a fi gata pentru teste, dar aceste întrebări sunt o modalitate excelentă de a începe.

Să luăm exemplul apartenenței la un club sportiv:
- Motivația clientului este de a deveni membru al unei săli de sport locală.
- Când va apăsa butonul, va avea ocazia să găsească o sală de sport și să se înscrie.

Textul butonului: „Găsiți o sală de sport și obțineți un abonament”

Câteva inspirație pentru următoarele CTA

Iată câteva exemple de îndemnuri comune de evitat și câteva idei de text alternativ:

Este timpul să începem optimizarea!

Acum aveți un ghid complet pentru a scrie CTA care cresc conversiile, este timpul să începeți optimizarea. Dar amintiți-vă - testați întotdeauna. Acesta este singurul mod de a fi sigur că obții rezultate pozitive din schimbările tale.