Como configurar uma âncora

Neste artigo, você aprenderá como configurar uma âncora em uma página para redirecionar diretamente a uma posição específica na página.

Você precisará de:

• uma conta da systeme.io ativa
• um funil de vendas
• uma página

Atualmente, há duas maneiras de adicionar uma âncora em uma página da systeme.io.

1. Usando um código HTML:

Exemplo: Uma âncora "rodapé" que leva você ao final de um texto longo.

Para esse método, acesse o editor da página, adicione um elemento HTML logo acima ou abaixo do local para o qual você deseja redirecionar o botão, remova o texto de exemplo e acrescente o código <div id="oquevocequer"></div> no HTML (número 1 na imagem).

Observação: esse código não irá exibir nada na página.

Após adicionar seu código, salve as alterações (número 2 na imagem).

Depois, copie o link da página (número 3 na imagem).

Por fim, adicione um botão no topo da página, e no campo URL cole o link que você acabou de copiar seguido imediatamente por #oquevocequer (número 4 na imagem).

Assim, quando alguém clicar no botão, será redirecionado para a âncora HTML.

Observação: no editor do código HTML e no link do botão, substitua a expressão "oquevocequer" por um nome adequado. Exemplo: catalogo:

2. Usando a ferramenta atributo ID de um elemento:

A primeira coisa a fazer é pegar o atributo ID do elemento da página para o qual você deseja redirecionar o visitante quando ele clicar em um botão na mesma página.

Clique no elemento para exibir suas configurações no painel à esquerda do editor e navegue para baixo para copiar o atributo ID (exemplo: "row-7b14f6b2").

Copie o link da página, conforme descrito na parte 1 do artigo (número 3 em uma das imagens anteriores).

Uma vez copiado o link, adicione um botão na parte superior da página. No painel à esquerda do editor, cole a URL da página no campo URL, imediatamente seguido pelo #atributoID, que é #row-7b14f6b2 (número 5 na imagem).