Crida a l'acció al teu web: el botó que decideix si t'escriuen

Diumenge, deu de la nit. L'escalfador d'una casa de Palamós ha començat a gotejar i el propietari no vol esperar a dilluns per buscar lampista. Obre tres webs. Al primer, el telèfon és al peu, després de quatre pantalles de text. Al segon, l'únic botó diu «Saber-ne més» i porta a una altra pàgina igual de llarga. Al tercer, només entrar, hi ha un botó verd que diu «Escriu-nos per WhatsApp» i, a sota, en petit, «Et contestem demà abans de les 9». Escriu al tercer. Aquell botó i aquella frase són una crida a l'acció, i és una de les peces que més es descuiden als webs dels negocis petits.

Què és una crida a l'acció (i què no ho és)

Una crida a l'acció, en anglès call to action o CTA, és el que diu a qui és al teu web què ha de fer a continuació: «Demana pressupost», «Reserva hora», «Truca'ns», «Escriu-nos per WhatsApp». Gairebé sempre és un botó, de vegades un enllaç, i la seva feina és molt concreta: que qui ja està convençut faci el pas sense haver de pensar com.

No és l'eslògan de la portada, ni un «No t'ho perdis!» amb tres signes d'exclamació. Tampoc és una finestra que salta als tres segons i tapa el que estaves llegint. S'assembla més al dependent que et diu «si vols, t'ho apunto» just quan dubtes que al que et persegueix per la botiga.

El text del botó: que digui què passa quan el prems

La fallada més habitual és al text del botó: «Enviar», «Més informació», «Contactar», «Començar». Són paraules que serveixen per a qualsevol web del món i per això no diuen res a ningú.

El Nielsen Norman Group, que fa dècades que estudia com fa servir la gent els webs, ho va comprovar amb un dels botons més repetits d'internet. Al seu article «"Get Started" Stops Users» expliquen que l'etiqueta és tan ambigua que cada visitant s'imagina que el portarà al que busca, i es frustra quan no és així. El que la gent volia saber abans de prémer era una altra cosa: què oferia l'empresa, quant costava i a què es comprometia. Un dels participants ho va dir clar: l'únic que volia era el preu, i si li agradava, ja trucaria.

La solució és escriure al botó el que passa quan el prems:

• «Enviar» → «Demana el teu pressupost».
• «Més informació» → «Veure preus».
• «Contactar» → «Escriu-nos per WhatsApp».
• «Reservar» → «Reserva hora per a aquesta setmana».

I si el que més et pregunten és el preu, tenir-lo a prop del botó ajuda més que qualsevol verb ben triat. Quan convé i com fer-ho ho expliquem a posar els preus al web?

La línia petita que va a sota

A sota del botó hi cap una frase que treu la por de prémer: «Sense compromís», «Et contestem el mateix dia», «Només et demanem el telèfon». Respon el dubte que té la persona just en aquell moment, que és què li passarà si prem. Amb l'escalfador gotejant, saber que algú respondrà a primera hora és el que va fer que triés el tercer web. Al carrer ho fa el cartell de la porta quan diu «passa, estem oberts»: convida i treu el dubte alhora.

On posar la crida a l'acció

Hi ha tres llocs que gairebé mai fallen:

1. A la primera pantalla del mòbil. Qui entra amb pressa ha de veure el botó sense baixar. Si per trobar com contactar cal arribar al peu, una part de la gent no hi arriba.
2. Després de cada bloc que convenç. Després dels preus, de les opinions de clients, de l'explicació d'un servei. És on algú decideix, i si per prémer ha de tornar a dalt, se li passen les ganes.
3. Al final de la pàgina. Qui ha llegit fins a baix està interessat de debò. Que no es trobi un peu de pàgina buit.

Al mòbil també funciona una barra fixa a baix amb dos botons, trucar i WhatsApp, sempre que sigui estreta i no tapi el text que s'està llegint.

Les finestres emergents, amb molta cura

La finestra que salta en entrar per demanar el correu també és una crida a l'acció, però de les que molesten. Google ho explica a la seva documentació sobre intersticials i quadres de diàleg: el que impedeix veure el contingut dificulta que els cercadors entenguin la pàgina i pot empitjorar el rendiment del lloc a la Cerca. El que recomana en lloc seu són bàners que ocupin una part petita de la pantalla.

Si en fas servir una, que es tanqui amb un toc i que no torni a sortir a cada pàgina. En aquest web en tenim una per a la llista d'espera del Kit Digital: es tanca a la primera i no reapareix en les 24 hores següents.

Una acció principal per pàgina

Cada pàgina ha de tenir un objectiu. A la d'un servei, demanar pressupost. A la portada d'una perruqueria, reservar hora. En una landing page, una sola cosa i prou. Quan una pàgina en demana cinc alhora («truca'ns», «escriu-nos», «subscriu-te», «segueix-nos a Instagram», «descarrega el catàleg»), el normal és que el visitant no en faci cap.

Això no vol dir treure les altres opcions. Vol dir que n'hi ha una que mana: és el botó gran, amb el color que no es fa servir per a res més, i les altres queden com a enllaços de text o botons més discrets. La pàgina de contacte és l'excepció, perquè allà la persona ja ha decidit escriure't i només tria com.

Que es vegi i que es pugui prémer amb el dit

Un botó ha de semblar un botó: forma de botó, un color que destaqui sobre la resta de la pàgina i aire al voltant. Un text subratllat dins d'un paràgraf serveix com a enllaç, però no com a botó de crida a l'acció.

Al mòbil, a més, hi ha de cabre el dit. Les pautes d'accessibilitat del W3C, les WCAG 2.2, fixen al criteri 2.5.8, mida de l'objectiu (mínim), que la zona que es prem faci com a mínim 24 per 24 píxels CSS, amb excepcions, perquè ningú activi sense voler el botó del costat. És un mínim. Per al botó que més t'importa, apunta força més gran i deixa espai entre el de trucar i el de WhatsApp. Aquesta i altres pautes les repassem a accessibilitat web.

La crida a l'acció per WhatsApp, ben feta

Molta gent prefereix escriure a trucar, i més fora d'horari. Un botó de WhatsApp ben muntat té tres detalls:

• Obre la conversa amb un missatge ja escrit. Els enllaços de WhatsApp, els que comencen per wa.me, permeten deixar el primer missatge preparat. En aquest web, per exemple, el botó obre el xat amb «Hola, voldria més informació» i només cal prémer enviar. Pots anar més enllà i posar de quina pàgina ve: «Hola, vinc de la pàgina de reformes de bany».
• Diu quan contestaràs. «Responem de 9 a 19 h» o «et contestem el mateix dia». Qui escriu a les deu de la nit es queda tranquil i no en busca un altre.
• No substitueix el formulari. Hi ha clients que no fan servir WhatsApp per a aquestes coses o que prefereixen el correu. El formulari de contacte continua fent falta, i ha de funcionar.

Després cal contestar ràpid. Una crida a l'acció perfecta serveix de poc si el missatge es queda un dia sense resposta. Per què el temps de resposta decideix tantes vendes ho expliquem a quant trigues a contestar.

Com saber si la teva crida a l'acció funciona

No cal endevinar. Amb l'analítica web es pot comptar cada cop que algú prem un botó: quantes vegades es toca el de WhatsApp, quantes el de trucar i des de quines pàgines. Si ho compares amb les visites de cada pàgina, veus on es convenç la gent i on marxa.

Si canvies alguna cosa, canvia'n una sola cada vegada, el text o el lloc del botó, i espera a tenir prou visites abans de treure conclusions. En un web petit això poden ser unes quantes setmanes. I pregunta a qui t'escriu com t'ha trobat: és la mesura més barata que hi ha.

Cinc botons que veiem sovint i com els canviaríem

1. Un «Enviar» al final del formulari. Millor «Demana el teu pressupost» o «Envia la teva consulta», que diuen què passa.
2. El telèfon, només al peu. Puja'l a la capçalera i, al mòbil, que es pugui prémer per trucar directament.
3. «Més informació» a tots els botons. Si porta als preus, «Veure preus». Si porta a un servei, el nom del servei.
4. El butlletí com a botó principal d'una pàgina de servei. Qui mira una reforma vol un pressupost, no un butlletí. El butlletí va al peu.
5. Un botó del mateix color que tota la resta. Si al teu web tot és blau, el botó principal no pot ser blau també. Tria un color que només facis servir per a això.

Quant costa un web amb els botons ben posats

Les crides a l'acció no es cobren a part: van dins de com fem cada web. Cada pàgina surt amb la seva acció principal i amb el botó de WhatsApp a mà, igual que la que estàs llegint. Els preus els tens publicats a preus:

• La teva Landing, 100 € al mes: una sola pàgina que explica què fas i recull contactes, amb hosting d'alt rendiment i una bústia de correu.
• El teu Web, 200 € al mes: fins a deu subpàgines, hosting, dues bústies de correu i un article al mes per mantenir la presència.

Tot més IVA i sense permanència: es factura mes a mes i es pot parar avisant amb trenta dies. Si a més vols que algú s'ocupi que et trobin a Google, a les IA i als anuncis, hi ha els plans de presència, des de 400 € al mes.

Et diem quin botó canviaríem primer

Som tres socis i treballem al Palau Firal de Sant Antoni de Calonge, al costat de Palamós, amb negocis de tota la província de Girona i de Barcelona.

Envia'ns l'adreça del teu web per WhatsApp. L'obrim al mòbil com ho faria un client i et diem quina crida a l'acció canviaríem primer i per què. Sense compromís. Si ho prefereixes, escriu-nos des del formulari de contacte.