Um cartão com um botão está bem Um cartão que é clicável em todos os lugares converte melhor, porque os visitantes clicam na imagem, no título, no preenchimento, o que estiver sob o cursor Elementor liga botões e títulos, e um contêiner pode ser comutado para uma tag de link, mas seções, colunas e widgets não têm opção de link própria O Link do invólucro extensão em Complementos Mestres para Elementor adiciona um: um campo Link em qualquer elemento que torne tudo clicável.
Esta página cobre as configurações Para uma visão geral do que a extensão faz e como ela se compara com o link de contêiner integrado do Elementor, consulte o Extensão do link do invólucro do elementador página.
Cole um URL, marque nova janela ou nofollow se precisar deles, e o elemento completo se torna o alvo de clique Ele ainda aceita tags dinâmicas Elementor, para que o link possa apontar para a postagem atual, uma página de autor ou qualquer fonte dinâmica.
O que a extensão Wrapper Link faz #
Uma vez habilitado, os elementos do editor Elementor obtêm um Link do invólucro seção com um único Link controle. O que quer que você coloque lá transforma todo o elemento em um link na extremidade frontal: toda a caixa de informações, coluna ou seção, não apenas uma palavra ou botão dentro dela.
Como um link cobre o elemento, você pula as soluções alternativas antigas, como o botão invisível esticado sobre o cartão com CSS ou uma âncora escrita à mão em um widget HTML.
Antes de começar #
- WordPress com Elementor instalado e ativo.
- Complementos Mestres para Elementor instalado e ativo. Novo no plugin? siga o guia instalação primeiro.
- Wrapper Link é uma extensão gratuita, portanto nenhuma licença Pro é necessária.
Como ativar a extensão Wrapper Link #
Do seu painel WordPress, vá para Adições Mestres e abra o Extensões guia. Wrapper Link fica no Widgets Dinâmicos grupo, entre Dicas de ferramentas e Condições de exibição. Clique em sua alternância para que fique roxo e depois bata Salvar alterações no topo e aguarde o verde “Configurações salvou com sucesso o aviso de”.
Adicione um link wrapper a um elemento #
Abra sua página com o Elementor e selecione o elemento que deseja tornar clicável No exemplo de vídeo é um cartão Info Box em uma linha de recursos de três colunas. A Link do invólucro seção com o emblema MA roxo agora fica no painel, segurando um campo: Link.
Cole o URL de destino Clique no ícone de engrenagem para abrir as opções de link:
- Abrir em nova janela: carrega o destino em uma nova guia, a chamada certa para links externos.
- Adicionar não seguir: quando o link abre em uma nova janela, a página abre sem passar os dados do referenciador O Wrapper Link lida com o clique com um script, para que os mecanismos de pesquisa não o tratem como um link e essa configuração não tenha efeito SEO.
Salvar ou publicar, e todo o cartão é agora um grande link na página ao vivo Repita para os outros cartões, cada um com seu próprio destino.
Use uma tag dinâmica como link #
O ícone do banco de dados ao lado do campo Link abre o do Elementor Tags Dinâmicas. Em vez de um URL fixo, o link wrapper pode extrair seu destino do conteúdo: URL de postagem, página do autor, URL do site ou um campo personalizado. Na demonstração o cartão usa Publicar URL, portanto, onde quer que este modelo seja renderizado, o cartão será vinculado à sua própria postagem.
Essa combinação é importante em modelos de construtores de temas e itens de loop, onde o destino deve ser alterado por postagem. Emparelhe-o com o Extensão de tags dinâmicas para mais fontes.
Onde links wrapper ajudam #
- Cartões de recurso e serviço. Toda a caixa de informações clica na página de detalhes, não apenas no título.
- Cartões de postagem de blog em modelos. Wrapper Link mais a tag dinâmica Post URL faz com que cada cartão em um link de loop para seu próprio artigo.
- Seções banner. Uma seção promocional de largura total que clica na página da campanha.
- Cartões de membro da equipe. Clique em qualquer lugar da pessoa para abrir seu perfil.
- Grades logotipo. Cada célula do logotipo do cliente se conecta, sem seguir uma caixa de seleção de distância.
Vídeo Tutorial #
Observe todo o fluxo, desde habilitar a extensão até vincular uma placa a uma tag dinâmica.
Perguntas frequentes #
Como faço uma seção inteira clicável no Elementor?
Habilite a extensão Wrapper Link na guia Extensões de complementos mestres, selecione a seção no editor Elementor e cole uma URL no campo Link Wrapper Toda a seção se torna o alvo de clique no front-end, com novas configurações opcionais de janela e nofollow.
O link do wrapper pode abrir em uma nova guia ou usar nofollow?
Sim. Clique no ícone de engrenagem no campo Link e marque Abrir em nova janela ou Adicionar nofollow O link Wrapper lida com o clique com um script, para que os mecanismos de pesquisa não o sigam como um link, seja qual for a caixa que você marcar.
O Wrapper Link funciona com tags dinâmicas?
Sim. O ícone Tags dinâmicas ao lado do campo Link aceita fontes como URL de postagem, URL de autor ou um campo personalizado Em modelos de loop, isso significa que cada cartão vincula sua própria postagem automaticamente, sem editar links um por um.
O que acontece com botões ou links dentro de um elemento embrulhado?
Um clique em qualquer lugar dentro do elemento embrulhado, inclusive em seus próprios botões, vai para o URL do wrapper Use o Wrapper Link em cartões onde toda a superfície deve ir para um destino e vincule botões individuais quando um layout precisar de vários destinos.
A extensão Wrapper Link é gratuita?
Sim. Wrapper Link vem com a versão gratuita de Master Addons for Elementor, no grupo Dynamic Widgets da guia Extensões. O página preços lista o que os planos Pro adicionam além das extensões gratuitas.
Embrulhando #
A extensão Wrapper Link fecha uma das lacunas mais antigas do Elementor: tornar uma seção inteira, coluna ou widget clicável sem hacks CSS Um campo, duas caixas de seleção e suporte dinâmico a tags para modelos Para casos de uso e uma visão lado a lado do link do contêiner do próprio Elementor, visite o Página de extensão do Wrapper Link. Navegue pelo resto do Widgets e extensões Master Addons para mais atualizações do editor, ou pegue um design inicial do kits modelo e ligue os links você mesmo.
