Você utiliza o Elementor para construir o seu site, mas está utilizando o editor de temas ou algum outro plugin para inserir códigos no seu Header/Footer? O próprio Elementor te proporciona essa funcionalidade, por isso, se você tem o Elementor PRO, você não precisa de nenhum plugin adicional para adicionar códigos na sua página/post.
Se você tem um plano de hospedagem aqui na Kangaroo Host, nós disponibilizamos como cortesia a ativação do plugin Elementor PRO, além de outros. Se já tem o seu serviço de hospedagem conosco, não perca mais tempo e já solicite a instalação no seu site através de um ticket no nosso departamento de plugins. Caso ainda não tenha uma hospedagem conosco, considere dar uma olhada em nossos planos.
Esse passo a passo vai te mostrar como editar códigos uma página, post ou até mesmo o seu site inteiro através do elementor, por isso, recomendamos que consulte seu programador ou equipe responsável pelo seu site para realizar as ações a seguir.
Como adicionar códigos no Header/Footer com o Elementor
- Entre no painel de controle do seu WordPress (wp-admin)
- Agora busque pelo Elementor na aba à esquerda, passe o mouse por cima e após clique em Código personalizado.
- Após isso, você deve Adicionar um novo Código personalizado clicando em uma das opções como na imagem abaixo:
- Nessa tela você deve adicionar um Título para o código, escolher o local onde o código será adicionado, a prioridade e as condições. Explico cada um abaixo:
Título: É como você vai identificar o código, pode ser importante para entender onde ele vai estar e em quais páginas/posts.
Local: Local é onde você vai definir onde o código vai funcionar. Caso escolha <head>, ele vai ser adicionado no Header da página escolhida (pode ser de todo o site), sendo assim, o “head” representa o topo da página, acima do conteúdo.
Caso escolha <body> – início, significa que o código vai ser adicionado dentro do corpo da página, sendo assim, ele vai estar no início do conteúdo da página/post.
E se você escolher </body> – fim, ele vai ser adicionado no Footer, que fica localizado no final do corpo da página, após todo o conteúdo. - Em Prioridade, caso você tenha mais de um código feito e deseja que um seja executado antes do outro, você deve colocar essa prioridade de acordo com o que deseja. É importante dizer que quanto menor o número, maior a prioridade, por isso, a maior prioridade possível é o número 1.
- Por fim, em Condições você irá escolher em que parte do seu site esse código vai fazer efeito, podendo ser todo o site, arquivos ou singular.
Todo o site: Como o nome já diz, se você optar por essa opção, esse código terá efeito sobre todo o site, sendo assim, se você deseja adicionar o código ao header e/ou footer em todas as páginas do seu site, essa é a melhor opção.
Arquivos: Nesta opção você vai poder escolher adicionar código apenas em arquivos, e escolher se para apenas algum autor específico, por categorias, tags, etc.
Singular: Aqui você vai fazer com que esse código apenas tenha efeito sobre uma página/post, uma categoria, uma tag, etc. - Pronto, após escolher cada uma dessas opções, seu código personalizado será criado, e então será a hora de digitar seus códigos e ser feliz!
Conclusão
Após esse tutorial você aprendeu que o próprio Elementor já te dá suporte adicionar códigos ao header, corpo ou footer da sua página, post ou site inteiro. Tudo isso sem precisar de nenhum plugin adicional. Lembrando, se você tem uma hospedagem aqui na Kangaroo, você tem direito a uma instalação do Elementor PRO no seu site, basta abrir um ticket no nosso departamento de suporte solicitando a instalação!
Nós da Kangaroo Host não nos responsabilizamos por qualquer erro ou problema que venha a acontecer no seu site por conta de qualquer código aplicado nas suas páginas. Recomendamos sempre buscar um profissional capaz de lidar com esse tipo de alteração. Por isso, sempre consulte seu programador antes de qualquer mudança ou ação no seu site.
Conseguimos te ajudar?
