Make Column Clickable for Elementor

Descrición

Aviso legal: este plugin non está afiliado a Elementor Ltd. nin conta co seu apoio. Todo o contrario.

Engade unha ligazón a calquera columna, sección ou contedor en Elementor, e os teus visitantes poderán facer clic en calquera parte dela, non só nun botón ou un título. É perfecto para tarxetas de servizos, banners, áreas de chamada á acción, membros do equipo, táboas de prezos e calquera outro bloque que deba comportarse como unha gran ligazón.

Ligazóns reais: mellor para SEO e accesibilidade

A maioría das solucións de «columna clicable» dependen só de JavaScript, polo que non hai ningunha ligazón real na páxina. Os buscadores non poden seguila, os usuarios de teclado non poden acceder a ela e os visitantes non poden abrila nunha nova pestana.

Desde a versión 1.7, este plugin engade unha ligazón HTML real que cobre todo o elemento:

  • Google pode rastrexala. A ligazón está no HTML da páxina, polo que os buscadores poden seguila e transmitir autoridade á páxina de destino, igual que calquera outra ligazón interna.
  • Texto áncora significativo. A ligazón usa como texto o primeiro título dentro do elemento (ou o texto que elixas), o que axuda aos buscadores a comprender a páxina de destino.
  • Apto para teclado e lectores de pantalla. Os visitantes poden acceder á ligazón coa tecla Tab, abrila con Intro, e os lectores de pantalla anúnciana correctamente.
  • Funciona como unha ligazón normal. Ctrl/Cmd + clic, clic central e clic dereito «Abrir nunha nova pestana» funcionan como se espera, e o navegador mostra a URL de destino ao pasar o cursor.
  • Respecta as túas opcións de ligazón. «Abrir nunha nova ventá», «Engadir nofollow» e os atributos personalizados do campo de ligazón de Elementor aplícanse á ligazón.

Os botóns, ligazóns e campos de formulario dentro do elemento seguen funcionando e van ao seu propio destino.

A diferenza da ligazón de contedor nativa de Elementor (HTML Tag Link), podes manter botóns e outras ligazóns dentro do elemento sen romper o teu deseño, e tamén funciona con columnas e seccións.

Características

  • Fai que columnas, seccións e contedores sexan clicables.
  • Ligazóns HTML reais, boas para SEO e accesibilidade (por defecto), ou o modo JavaScript herdado.
  • Ligazóns internas, externas e relativas, ademais de áncoras con desprazamento suave.
  • Abre ventás emerxentes de Elementor Pro e caixas de luz de Elementor.
  • Compatible con etiquetas dinámicas.
  • Seguimento de clics opcional para Google Analytics 4 e Google Tag Manager.
  • Compatible con WPML.
  • Lixeiro: sen jQuery, só un script e unha folla de estilos diminutos.

Como usalo

  1. Abre o editor de Elementor e selecciona unha columna, sección ou contedor.
  2. Na pestana Deseño, abre a sección Column Link (ou Container Link).
  3. Engade a túa ligazón. Opcionalmente, establece o texto da ligazón e activa o seguimento de clics.

Ventás emerxentes e caixas de luz

Con Elementor Pro, fai clic na icona Dynamic Tags no campo da ligazón e elixe Actions Popup para abrir unha ventá emerxente ao facer clic no elemento. As accións de caixa de luz funcionan do mesmo xeito.

Seguimento de clics

Activa Track clicks e o plugin envía un evento column_click cada vez que se fai clic no elemento, cos parámetros link_url, link_text e element_id:

  • Se Google Analytics 4 está instalado (gtag.js), o evento envíase directamente a GA4.
  • Se Google Tag Manager está instalado, o evento envíase ao dataLayer, para que o poidas usar como activador de evento personalizado.

Non se envía nada a ningún outro lugar e non hai seguimento a menos que o actives.

Buscas desenvolvemento personalizado con WooCommerce ou Elementor? Contacta connosco en suporte@fernandoacosta.net

Capturas

Instalación

  1. Instala e activa o plugin desde Plugins Engadir novo no teu escritorio de WordPress.
  2. Asegúrate de que Elementor está instalado e activo.
  3. Edita calquera páxina con Elementor e engade unha ligazón a unha columna, sección ou contedor (consulta «Como usalo» máis arriba).

Preguntas frecuentes

Como funciona este plugin?

Engade un campo de ligazón a cada columna, sección e contedor no editor de Elementor. Cando engades unha ligazón, o plugin coloca unha ligazón HTML real sobre todo o elemento, para que os visitantes poidan facer clic en calquera parte del.

É bo para SEO?

Si. A ligazón é un <a href> normal no HTML da páxina, polo que os buscadores poden rastrexala, e o seu texto áncora provén do primeiro título dentro do elemento. Tamén podes definir un texto de ligazón personalizado e usar a opción «Engadir nofollow» no campo da ligazón cando o precises.

Seguirán funcionando os botóns e as ligazóns dentro da columna?

Si. Os botóns, ligazóns e campos de formulario interiores seguen sendo clicables e van ao seu propio destino. A ligazón da columna colócase xunto ao teu contido, non arredor del, polo que non hai ligazóns dentro de ligazóns.

Como evito que un widget active a ligazón da columna?

Selecciona o widget, vai a Avanzado Clases CSS e engade no-link. Os clics nese widget xa non abrirán a ligazón da columna. Isto é útil para vídeos, sliders, mapas ou calquera widget co seu propio comportamento ao facer clic. Tamén permite aos visitantes seleccionar o texto dentro dese widget.

