Crie links de botão para ajudar os visitantes a explorar seu conteúdo ou encontrar informações importantes.

É possível adicionar botões ao seu site que incentivam os visitantes a se envolverem com seu conteúdo. Os botões são uma adição visual à página, facilitando para os visitantes saberem onde clicar.

Para maximizar seu impacto, recomendamos manter o texto do botão breve e amigável. Tente uma única palavra, como “Doar”, ou uma frase de impacto curta, como “Faça sua parte”.

Este guia explica as diversas formas de adicionar botões ao seu site.

Dica: para deixar os botões acessíveis ao maior público possível, confira Recursos de acessibilidade no Squarespace.

Assista a este vídeo

Adicionar botões (quase) em qualquer lugar com Blocos de Botão

O bloco de botões é a forma mais versátil de adicionar uma chamada para ação ao seu site. Você pode adicionar um bloco de botões em qualquer seção do Editor Intuitivo ou área de conteúdo do editor clássico no site e personalizar como ele aparece no seu layout.

O bloco de botões pode tem um link para o conteúdo do site, conteúdo externo, arquivos, endereços de e-mail e números de telefone. Saiba mais em Bloco de Botões.

Botões de cabeçalho

Botões de rodapé

Rodapé é a seção na parte inferior do site. Ele geralmente inclui detalhes sobre o site ou a empresa. Adicione um botão ao rodapé para disponibilizar informações importantes ou para visitantes realizarem uma ação específica. Saiba mais em Edição do rodapé.

Botões de layout automático

Para divulgar diferentes chamadas para ação; criar um link para diferentes projetos; ou para apresentar sua equipe, use um layout automático. Ele organiza os conjuntos de conteúdo em colunas e linhas. No layout automático, cada item pode incluir um botão; e você pode adicionar um botão para toda a seção acima ou abaixo dos itens. Saiba mais em Layout automático.

Botões de bloco de newsletter e formulário

Para incentivar os visitantes a entrar em contato com você ou assinar sua newsletter, adicione um bloco de formulário ou bloco de newsletter. Ambos incluem um botão Enviar ou Cadastrar-se como padrão, mas você pode personalizar o texto. Saiba mais em Bloco de formulário ou Bloco de newsletter.

Botões de Commerce e doação

Quando os visitantes estão comprando produtos ou doando dinheiro, os botões de Commerce e doação os ajudam a concluir o processo:

• Botão "Adicionar ao carrinho" — o bloco de produto e as páginas de detalhes do produto têm um botão "Adicionar ao carrinho". Você pode personalizar o texto do botão. Se a compra expressa estiver ativada, o botão mostra Comprar.
• Botões do bloco de doações - o bloco de doações tem um botão que envia os clientes para a finalização da doação.

Botões de Bloco de Imagem

No editor clássico, a maioria dos layouts de bloco de imagens pode mostrar links de clickthrough como um botão sobre, ao lado ou abaixo da imagem, dependendo do layout. Use esse método para incluir uma imagem com seu link. No Editor Intuitivo, coloque um bloco de botões com seu bloco de imagens para replicar esses layouts. Saiba mais em Bloco de imagens.

Botões de pop-up promocional

É possível criar um pop-up que aparece quando os visitantes acessam seu site e adicionar até dois botões a ele. Os pop-ups promocionais podem ser personalizados para corresponder ao seu site e à chamada para ação que você adiciona a eles. Para saber mais, acesse Criar um pop-up promocional.

Botões "Salvar" do Pinterest

É possível adicionar botões Salvar do Pinterest a determinadas imagens do seu site para que os visitantes possam compartilhar seu conteúdo no Pinterest. À medida que as imagens são compartilhadas, mais visitantes descobrirão seu site. Para saber mais, acesse Adicionar botões Salvar do Pinterest.

Botões na versão 7.0

Se o seu site estiver na versão 7.0, você poderá também adicionar botões com estas opções:

• Barras laterais com conteúdo — Se o template for compatível com barras laterais com conteúdo, você poderá exibir um bloco de botões em algumas ou em todas as suas páginas.
• Botão da página de entrada - adicione até dois botões a uma página de entrada com um link para o conteúdo do seu site ou um conteúdo externo.
• Cabeçalhos de página (às vezes chamados de introdução) — Adicione um bloco de botões para exibir um botão acima do conteúdo da página em páginas individuais.
• Botão de compartilhamento - ative um botão de compartilhamento para que os visitantes compartilhem conteúdo como uma publicação do blog e produtos no perfis deles nas mídias sociais.

Botões de estilo

Você pode personalizar os botões para combinar com o visual geral do site. Com a maioria dos botões, você pode mudar:

• Cor de fundo
• Fonte
• Forma
• Tamanho

Para garantir um visual uniforme nos botões, recomendamos manter o texto do botão com menos de 25 caracteres, pois todos os botões mudam de tamanho e de forma para acomodar o texto.

As opções de estilo dependem da versão do site. Saiba mais em Edição de estilo dos botões.

Monitorar cliques nos botões no Analytics

As análises de dados de conversões de botões e de formulários mostram a frequência com que os visitantes clicam nos botões relacionados ao conteúdo. Usando os insights nesse painel, você pode comparar quais botões são mais eficazes e saber como as mudanças no estilo ou na posição afetam os cliques nos botões ao longo do tempo.

A análise de dados de funil de vendas mostra quantos clientes clicaram no botão Adicionar ao carrinho dos seus produtos.