Personalização de sites 101: como fazer os visitantes se sentirem valorizados

Publicados: 2022-11-22

Dê um pouco de TLC ao público da sua marca.

Imagine que você está em um restaurante japonês para experimentar sushi pela primeira vez. Ao entrar, seus olhos encontram uma visão completamente diferente. Você imaginou uma serenidade zen, mas foi martelado com a confusão de funcionários e clientes.

Sem perder mais um segundo, você sai furioso.

O lugar simplesmente fazia você se sentir indesejado. Da mesma forma, se um cliente tiver uma experiência de usuário ruim no site da sua marca, ele será rejeitado e nunca mais voltará. O que retém a atenção deles é a personalização do site.

As marcas hoje usam o poder dos mecanismos de personalização para segmentar os dados do consumidor e criar experiências personalizadas que ressoam com a intenção de compra. A ideia é ajudar o comprador a encontrar o caminho para a solução certa sem perder o enredo do que precisa.

Você pode estar se perguntando se precisa ser um ninja de codificação para personalização de sites. Vamos descobrir!

Em vez de mostrar uma página de tamanho único para um visitante, você usa dados primários disponíveis (seus próprios dados) e dados de terceiros (enriquecidos de uma fonte confiável) para tornar uma página mais relevante, responsiva e perspicaz para cada visitante de desembarque.

A personalização do site não é apenas sobre o que os usuários veem, mas mudanças cumulativas em layouts de página, materiais adicionais de conteúdo e muito mais. O impacto da personalização do site no sucesso da estratégia geral de proposição de valor e nas metas de tráfego é enorme e mensurável.

Fatores importantes da personalização do site

Quando falamos de um site bem estruturado, nos referimos ao relacionamento harmonioso de vários de seus blocos de construção. Esteja você projetando uma página de destino estática de natureza informativa ou uma página de produto multimídia que promova seu aplicativo, você precisa levar em consideração os seguintes conceitos:

  • Design gráfico: por meio de imagens interativas, infográficos, layouts de página, gráficos ou outros tipos de elementos de design, você pode contextualizar sua mensagem, reduzir a carga cognitiva e otimizar a experiência do usuário.
  • Criação de conteúdo: o conteúdo do site precisa ser dinâmico, conciso e relacionável com o visitante que chega. Embora o conteúdo do jargão possa dar um aumento relativo no tráfego às vezes, ele cria uma imagem questionável da sua marca a longo prazo.
  • Chamada à ação: A chamada à ação induz o visitante a realizar outras ações no funil de vendas. É uma ferramenta de geração e conversão de leads de ouro que pode trazer crescimento de vendas orgânico direto do site.
  • SEO: o SEO compara a competitividade, a qualidade e a experiência do seu produto em relação a domínios de alto desempenho na página de resultados do mecanismo de pesquisa (SERP).

76%

Os consumidores disseram que receber uma comunicação personalizada foi um fator-chave para incentivá-los a considerar uma marca.

Fonte: McKinsey

Exemplos de personalização de sites

Desde que a internet surgiu, as marcas têm disputado uma boa reputação online. A luta começou de apenas ter um site HTML básico para adicionar as linguagens JSON, React.JS, XML e PHP ao seu código para criar sites responsivos.

Eles também agora usam detalhes de localização, tipos de produtos e preços que direcionam os consumidores para as lojas físicas mais próximas. Com inúmeras invenções em tecnologia digital, redes e mídias sociais, as marcas chegaram um passo mais perto de seus consumidores.

Dica: algumas marcas levam a personalização um passo adiante e incluem o marketing AR em seus sites. Essa técnica ajuda as pessoas a visualizar o produto ao seu redor, fazer uma demonstração virtual e decidir o que fazer.

Aqui estão mais alguns exemplos de personalização de sites que direcionam o tráfego para o seu site:

  • Amazon: a Amazon rastreia a intenção dos usuários e a utiliza para criar páginas de destino de produtos específicos. Desde sua página inicial, eles analisam toda a jornada do visitante para evocar uma ação de vendas específica.
  • Bombfell : Bombfell realiza pesquisas de marketing por e-mail para entender as preferências de estilo e como elas variam com base no tipo, tamanho e orçamento.
  • Stitch fix: semelhante ao Bombfell, Stich Fix compara suas sugestões com base em amostragem aleatória e cria livros de estilo de e-mail e site.
  • Netflix: A Netflix rastreia seus relógios atuais para sugerir filmes, podcasts e vídeos pertencentes ao mesmo gênero de entretenimento.
  • Spotify: o Spotify garante que seu conteúdo seja personalizado com base no áudio que você adora, reproduz com frequência ou reproduz ocasionalmente. Ele também cria listas de reprodução personalizadas, assim como o Netflix.

Criando uma estratégia de personalização do site

À primeira vista, a personalização do site pode parecer um assunto difícil de abordar. Existem simplesmente tantos experimentos possíveis, segmentos de público e pontos de dados à sua disposição. Além disso, a maioria das instâncias de personalização requer algum nível de conhecimento técnico. Não se preocupe!

Encontramos cinco instâncias de personalização rápidas e fáceis que praticamente qualquer site pode implantar. Mostraremos o que são, exemplos excelentes das técnicas em ação e algumas ferramentas de software que você pode usar para ajudá-lo a lançar essas alterações em seu próprio site.

50%

dos usuários abandonam após visualizar apenas uma página de um site

Fonte: Contentsquare

1. Personalize o conteúdo com a persona do comprador

Comece a ajustar o conteúdo da sua página para cada visitante único com uma persona de comprador única. Vamos considerar um exemplo. Em nossa página inicial no Proof, quando não temos informações sobre a indústria de um visitante, exibimos o seguinte título genérico:

prova
Mas se formos capazes de identificar o setor, ocupação ou outros detalhes de um visitante (neste caso, o setor é comércio eletrônico) a partir de seu comportamento anterior ou respostas em nosso site, podemos personalizar o conteúdo para atender às suas necessidades.

marcas de comércio eletrônico

A análise da intenção do comprador é realizada obtendo informações do visitante de sites como o Unbounce ou o engagementbay com testes A/B.

A Drift, uma agência de marketing digital, também segue exatamente o mesmo protocolo. Se você estiver no grupo de anúncios de remarketing e clicar no site deles, verá uma página de destino que descreve como "Tudo começa com uma conversa".

deriva


Mas se você está em vendas e vê um anúncio online sobre o Drift, você é direcionado para esta página declarando o Drift como “a arma secreta” para suas equipes de vendas e receita:


vendas à deriva

2. Recomendação de conteúdo

Na sua forma mais simples, a recomendação de conteúdo é um sistema de sugestão de conteúdo relevante para visitantes que já interagiram com seu site de alguma forma. É uma forma de anúncio nativo que sugere conteúdo adicional junto com o conteúdo existente.

Você pode ver recomendações de conteúdo na forma de notificações por push, faixas superiores ou widgets de conteúdo intitulados "leituras sugeridas" ou "Os usuários também estão interessados ​​em". Isso cria um medo de perder o visitante e o obriga a continuar lendo.

Aqui está um exemplo dessa tática em jogo no blog da Salesforce, onde eles usam conteúdo inteligente para personalizar a jornada de seus visitantes:

Fonte: Salesforce

O Pique, um site de comércio eletrônico com um popular blog de saúde, vai além ao recomendar eBooks personalizados para o benefício dos visitantes.

Fonte: Pique See More

O resultado? Os leitores veem um conteúdo mais relevante – e o site vê os visitantes permanecerem por mais tempo. Ganha-ganha!

Para criar um site personalizado, você teria que granular o contato com o cliente de forma a obter o máximo de insights. Aqui está o que você precisa coletar:

  • Local : o país, região ou estado em que o usuário mora.
  • Tecnologia : o tipo de dispositivo do usuário (desktop, laptop, celular), sistema operacional, navegador e solução de tela,
  • Fontes de tráfego : Atribuição de fonte de tráfego em vários níveis (direto, pago, PPC, orgânico, social)
  • Dados de terceiros : informações coletadas de pesquisas externas e marketing BTL.
  • Comportamento : tempo médio na página, tempo de permanência, taxa de impressão, taxa de rejeição, CTR, taxa de engajamento e conversões de demonstração.
  • Dados explícitos : dados coletados por meio de pesquisas internas, webinars ou formulários de registro.
  • Intervalo de tempo : análise de intervalo de tempo de quando o usuário está mais ativo ao longo do dia, semana ou mês.
  • Página atual : sinaliza o que o usuário está verificando no momento em relação ao ciclo de vida das vendas. Pode ser um URL, página de categoria ou ofertas de desconto.

3. Altere os CTAs com base no ciclo de compra

Quando um visitante chega ao seu site, você tem a oportunidade de criar CTAs significativos. Os sistemas de gerenciamento de conteúdo mais populares, independentemente da sofisticação de seu programa de dados, pelo menos coletam dados sobre se alguém é um visitante pela primeira vez, um visitante recorrente, um lead ou um cliente. Com base nesses dados, o CTA é personalizado.

E muitas empresas usam um método de pontuação de leads ainda mais sofisticado do que esse. Em um nível básico, a maioria dos sites pode criar quatro versões diferentes de CTAs para esses cenários:

Visitante pela primeira vez Dê as boas-vindas ao visitante do seu site, faça uma apresentação do seu produto
Retorno do vizitante Dê-lhes as boas-vindas ao seu site e lembre-os sobre o motivo da última visita
nutrição de leads Incentive-os gentilmente para concluir a inscrição ou a compra de um pedido específico com conteúdo.
Cliente Recebê-los de volta com prazer, vendas adicionais

Vamos ver um exemplo disso em ação.

Um exemplo brilhante disso é a homepage do Gusto. Na primeira visita ao seu site, você vê a página abaixo. O cabeçalho do CTA diz "um lugar para folha de pagamento, benefícios e muito mais".

gosto

Mas se você é cliente, o Gusto sabe disso. Esta é a mesma página inicial que esse segmento de visitantes vê:

bem-vindo gosto


O visitante de primeira viagem e o cliente veem a mesma URL, mas a experiência é muito mais relevante para cada grupo.

4. Navegação em breadcrumbs

Uma trilha de navegação é um pequeno caminho de texto que um usuário percorre para chegar a uma página atual em seu site. O usuário pode navegar das páginas do topo do funil (ToFU) para o meio do funil (MoFU) e para a parte inferior da página do funil (BoFu), que geralmente é a janela de pagamento. Breadcrumb é um aspecto técnico de SEO da personalização do site que não permite que o visitante perca a noção das coisas.

Observe, o Google adora migalhas de pão. Além dos mapas de site XML, ele informa ao rastreador como você sistematizou e estruturou seu site para compreensão humana.

Você pode criar diferentes tipos de breadcrumbs criativos para criar memórias para os usuários.

  • Breadcrumbs baseados em hierarquia: Início > Blog > Categoria > Nome da postagem
  • Breadcrumbs com base em atributos: Home > Categoria do produto > Sexo > Tamanho > Cor
  • Breadcrumbs baseados em histórico: Página inicial > Página anterior > Página anterior > Página anterior > Página atual

5. Formatação do cabeçalho

Seus cabeçalhos HTML em seu site precisam ser sucintos e classificados em ordem decrescente. Por exemplo, se o título principal do seu site diz "CRM de fato para automatizar seu processo manual", ele não lê muito sobre o seu produto. Em vez de ter esse cabeçalho como H1, você pode redirecioná-lo para "CRM de vendas de fato para fechar negócios mais rapidamente". Essa declaração informa ao visitante exatamente onde seu produto se aplica no ciclo de vendas.

