Como adicionar um link de âncora à seção no Elementor

Rifat Element. Oct 5, 2022

Você está procurando o método mais simples para incluir links âncora em suas páginas de destino? Você está realmente muito perto de uma resposta viável.

O uso de um construtor de páginas de arrastar e soltar como o Elementor torna a criação de páginas da Web mais inteligente e flexível. Por causa disso, o Elementor é muito mais útil do que qualquer plugin WordPress comparável quando se trata de criar tags âncora.

Para permitir que você role para baixo até uma determinada região da sua página depois de clicar em um botão ou link, demonstraremos como configurar links âncora no Elementor neste artigo. Como resultado, suas páginas da web se tornarão mais fáceis de usar e de conversão. Continue lendo.

Por que usar o link âncora em suas páginas da Web

Por que um navio precisa de uma âncora?? Ela ajuda a capacidade do navio de flutuar em um determinado corpo de água. Evite que seja jogado fora. Como resultado, é livre para fazer qualquer arco dentro dos limites da manilha ao redor da âncora.

Create Amazing Websites

Com o melhor criador de páginas gratuito Elementor

Comece agora

Os links âncora apresentam o mesmo problema. Os visitantes são levados para uma área específica da sua página de destino quando clicam na sua tag âncora. nem para outra página ou seção.

Links com âncoras são obrigatórios. Seu visitante pode navegar rapidamente para uma determinada área do seu site clicando em uma marca de âncora. Ele também tem o potencial de motivar os visitantes a tomar a ação desejada. Além disso, ajuda-os a permanecer em sincronia.

Como adicionar âncora no Elementor

Espero que você já tenha instalado o Elementor em seu site. Então, vamos mais longe fazendo o processo.

Selecione a página no editor

Faça login no seu site WordPress. Visite a página onde você deseja colocar os links âncora. Vá para "Editar com Elementor" na barra de menu superior. O editor Elementor estará disponível para você personalizar seu site.

Procure a âncora do menu

Você será levado para a página acima mencionada depois de decidir editar sua página com o Elementor. O editor é o Elementor. Digite apenas "âncora" na barra lateral à esquerda. O Menu Âncora Widget pode ser encontrado como resultado. Você pode usá-lo para construir a conexão âncora desejada.

Adicionar link âncora

Para adicionar tags de âncora a segmentos específicos da sua página, basta arrastar e soltar a âncora do menu lá.

Você pode querer colocar uma âncora, por exemplo, na sua seção de preços. Isto é o que você deve fazer.

Vá para a área de preços da sua página no editor rolando para baixo. Solte o widget Menu Anchor acima do preço arrastando-o para lá.

Você deve inserir o nome da seção na área de conteúdo do widget depois de arrastar o widget acima da seção escolhida.

Por isso. Como você prefere que seus visitantes cliquem nos preços, use "Preços" no campo ID.

Qual texto ou elemento você deve escolher para vincular agora ? Você deseja. Para redirecionar os visitantes, use um texto âncora, guia ou até mesmo um item do seu menu do WordPress.

Para facilitar a compreensão, escolhemos o botão "começar" neste caso.

Para chegar à sua página, role para cima. Selecione "Começar" no menu. O link do botão será visto no link preenchido. Remova o link do botão e substitua-o pelo link âncora, que deve incluir uma hashtag como "#prices" (já que sua âncora é a seção de preços). Clique em " Salvar " agora.

Visite sua página de destino mais uma vez como resultado. Selecione o botão Âncora. Imediatamente, você se voltará para os preços.

Adicionar âncora no Elementntor com menu

Comparado ao método anterior, é ainda mais simples. Crie a âncora primeiro antes de adicioná-la a um menu do WordPress.

Você pode querer adicionar uma âncora à sua seção de perguntas frequentes, por exemplo. Então, vamos para a sua página de perguntas frequentes. Sobre ele, arraste o widget "Menu Anchor".

O campo ID deve conter o termo "faq". e mantê-lo.

o menu do WordPress aparecerá. Selecione o link personalizado.

Coloque "#faq" no campo URL e " FAQ " no campo do nome do texto do link. Em seguida, selecione " Adicionar ao menu ". Por fim, selecione " Salvar menu ".

Volte para sua página de destino agora. Use o menu para selecionar o FAQ. Você será direcionado para sua seção de perguntas frequentes imediatamente.

Pensamentos finais

Portanto, se você tiver Elementor , isso é tudo o que você precisa para estabelecer uma conexão âncora. Portanto, tenha em mente alguns conselhos importantes. Dito de forma simples, links âncora não podem ser adicionados aleatoriamente. É uma excelente ferramenta para aumentar o envolvimento do usuário com suas páginas da web. Portanto, você deve determinar quais seções são mais importantes para você. Depois, escolha o texto âncora ideal para acompanhar sua âncora. Portanto, CodeWatchers tem muitos tutoriais Elementor , confira e compartilhe-os com seus amigos.

Divi WordPress Theme