{"id":90261,"date":"2016-02-19T08:19:43","date_gmt":"2016-02-19T08:19:43","guid":{"rendered":"https:\/\/vwo.com\/blog\/conversion-rate-optimization-tips-saas-website\/"},"modified":"2025-04-30T10:03:49","modified_gmt":"2025-04-30T04:33:49","slug":"dicas-otimizacao-taxa-de-conversao-site-saas","status":"publish","type":"post","link":"https:\/\/vwo.com\/blog\/br\/dicas-otimizacao-taxa-de-conversao-site-saas\/","title":{"rendered":"Aumente as convers\u00f5es no seu site SaaS com estas dicas de otimiza\u00e7\u00e3o da taxa de convers\u00e3o"},"content":{"rendered":"\n

N\u00e3o importa o qu\u00e3o \u00fatil seja o seu produto SaaS, ele n\u00e3o valer\u00e1 muito se voc\u00ea n\u00e3o convencer as pessoas a assin\u00e1-lo.<\/p>\n\n\n\n

O diferencial das empresas SaaS \u00e9 o fato de que seu produto \u00e9 adquirido e acessado no ambiente on-line. \u00c9 a partir de seu site que os potenciais clientes come\u00e7am a avaliar a solu\u00e7\u00e3o e, eventualmente, tomam a decis\u00e3o de adquiri-la ou n\u00e3o.<\/p>\n\n\n\n

Basta entender que um volume significativo de clientes pertence \u00e0 categoria PME (a menos que o produto seja totalmente destinado a empresas de grande porte) para perceber a import\u00e2ncia de um site SaaS na gera\u00e7\u00e3o de leads. A taxa de convers\u00e3o<\/a> dele \u00e9 um fator cr\u00edtico para o crescimento dos neg\u00f3cios. Por isso, a otimiza\u00e7\u00e3o cont\u00ednua \u00e9 fundamental.<\/p>\n\n\n\n

Download gr\u00e1tis: Guia de otimiza\u00e7\u00e3o da taxa de convers\u00e3o<\/em><\/strong><\/a><\/h2>\n\n\n\n

Neste artigo, reunimos as principais dicas de otimiza\u00e7\u00e3o da taxa de convers\u00e3o (CRO) para que voc\u00ea comece a otimizar o seu site SaaS<\/a>.<\/p>\n\n\n

P\u00e1gina inicial<\/strong><\/h2>\n\n\n

A maioria dos visitantes que chega ao site se depara com sua p\u00e1gina inicial. Este \u00e9 o local em que os usu\u00e1rios formam sua opini\u00e3o sobre o site e o produto oferecido.<\/p>\n\n\n\n

\u00c9 na p\u00e1gina inicial que voc\u00ea apresenta os motivos para convencer os visitantes de que o seu produto\/solu\u00e7\u00e3o \u00e9 adequado para eles, atraindo-os para o seu funil de vendas.<\/p>\n\n\n\n

Abaixo, listamos dicas que v\u00e3o ajudar voc\u00ea a melhorar a sua p\u00e1gina inicial.<\/p>\n\n\n

Apresente uma proposta de valor clara<\/strong><\/h3>\n\n\n

A p\u00e1gina inicial de SaaS permite que voc\u00ea posicione sua marca\/produto diante dos seus potenciais clientes. Os visitantes que chegam \u00e0 sua p\u00e1gina inicial devem identificar instantaneamente qual \u00e9 o valor que voc\u00ea tem a oferecer.<\/p>\n\n\n\n

Sua p\u00e1gina inicial precisa destacar a proposta de valor<\/a> do seu produto de forma clara e sucinta.<\/p>\n\n\n\n

Veja este exemplo do Pitch Deck:<\/p>\n\n\n

\n
\"homepage
Fonte da imagem: Pitch Deck<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

A proposta de valor \u00e9 n\u00edtida, resumida em apenas quatro palavras (\u201cApresenta\u00e7\u00f5es que entregam resultados\u201d, na tradu\u00e7\u00e3o livre em portugu\u00eas) e impactante. O texto de apoio tamb\u00e9m \u00e9 breve, mas detalha a proposta de valor de maneira eficiente.<\/p>\n\n\n\n

Al\u00e9m disso, a p\u00e1gina inicial da empresa apresenta uma imagem de fundo real, refor\u00e7ando o contexto em que a solu\u00e7\u00e3o atua. (Descubra por que voc\u00ea precisa testar as imagens<\/a> no seu site).<\/p>\n\n\n\n

Juntamente com a proposta de valor, a p\u00e1gina inicial apresenta um call-to-action (CTA) em destaque, estimulando os visitantes a experimentarem o produto imediatamente.<\/p>\n\n\n

Insira elementos de prova social<\/strong><\/h3>\n\n\n

A prova social estimula o chamado efeito manada<\/a>.<\/p>\n\n\n\n

A inser\u00e7\u00e3o de prova social sempre foi uma das estrat\u00e9gias essenciais de CRO<\/a>. Ela ajuda a convencer os visitantes de que outras pessoas confiam, usam e endossam um produto.<\/p>\n\n\n\n

Existem diferentes elementos de prova social que voc\u00ea pode empregar na p\u00e1gina inicial da sua empresa SaaS.<\/p>\n\n\n

Lista de grandes clientes<\/strong><\/h4>\n\n\n

Mostre aos visitantes que eles estar\u00e3o bem acompanhados se escolherem o seu produto.<\/p>\n\n\n\n

Apresente uma lista das principais marcas que fazem parte da sua base de clientes.<\/p>\n\n\n

N\u00famero de usu\u00e1rios<\/strong><\/h4>\n\n\n

Se voc\u00ea tem um n\u00famero elevado de usu\u00e1rios\/clientes, \u00e9 uma boa ideia exibi-lo na sua p\u00e1gina inicial.<\/p>\n\n\n\n

Veja como o Hootsuite mostra esse n\u00famero em sua p\u00e1gina inicial:<\/p>\n\n\n

\n
\"screenshot
Fonte da imagem: Hootsuite<\/a><\/figcaption><\/figure>\n<\/div>\n\n

Depoimentos<\/strong><\/h4>\n\n\n

Em quem voc\u00ea acreditaria: uma empresa que elogia seu pr\u00f3prio produto ou uma pessoa que mostra admira\u00e7\u00e3o por ele?<\/p>\n\n\n\n

A maioria de n\u00f3s escolheria a segunda op\u00e7\u00e3o. Os visitantes acreditam que pessoas como eles t\u00eam uma opini\u00e3o imparcial sobre o produto, portanto, sua admira\u00e7\u00e3o \u00e9 genu\u00edna.<\/p>\n\n\n\n

Inserir depoimentos de marcas\/personalidades famosas na sua p\u00e1gina inicial faz com que o seu produto pare\u00e7a mais confi\u00e1vel.<\/p>\n\n\n\n

Por exemplo, a p\u00e1gina inicial do BuzzSumo apresenta depoimentos de algumas das pessoas e marcas mais influentes do setor-alvo da empresa.<\/p>\n\n\n

\n
\"screenshot
Fonte da imagem: BuzzSumo<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

Se os seus depoimentos n\u00e3o cabem no espa\u00e7o destinado a eles na p\u00e1gina inicial, crie uma p\u00e1gina no seu site dedicada a esses relatos. Inspire-se neste exemplo do OptinMonster<\/a><\/p>\n\n\n

Hist\u00f3rias de sucesso<\/strong><\/h4>\n\n\n

Hist\u00f3rias de sucesso mostram aos visitantes situa\u00e7\u00f5es reais nas quais um produto pode ajud\u00e1-los a solucionar um problema. Elas auxiliam os usu\u00e1rios a visualizar como o produto se encaixaria em sua estrat\u00e9gia operacional.<\/p>\n\n\n\n

Hist\u00f3rias de sucesso s\u00e3o especialmente eficazes no convencimento de potenciais clientes de grandes empresas.Por exemplo, o Pardot<\/a> (que tem como p\u00fablico-alvo empresas de grande porte) exibe um v\u00eddeo de hist\u00f3rias de sucesso em sua p\u00e1gina inicial.<\/p>\n\n\n

\n
\"Screenshot<\/figure>\n<\/div>\n\n

Facilite os primeiros passos do usu\u00e1rio<\/strong><\/h3>\n\n\n

Uma boa p\u00e1gina inicial precisa ser intuitiva. Ela n\u00e3o deve deixar os visitantes navegando sem rumo. \u00c9 essencial apresentar a eles informa\u00e7\u00f5es relevantes e orient\u00e1-los a realizar uma a\u00e7\u00e3o favor\u00e1vel (usando o seu produto).<\/p>\n\n\n\n

Em outras palavras, use CTAs. Mas n\u00e3o qualquer CTA.<\/p>\n\n\n\n

Para que os visitantes avancem pelo seu funil, voc\u00ea precisa implementar CTAs efetivos. Independentemente se eles v\u00eam acompanhados de textos como \u201cTeste gr\u00e1tis\u201d, \u201cCompre agora\u201d ou \u201cSolicite uma demonstra\u00e7\u00e3o\u201d, seu posicionamento na p\u00e1gina inicial deve ser o mais adequado poss\u00edvel.<\/p>\n\n\n\n

Veja a p\u00e1gina inicial da Shopify.<\/p>\n\n\n

\n
\"screenshot
Fonte da imagem: Shopify<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

A Shopify apresenta um CTA distinto em cada uma das dobras de sua p\u00e1gina inicial. Cada bot\u00e3o de CTA<\/a> tem um texto relevante e vem acompanhado de uma explica\u00e7\u00e3o<\/p>\n\n\n\n

Aten\u00e7\u00e3o: voc\u00ea s\u00f3 deve incluir CTAs quando a sua p\u00e1gina inicial exigir. Adicionar CTAs em excesso poder\u00e1 prejudicar a experi\u00eancia do usu\u00e1rio (UX). <\/i><\/p>\n\n\n

N\u00e3o sobrecarregue seus visitantes<\/strong><\/h3>\n\n\n

Exibir muitas informa\u00e7\u00f5es na sua p\u00e1gina inicial far\u00e1 com que seus visitantes se sintam sobrecarregados. Seria o equivalente a s\u00f3 falar sobre si mesmo em um primeiro encontro com algu\u00e9m.<\/p>\n\n\n\n

Analise sua p\u00e1gina inicial minuciosamente e identifique as se\u00e7\u00f5es e elementos que n\u00e3o t\u00eam um prop\u00f3sito definido. Ser\u00e1 que voc\u00ea exibe muito conte\u00fado sobre os recursos dos produtos? Voc\u00ea compartilha depoimentos demais? N\u00e3o seja t\u00e3o insistente com os visitantes.<\/p>\n\n\n\n

A Wedbuddy.com, uma ferramenta de cria\u00e7\u00e3o de sites de casamento, fez exatamente isso. Ap\u00f3s analisar sua p\u00e1gina inicial, a equipe descobriu que informa\u00e7\u00f5es demais estavam sendo exibidas. Para solucionar a situa\u00e7\u00e3o, a empresa reduziu consideravelmente o tamanho da p\u00e1gina inicial, retirando alguns elementos.<\/p>\n\n\n\n

A equipe criou uma varia\u00e7\u00e3o da p\u00e1gina e conduziu um teste A\/B<\/a>.<\/p>\n\n\n

\n
\"A\/B
Fonte da imagem: Growth Rock<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

A mudan\u00e7a gerou um aumento de 139% no n\u00famero de cliques nos CTAs e elevou em 73% os registros para participar do teste gr\u00e1tis.<\/p>\n\n\n\n

Download gr\u00e1tis: Guia de otimiza\u00e7\u00e3o da taxa de convers\u00e3o<\/em><\/strong><\/a><\/h2>\n\n\n

P\u00e1gina de recursos<\/strong><\/h2>\n\n\n

Agora, voc\u00ea j\u00e1 tem uma \u00f3tima p\u00e1gina inicial que deixa os visitantes interessados no seu produto. No entanto, \u00e9 prov\u00e1vel que alguns usu\u00e1rios queiram conhecer seus recursos a fundo antes de tomarem uma decis\u00e3o concreta.<\/p>\n\n\n\n

A p\u00e1gina de recursos \u00e9 o local onde voc\u00ea fala com entusiasmo sobre as caracter\u00edsticas do seu produto.<\/p>\n\n\n

Exiba uma pr\u00e9via dos seus recursos<\/strong><\/h3>\n\n\n

O que \u00e9 melhor do que ler sobre os recursos de um produto?<\/p>\n\n\n\n

Assisti-lo em a\u00e7\u00e3o.<\/p>\n\n\n\n

Voc\u00ea pode apresentar uma vis\u00e3o r\u00e1pida de cada recurso do seu produto na p\u00e1gina de recursos. Uma pr\u00e9via, juntamente com a descri\u00e7\u00e3o de suas caracter\u00edsticas, ajuda os visitantes a entenderem como \u00e9 f\u00e1cil usar a sua solu\u00e7\u00e3o. Tal pr\u00e9via pode ser apresentada em forma de imagem, GIF ou v\u00eddeo curto.<\/p>\n\n\n\n

Abaixo, temos uma captura de tela da p\u00e1gina de recursos do OptinMonster<\/a>, que mostra exatamente como suas pop-ups de inten\u00e7\u00e3o de sa\u00edda<\/a> funcionam nos dispositivos m\u00f3veis.<\/p>\n\n\n

\n
\"screenshot<\/figure>\n<\/div>\n\n

Foque nos benef\u00edcios dos seus recursos<\/strong><\/h3>\n\n\n

Apresentar aos visitantes os aspectos t\u00e9cnicos relacionados aos recursos do seu produto pode ser contraproducente, at\u00e9 mesmo se a sua vantagem em rela\u00e7\u00e3o \u00e0 concorr\u00eancia for baseada em avan\u00e7os tecnol\u00f3gicos.<\/p>\n\n\n\n

Voc\u00ea precisa transformar os jarg\u00f5es t\u00e9cnicos em linguagem simples, ilustrando os benef\u00edcios que os usu\u00e1rios finais ter\u00e3o se optarem pelo seu produto. Assim, ser\u00e1 poss\u00edvel respaldar os benef\u00edcios declarados com as vantagens t\u00e9cnicas que o seu produto possui.<\/p>\n\n\n\n

Quem realiza essa estrat\u00e9gia muito bem \u00e9 o Mailchimp. A empresa destaca seus recursos por meio de t\u00edtulos focados nos benef\u00edcios oferecidos, seguidos por descri\u00e7\u00f5es f\u00e1ceis de entender e belas imagens. Veja uma captura de tela da p\u00e1gina de recursos do Mailchimp:<\/p>\n\n\n

\n
\"benefit-driven
Fonte da imagem: Mailchimp<\/a><\/figcaption><\/figure>\n<\/div>\n\n

Ofere\u00e7a uma navega\u00e7\u00e3o facilitada<\/strong><\/h3>\n\n\n

Se voc\u00ea tem um produto SaaS, \u00e9 prov\u00e1vel que deseje exibir cada um dos recursos dele no seu site. E por que n\u00e3o fazer isso? Afinal, voc\u00ea trabalhou duro para desenvolv\u00ea-lo.<\/p>\n\n\n\n

Bem, voc\u00ea precisa garantir que os visitantes se lembrem de todos os recursos importantes do seu produto. Por isso, n\u00e3o deve sobrecarreg\u00e1-los com uma p\u00e1gina de recursos infinita, capaz de faz\u00ea-los esquecer algumas caracter\u00edsticas que eles j\u00e1 tinham visto antes.<\/p>\n\n\n\n

Ofere\u00e7a uma navega\u00e7\u00e3o facilitada na sua p\u00e1gina, possibilitando que os usu\u00e1rios avancem de um recurso ao outro (e retornem, se necess\u00e1rio).<\/p>\n\n\n\n

Aqui est\u00e3o dois exemplos da p\u00e1gina de recursos da Weebly:<\/p>\n\n\n

\n
\"screenshot<\/figure>\n<\/div>\n\n
\n
\"another
Fonte da imagem: Weebly<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

A p\u00e1gina amig\u00e1vel da Weebly permite que os visitantes conhe\u00e7am os diferentes recursos do produto sem sair dela. Os usu\u00e1rios tamb\u00e9m t\u00eam acesso a uma lista consolidada de todos os recursos a todo instante, para que se lembrem deles mais facilmente<\/p>\n\n\n

P\u00e1gina de pre\u00e7os<\/strong><\/h2>\n\n\n

Embora a p\u00e1gina inicial e a p\u00e1gina de recursos influenciem os visitantes, \u00e9 na p\u00e1gina de pre\u00e7os onde os potenciais clientes tomam a maior decis\u00e3o de todas: investir seu dinheiro.<\/p>\n\n\n\n

As dicas abaixo ajudam a otimizar a p\u00e1gina de pre\u00e7os de SaaS<\/p>\n\n\n

Ajude os visitantes a escolher<\/strong><\/h3>\n\n\n

Os visitantes que chegam \u00e0 sua p\u00e1gina de pre\u00e7os devem ser capazes de escolher um plano rapidamente. Voc\u00ea precisa segmentar os planos e seus pre\u00e7os de forma que cada usu\u00e1rio considere que apenas uma op\u00e7\u00e3o \u00e9 adequada \u00e0s suas necessidades e consiga identific\u00e1-la claramente.<\/p>\n\n\n\n

Uma boa estrat\u00e9gia \u00e9 fazer com que a pr\u00f3pria p\u00e1gina de pre\u00e7os recomende o plano apropriado para os seus visitantes.<\/p>\n\n\n\n

Por exemplo, o Mailchimp usa uma p\u00e1gina de pre\u00e7os interativa que recomenda um plano para o usu\u00e1rio. Essa recomenda\u00e7\u00e3o \u00e9 baseada no n\u00famero de clientes que o visitante possui ou espera conseguir com seu produto.<\/p>\n\n\n\n

Se a sua solu\u00e7\u00e3o SaaS \u00e9 complexa e re\u00fane m\u00faltiplos produtos e funcionalidades, a escolha do plano certo n\u00e3o depender\u00e1 de uma s\u00f3 m\u00e9trica. Nesse caso, voc\u00ea pode fazer um teste para oferecer m\u00f3dulos de produtos separadamente, al\u00e9m de disponibilizar uma op\u00e7\u00e3o completa que inclua todos eles. A Intercom faz isso com maestria:<\/p>\n\n\n

\n
\"pricing<\/figure>\n<\/div>\n\n

N\u00e3o confunda os visitantes mencionando v\u00e1rios recursos<\/strong><\/h3>\n\n\n

Quando os visitantes comparam os diferentes planos de um produto, eles observam quais recursos est\u00e3o inclu\u00eddos em cada op\u00e7\u00e3o. A maioria dos usu\u00e1rios consegue definir o plano ideal com base em alguns recursos essenciais. Se voc\u00ea exibir uma lista muito grande de recursos, sendo que v\u00e1rios deles est\u00e3o presentes em todos os planos, acabar\u00e1 confundindo os usu\u00e1rios.<\/p>\n\n\n\n

Existe uma solu\u00e7\u00e3o se voc\u00ea acredita que o seu produto tem muitos recursos que as pessoas desejam conhecer antes de escolher um plano. Voc\u00ea pode listar alguns (poucos) recursos essenciais na p\u00e1gina de pre\u00e7os e inserir um link apontando para outra p\u00e1gina com a lista completa deles. Veja o exemplo do Qualaroo<\/a>:<\/p>\n\n\n

\n
\"<\/figure>\n<\/div>\n\n

Responda \u00e0s perguntas frequentes<\/strong><\/h3>\n\n\n

Antecipe-se \u00e0s d\u00favidas que os visitantes podem ter em rela\u00e7\u00e3o aos seus planos e pre\u00e7os e responda-as antes que eles se questionem. Adicione uma pequena se\u00e7\u00e3o de perguntas frequentes na sua p\u00e1gina de pre\u00e7os e insira um link para a p\u00e1gina dedicada (se voc\u00ea tiver uma) com todas as perguntas e respostas.<\/p>\n\n\n\n

Veja a captura de tela da p\u00e1gina de pre\u00e7os da Optimonk<\/a>:<\/p>\n\n\n

\n
\"FAQs<\/figure>\n<\/div>\n\n

N\u00e3o insira portas de sa\u00edda desnecess\u00e1rias<\/strong><\/h3>\n\n\n

Um dos truques mais antigos no manual da otimiza\u00e7\u00e3o da taxa de convers\u00e3o<\/a> \u00e9 minimizar as op\u00e7\u00f5es de navega\u00e7\u00e3o dos usu\u00e1rios quando eles acessam as p\u00e1ginas de transa\u00e7\u00f5es. Existem v\u00e1rias hist\u00f3rias de sucesso<\/a> que evidenciam o \u00eaxito dessa estrat\u00e9gia. Em especial, os sites de e-commerce usam essa t\u00e1tica em suas p\u00e1ginas de checkout para impedir que os usu\u00e1rios saiam delas<\/a>.<\/p>\n\n\n\n

A p\u00e1gina de pre\u00e7os \u00e9 igualmente cr\u00edtica. Voc\u00ea n\u00e3o quer que os visitantes saiam dela para acessar outras p\u00e1ginas. Remova a barra de navega\u00e7\u00e3o da sua p\u00e1gina de pre\u00e7os e realize um teste A\/B para verificar se a mudan\u00e7a foi capaz de aumentar a sua taxa de convers\u00e3o<\/a>.<\/p>\n\n\n\n

Esperamos que essas dicas sejam \u00fateis. Se quiser aprender mais sobre o tema, assista ao v\u00eddeo em que Shanelle, Gerente do Programa de Aquisi\u00e7\u00e3o de Clientes e CRO da Shopify, explica como otimizar as p\u00e1ginas pensando na reten\u00e7\u00e3o de SaaS.<\/p>\n\n\n\n

\n