Algumas dicas a seguir ao projetar cabeçalhos:

  • H1 ou cabeçalho principal: o primeiro cabeçalho do seu site precisa ser sua principal linha de conversa, que cria uma nova visão para o seu produto.
  • Hierarquia de cabeçalhos : siga a liderança dos cabeçalhos conforme você divide os subtópicos de seus cabeçalhos. De H1, mude para H2, de H2 para H3 e assim por diante.
  • Fontes e cores suaves: Use cores suaves, que sejam agradáveis ​​aos olhos. A fonte preferida para cabeçalhos é Serif ou Sans-Serif.
  • CTA primário: complemente seu cabeçalho com a principal proposta de valor do seu produto. Seu CTA deve solicitar ao usuário que registre um interesse imediato.
  • Otimização móvel: certifique-se de formatar seus cabeçalhos para sites móveis. Uma grande parte do público pode visualizar seu site em qualquer lugar. Planeje seu UX em diferentes gadgets.

6. Formulários de preenchimento automático com dados do usuário

O conceito mais ousado do marketing B2B é que, quando alguém quer pagar mais pelo seu produto (ou seja, comprar um plano de alto nível ou Enterprise), os profissionais de marketing geralmente respondem com mais burocracia: uma enxurrada de perguntas exige reuniões e muitos e-mails.

Por exemplo, se você disser “Eu quero comprar este software, aqui está meu cartão de crédito, eu pago qualquer coisa” esta é a resposta que você obtém. "Ok, ótimo, você pode preencher este formulário com 20 campos de informações que já sabemos sobre você, agendar uma demonstração, conversar com um representante qualificado por uma hora e depois a empresa decidirá se você se encaixa."

Considere o site da Mention. Na página inicial deles, há uma página que solicita seu e-mail para iniciar o fluxo de inscrição.

menção-homepage

A Mention identifica profundamente esta inscrição como uma oportunidade de encantar seus visitantes, identificando e validando dados de maneira inteligente. Assim que você insere seu e-mail na primeira página, eles acessam um banco de dados para obter dados demográficos ou firmográficos sobre você.

Em seguida, na página seguinte, o Mention preenche automaticamente o formulário com as informações que obteve sobre você. Na captura de tela abaixo, você verá que eles extraem seu nome e sobrenome do e-mail fornecido, bem como carregam seu e-mail desde a primeira etapa. Ele cria uma experiência melhor para o consumidor e atua como uma verificação intuitiva dos dados de uma empresa.

menção

Motor de personalização do site

Tomar caminhos diferentes para o mesmo destino de gerar e nutrir MQLs é um processo multifacetado. A personalização requer conectar os pontos entre sua marca e o consumidor em potencial por meio de segmentação, alocação e análise em tempo real de seus eventos pessoais, ações e dados comportamentais.

A ingestão desses dados de várias fontes pode ser centralizada com um mecanismo de personalização, que auxilia na produção de experiências contextuais poderosas para os consumidores.

Grade G2 para mecanismos de personalização

Ganhe esse crédito extra

Os clientes ficam, em geral, mais felizes quando conseguem o que desejam. Eles veem sua marca de forma mais elevada e, consequentemente, permanecem por toda a vida.

A personalização pode ser um tema assustador para as marcas. Pode parecer demorado, difícil de gerenciar e tecnicamente complexo. E enquanto isso costumava ser o caso, não é mais um problema.

Existem inúmeras estratégias que as marcas podem começar a implementar hoje para criar sites mais envolventes, e esperamos que as aqui apresentadas tenham sido suficientes para fazer a criatividade fluir para você.

Saiba como você pode aumentar drasticamente suas conversões de e-mail criando uma estratégia de e-mail vencedora.