Como criar links de navegação na mesma página - link âncora no Elementor PRO

e nesse vídeo eu vou te mostrar como funciona a navegação na mesma página ou como o pessoal gosta de falar por aí navegação de ancoragem a gente tem então links na página seja no menu ou seja em botões em áreas do site que te levam para sessões específicas da mesma página isso mesmo olha só tem um exemplo aqui para você ó quando eu clico nessa setinha aqui ó ele desce até essa parte aqui ó solução simples para sinalização digital aí vamos supor que eu tô lá em cima do menu e quero clicar aqui em preços

e planos quando eu clico ó ele me manda lá para baixo no preços e planos então a navegação por ancoragem ou a navegação na mesma página Ela é desse jeito aí vem aquela pergunta Dante Mas e se eu tivesse numa outra página e quisesse voltar para uma outra página num certo ponto como é que eu faço isso vamos fazer um teste por exemplo eu tenho aqui ó como funciona é uma outra página e quando eu clico em preço e planos que que acontece ele tem que voltar lá pra home me levar pra sessão de preços

e planos que foi o que aconteceu aqui agora tá vendo ou seja ele voltou aqui pra home e já me levou na sessão específica E aí eu vou te ensinar Então esse truquezinho de como ancorar na mesma página e como ancorar numa outra página ou seja tô numa página externa que vai para uma outra página e volta lá pra sessão meio confuso mas você vai ver que é facin Olha que legal mas antes de mostrar essas coisas legais eu quero que você também seja legal comigo dando um like nesse vídeo se inscrevendo no canal se

você ainda não é inscrito e deixando aquele comentário Maroto Se você gostar do conteúdo beleza combinado então vamos embora primeira coisa é entrar aqui no elementor n onde a gente tem a nossa construção não é mesmo e aí é o seguinte eu coloquei aqui esse iconeinstagram mais tá vendo Então essa palavrinha aqui saiba mais hash antes dela aqui coladinho isso aqui é a representação da minha são aonde eu quero ir então no lugar que eu vou clicar eu coloco Então essa palavrinha aqui desse jeito ó hash saiba tracinho mais lá embaixo ou seja aqui na

seção onde eu quero que ele pare ou seja tá vendo essa linha azul é a linha que ele vai parar Então clicando na cabeça da sessão poderia ser também num componente poderia então a gente clicando em cima da cabeça da sessão a gente vai colocar aqui no ID CSS ó na AB avançado da sessão ID CSS vai ter aqui saiba mais então a gente vai tirar o hashtag e só escrever saiba tracinho mais igualzinho a gente colocou aqui no botão ou seja ó hash tracinho saiba mais então eu pego só a palavra saiba mais e

colo aqui então na cabeça da sessão no ID CSS dela só a palavra saiba tracinho Mais beleza você vai fazer isso para tudo aí aqui embaixo lembra que eu ten os preços ó clicando aqui na cabeça da sessão dos preços eu vou ter aqui na aba avançada ó precos né porque eu não coloquei com cdil nem tio nem acento né Evita usar isso aí então tá aqui ó precos e aí você deve estar se perguntando Mas D eu vi que você colocou esse link no menu do WordPress como é que foi feito isso vou clicar

aqui no menu ó vou abrir aqui para você o meu menu a estrutura aqui de aparência menus e você vai ver que eu ten aqui ó preços e planos é um link personalizado você vai vir aqui ó Nessa abinha aqui ó e colocar o link personalizado aqui E esse link tem que ser assim ó a URL do seu site né barra # o nome da sessão que você nomeou lá no ID CSS então lembra que a minha era precos então eu coloquei # precos E aí sim ele vai funcionar de forma externa lembra que eu

falei ó tô numa outra página quero voltar para aquela e naquela sessão é porque eu tenho esse caminho que leva ao site né no caso aqui a home do site né se você tivesse uma página interna por exemplo é serviços Então você colocaria aqui Barra servicos barra o nome do serviço aqui com hashtag Anes tá E aí no na sessão você colocaria em cada sessão de serviço nomezinho do serviço no ID CSS entendeu então é assim que funciona no caso aqui eu queria ir pra home mesmo só que na São de preços né Então tá

desse jeitinho aqui bonitinho salva e pronto você tem o menuzinho funcionando ó quando eu clico ele desce aqui para baixo muito simples e muito fácil porém todavia entretanto se você não quiser utilizar o ID CSS da sessão porque às vezes a sua sessão é muito longa e mesmo que você coloque ela fica muito para cima e você quer descer mais existe mais um artifício tá bom E aí vem o pulo do gato olha só se você digitar aqui ancher vai aparecer aqui ó Ancora do menu Então você vai puxar uma Âncora Olha que interessante eu

vou colocar aqui ó embaixo da palavra solução tá vendo e aqui eu vou escrever ó solucão tá ou seja essa Âncora né que é esse componente que eu coloquei Entre esses dois textos eu chamei aqui de solucão certo e agora a minha setinha aqui em vez de eu apontar pro saiba mais eu vou apontar para solucão ó então hashtag solucão mudei aqui tá Vou atualizar aqui vamos testar Olha só quando eu clico e puxo ó ele para exatamente onde tava a linha que ele parou aqui assim né ou seja é onde tava aquela Âncora isso

é muito útil para quando você tem uma sessão muito extensa ou seja aquela tripa de coisa e em cada tópico de texto você quer colocar uma ancor Zinha porque às vezes você tem um sumário algum menuzinho ali que na entre as sessões mas você não tem sessão você só tem um monte de paçoca de texto com título Então desse jeito você consegue usar Então esse componente Zinho né que é A Âncora né no caso ó Nem dá para enxergar ele ali de novo que que você vai ter que fazer Ó você vai ter que clicar

em cima dele aqui ó navegar pelo navegador Zinho aqui ó do elementor aqui essa camadinha aqui vai te mostrar aqui ó Ancora do menu no caso aqui eu vou remover para excluir isso aqui e deixar o saiba mais aqui do jeito que tava Tá bom então é assim que se faz navegação e ancoragem ou a navegação na mesma página ou até mesmo navegação entre sessões seja de uma outra página ou seja da mesma página porque você pode fazer aquele lance de colocar o rzinho da página de destino né hashtag o nome da sessão porque assim

você vai conseguir sair de uma página de qualquer lugar e ir paraa outra e ainda assim chegar na sessão que você tem lá é bem confuso às vezes de entender mas eu sei que você já deve ter captado a ideia Basta fazer um testezinho aí brincar um pouco que você vai conseguir entender facilmente galera então se você gostou desse vídeo já deixa aquele like se inscreve no canal deixa um comentário Se Foi útil para você e não se esqueça de me seguir também lá no tiktok e no Instagram que tô com bastante novidade lá no

Instagram Beleza então vou ficando por aqui e até a próxima