Secciones y columnas clickables en Elementor

Hola, el caso que os traigo hoy es algo muy básico pero que Elementor, a día de hoy, no tiene contemplado. Vamos a ver cómo hacer columnas o secciones en las que se pueda hacer click.

Puede darse la ocasión de que nuestro diseño requiera que una columna completa o incluso una sección pueda ser clickable. En las propiedades de ambos widgets dentro de Elementor no tenemos opción de agregar un enlace, por tanto, tenemos que ingeniárnoslas para hacerlo de un modo más manual.

En este ejemplo tenemos una sección principal que a su vez tiene dentro una sección interior con dos columnas: una imagen y un texto. Podemos aplicar enlaces individualmente al encabezado y a la imagen pero no a la columna negra que contiene el encabezado. Este es el problema.

Ejemplo banner clickable

Evidentemente, podríamos hacer que todo fuera una imagen y añadirle un enlace directamente en el widget de Elementor, pero esto es una mala práctica y nos limita a la hora de ajustar el diseño para diferentes dispositivos.

Vamos a ver cómo hacerlo de otra forma.

Si te ha gustado, comparte!

Share on whatsapp
WhatsApp
Share on facebook
Facebook
Share on twitter
Twitter

6 respuestas

  1. Excelente!! Muchas gracias por la información, me sirvió mucho!
    Pero tengo un problema más: necesito que la columna entera me abra un popup (que hice con el plugin Master Popups), pero al colocar la clase del popup en el espacio para la url, de la misma manera que lo hice con la imagen de la columna, no me funciona.
    Cómo puedo hacer para que la columna entera me abra un popup?
    Muchas gracias!
    Saludos!

      1. Alberto, muchas gracias por tu respuesta!
        Estoy usando ese plugin, que funciona perfecto con url del estilo https://www.direccion.com.
        El problema surge cuando quiero poner la clase del pop up que hice: mpp-trigger-popup-836. Colocando esa misma clase, en la url personalizada de la imagen sí me funciona y me hace clickeable la imagen para que aparezca el pop up.
        No sé por qué no funciona esa clase en la url de la columna, por ahí tendré que indicarla de otra manera?
        Desde ya muchas gracias!!
        Saludos!

        1. Buenas,

          Sólo lo he hecho con popups de Elementor, no de ese plugin en concreto. Mira este vídeo a ver si puedes hacer algo parecido para obtener la URL del popup y enlazarlo desde la columna: https://www.youtube.com/watch?v=VZ4J7g_LSDw

          Si te interesa adentrarte un poco más en Elementor, que sepas que tenemos la comunidad privada en elemenpros.com 😉

          Saludos.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *