En una web d'empresa, el botó de crida a l'acció (CTA) és el punt on el visitant decideix si continua mirant o dóna el pas: demanar pressupost, reservar cita, descarregar una guia o contactar. Un CTA mal escrit, amagat o genèric deixa diners sobre la taula cada dia.
Aquí tens com redactar, dissenyar i ubicar botons CTA que converteixen, amb exemples pràctics per a negocis de serveis, comerç i B2B.
Per què el CTA és més important del que sembla
La majoria de webs tenen algun botó de «Contacte» o «Més informació». El problema no és tenir-lo, sinó que no comunica un benefici concret, no destaca visualment o apareix massa tard a la pàgina.
Un CTA feble genera tres costos directes: menys clics cap a formularis, menys sol·licituds de pressupost i més abandonament en pàgines clau com serveis o landing. Si la teva pàgina d'inici no guia cap a una acció clara en els primers segons, perds oportunitats abans que llegeixin la proposta.
Com escriure un CTA que convidi a actuar
Verb + resultat. «Sol·licitar pressupost» o «Reservar trucada gratuïta» funcionen millor que «Enviar» o «Més informació» perquè diuen què obté la persona.
Especificitat. «Veure preus de disseny web» supera «Veure serveis» quan el visitant ja sap què busca.
Reduir fricció. Afegeix un matís que tregui por: «Sense compromís», «Resposta en 24 h» o «Pressupost gratuït».
Una acció principal per pantalla. Si competeixen tres botons del mateix pes visual, l'usuari no en tria cap.
Disseny visual: que es vegi i es premi
El color del CTA ha de contrastar amb el fons i la resta de la interfície. En moltes webs corporatives, un to d'accent (taronja, verd o blau intens) sobre fons clar funciona bé.
Mida i àrea clicable. En mòbil, apunta a un mínim de 44 px d'alçada. Botons massa petits o enganxats a altres enllaços generen errors i frustració.
Jerarquia primari / secundari. Un botó sòlid per a l'acció principal i un contorn o enllaç per a la secundària («Veure casos d'èxit» davant «Demanar pressupost»).
Evitar soroll. Ombres exagerades, animacions constants o textos llargs dins del botó resten claredat.
On col·locar els CTAs a la teva web
Hero (primera pantalla). El visitant ha de veure la proposta de valor i el CTA principal sense fer scroll. Si vens serveis, «Sol·licitar pressupost» o «Agendar trucada» sol encaixar millor que un genèric «Contacte».
Després de beneficis o prova social. Després d'explicar què guanya el client o mostrar testimonis, repeteix el CTA: és el moment de màxima confiança.
Pàgines de serveis i preus. Qui arriba aquí ja està comparant. Facilita el següent pas amb un CTA visible i coherent amb el que acaba de llegir.
Menú i peu de pàgina. El contacte ha d'estar a un clic en tot moment. Si el teu menú de navegació amaga el formulari, el CTA de la capçalera compensa en part, però no substitueix una estructura clara.
CTA en mòbil: regles diferents, mateixa urgència
En pantalles petites, el CTA principal pot anar fix al final (sticky bar) o repetir-se després de cada bloc important. Evita obligar a scroll infinit per trobar com contactar.
Prova el botó amb el polze: si està en una cantonada incòmoda o competeix amb el menú hamburguesa, baixa la taxa de clic. Les landing pages de campanya solen funcionar millor amb un sol CTA repetit que amb múltiples destinacions.
Errors freqüents que maten la conversió
«Enviar» o «Clica aquí». No comuniquen valor ni següent pas.
Massa CTAs competint. Tres botons del mateix tamany al hero dilueixen l'atenció.
CTA que no coincideix amb la pàgina. Si el botó diu «Descarregar catàleg» però porta al formulari de contacte, es trenca la confiança.
Amagar el CTA darrere pop-ups o banners de cookies. Revisa que el consentiment de cookies no tapï el botó principal en mòbil.
No mesurar. Sense dades no saps si el problema és el text, el color o la ubicació.
Com mesurar si els teus CTAs funcionen
A Google Analytics 4, configura esdeveniments de clic en botons clau o usa enllaços amb paràmetres UTM cap a la pàgina de contacte. Compara:
• Taxa de clic del CTA del hero davant el del peu.
• Conversions per pàgina d'aterratge.
• Diferència mòbil vs escriptori.
En mapes de calor (Hotjar, Clarity), observa si els usuaris arriben al CTA i l'ignoren — senyal de copy o disseny feble — o si abandonen abans — senyal d'ubicació o missatge previ insuficient.
Checklist ràpid abans de publicar canvis
□ Un CTA principal clar a la primera pantalla.
□ Text amb verb + benefici, sense jerga interna.
□ Contrast suficient i mida còmoda en mòbil.
□ Enllaç o formulari que compleix el que promet el botó.
□ CTA repetit després de beneficis o testimonis en pàgines llargues.
□ Mesuració activa de clics i conversions.
Vols millorar els CTAs de la teva web?
A aatsoft dissenyem webs d'empresa pensades per convertir: copy clar, botons visibles i recorregut coherent en mòbil i escriptori. Si la teva web rep visites però pocs contactes, explica'ns el teu projecte i et proposem millores concretes en CTAs, estructura i formularis.