O meu deseño ten un aspecto diferente despois de actualizar. Que podo facer?

Vai a Plugins e fai clic en Use legacy mode debaixo do nome do plugin. Isto devolve todo o sitio ao modo JavaScript, que funciona exactamente como as versións anteriores do plugin. Tamén podes cambiar o Modo de ligazón dun só elemento na sección Column Link. Abre tamén unha solicitude de soporte para que lle botemos un ollo.

É compatible con contido dinámico?

Si. Os campos da ligazón e do texto da ligazón son compatibles coas etiquetas dinámicas de Elementor Pro, como a URL da entrada ou un campo de ACF.

Podo abrir unha ventá emerxente ao facer clic na columna?

Si. Con Elementor Pro, fai clic na icona de Dynamic Tags no campo da ligazón e elixe Actions Popup.

Por que vexo un aviso sobre Rishi no editor?

Nos sitios en portugués do Brasil, o plugin mostra un pequeno aviso sobre Rishi, un servizo de WhatsApp creado polo autor do plugin. Podes pechalo co botón «X» e non volverá aparecer. Os desenvolvedores tamén poden desactivalo con add_filter( 'make_column_clickable_show_promo', '__return_false' );.

Que fago se atopo un fallo?

Abre unha solicitude de soporte na páxina do plugin. Estaremos encantados de axudarche.

Comentarios

2 de Novembro de 2023
Apart from not being updated, this plugin stores the code in NON-STANDARD areas in the DB. Result – screwed up websites that will not restore properly! THIS IS A DREADFUL PIECE OF CODING, WHATEVER YOU DO, DO NOT USE THIS!!!!!!
5 de Outubro de 2022
Simple to use and provides a much needed feature in Elementor. Mega props to the developer(s) in taking the time to help the community.
Ler todas as 52 opinións

Colaboradores e desenvolvedores

“Make Column Clickable for Elementor” é un software de código aberto. As seguintes persoas colaboraron con este plugin.

Colaboradores

“Make Column Clickable for Elementor” foi traducido a 16 idiomas. Grazas aos desenvolvedores polas súas contribucións.

Traduce “Make Column Clickable for Elementor” ao teu idioma.

Interesado no desenvolvemento?

Revisa o código, bota unha ollada aorepositorio SVN, ou subscríbete ao log de desenvolvemento por RSS.

Rexistro de cambios

1.7.3 – 2026-10-26

  • Security and stability improvements.
  • Tested with WordPress 7.1 and Elementor 4.3.

1.7.2 – 2026-10-21

  • Fix: Clickable elements inside a container whose HTML Tag is “a” or “button” (the Elementor container link) produced a link inside a link, which browsers can’t render and broke the layout. These elements now use the JavaScript mode, so both links keep working.

1.7.1 – 2026-10-19

  • Fix: Updating to 1.7.0 deleted the Elementor CSS files, which broke pages served by a page cache (for example, sections hidden on mobile or desktop showing on every device). Now only the Elementor element cache is cleared.

1.7.0 – 2026-10-18

  • Novo: ligazóns HTML reais (por defecto), para que os buscadores poidan rastrexalas e os usuarios de teclado e lectores de pantalla poidan acceder a elas.
  • Novo: Ctrl/Cmd + clic e clic central abren a ligazón nunha nova pestana.
  • Novo: opción «Texto da ligazón», que usa por defecto o primeiro título dentro do elemento.
  • Novo: agora aplícanse as opcións «Engadir nofollow» e atributos personalizados do campo de ligazón.
  • Novo: seguimento de clics opcional para Google Analytics 4 e Google Tag Manager.
  • Novo: volve ao modo JavaScript herdado en todo o sitio cun só clic (pantalla de Plugins), ou cambia o «Modo de ligazón» dun só elemento.
  • Mellorado: eliminouse a dependencia de jQuery.
  • Mellorado: seleccionar texto dentro dun elemento clicable xa non abre a ligazón.
  • Mellorado: probado con WordPress 7.1 e Elementor 4.3.

1.6.2 – 2025-09-13

  • Permitir URL relativas.

1.6.1 – 2025-09-02

  • Mellor validación das ligazóns.

1.6.0 – 2025-08-11

  • Actualizado para ser compatible con Elementor 3.3+.
  • Engadida a compatibilidade para facer clicables os contedores.
  • Corrixidos os ganchos obsoletos para unha maior estabilidade.

1.5.1 – 2025-08-11

  • Engadida a compatibilidade para facer clicables as seccións.

1.5.0 – 2025-08-11

  • Actualizadas as versións e as bibliotecas.

1.4.0 – 2022-04-20

  • Engadida a compatibilidade con WPML.

1.3.1 – 2019-10-12

  • Corrección: evítase o aviso de índice ilegal.
  • Novo: compatibilidade con varias ventás emerxentes.

1.3.0 – 2019-08-27

  • Novo: compatibilidade coas ventás emerxentes e as caixas de luz de Elementor.

1.2.1 – 2019-04-16

  • Novo: compatibilidade co desprazamento suave.
  • Corrección: agora as ligazóns funcionan con contido dinámico.

1.2.0 – 2019-03-14

  • Novo: evita a redirección da columna ao facer clic en ligazóns ou botóns personalizados.

1.1.0 – 2019-02-14

  • Corrección: ligazóns que se abrían en novas pestanas.
  • Corrección: melloras menores.

1.0.0 – 2018-11-21

  • Primeira versión.