Una tarjeta con un botón está bien. Una tarjeta en la que se puede hacer clic en todas partes se convierte mejor, porque los visitantes hacen clic en la imagen, el título, el relleno, lo que sea que esté debajo del cursor. Elementor vincula botones y encabezados, pero no tiene una forma limpia de crear una sección completa o un widget con un enlace grande. El Enlace envolvente extensión en Complementos maestros para Elementor agrega exactamente eso: un campo Enlace en cualquier elemento que envuelva todo en un ancla.
Pegue una URL, marque una ventana nueva o no siga si la necesita y el elemento completo se convertirá en el objetivo de clic. Incluso acepta etiquetas dinámicas de Elementor, por lo que el enlace puede apuntar a la publicación actual, una página de autor o cualquier fuente dinámica.
Qué hace la extensión Wrapper Link #
Una vez habilitado, los elementos del editor Elementor obtienen un Enlace envolvente sección con un solo Enlace control. Cualquier cosa que coloque allí convierte todo el elemento en un enlace en el extremo frontal: todo el cuadro de información, columna o sección, no solo una palabra o botón dentro de él.
Dado que un enlace cubre el elemento, se omiten las soluciones antiguas, como el botón invisible extendido sobre la tarjeta con CSS o un ancla escrita a mano en un widget HTML.
Antes de empezar #
- WordPress con Elementor instalado y activo.
- Complementos maestros para Elementor instalado y activo. ¿Nuevo en el complemento? Sigue el guía de instalación primero.
- Wrapper Link es una extensión gratuita, por lo que no se requiere licencia Pro.
Cómo habilitar la extensión Wrapper Link #
Desde su panel de WordPress, vaya a Complementos maestros y abre el Extensiones pestaña. El enlace envolvente se encuentra en el Widgets dinámicos grupo con insignia Popular, entre Información sobre herramientas y Condiciones de visualización. Haga clic en su palanca para que se vuelva violeta y luego presione Guardar cambios en la parte superior, espere el aviso verde “Configuración guardada correctamente”.
Agregue un enlace contenedor a un elemento #
Abra su página con Elementor y seleccione el elemento en el que desea que se pueda hacer clic. En el ejemplo del vídeo, es una tarjeta Info Box en una fila de funciones de tres columnas. A Enlace envolvente la sección con la insignia MA violeta ahora se encuentra en el panel, sosteniendo un campo: Enlace.
Pegue la URL de destino. Haga clic en el icono de engranaje para abrir las opciones de enlace:
- Abrir en nueva ventana: carga el destino en una nueva pestaña, la llamada correcta para enlaces externos.
- Añadir nofollow: agrega rel=”nofollow”, útil para destinos afiliados o patrocinados.
Guarde o publique, y toda la tarjeta ahora es un gran enlace en la página en vivo. Repita para las otras tarjetas, cada una con su propio destino.
Utilice una etiqueta dinámica como enlace #
El icono de la base de datos al lado del campo Enlace abre Elementor Etiquetas dinámicas. En lugar de una URL fija, el enlace contenedor puede extraer su destino del contenido: URL de publicación, página de autor, URL del sitio o un campo personalizado. En la demostración utiliza la tarjeta Publicar URL, entonces, dondequiera que se represente esta plantilla, la tarjeta se vincula a su propia publicación.
Esa combinación es importante en las plantillas de creación de temas y los elementos de bucle, donde el destino debe cambiar por publicación. Emparejarlo con el Extensión de etiquetas dinámicas para más fuentes.
Donde los enlaces envolvedores ayudan #
- Tarjetas de características y servicios. Todo el cuadro de información hace clic en la página de detalles, no solo en el título.
- Tarjetas postales de blog en plantillas. Wrapper Link más la etiqueta dinámica Post URL hace que cada tarjeta en un bucle se vincule a su propio artículo.
- Secciones de pancartas. Una sección promocional de ancho completo que hace clic en la página de la campaña.
- Tarjetas de miembro del equipo. Haga clic en cualquier lugar de la persona para abrir su perfil.
- Rejillas de logotipos. Cada celda del logotipo del cliente se vincula, sin seguir una casilla de verificación.
Vídeotutorial #
Observe todo el flujo, desde habilitar la extensión hasta vincular una tarjeta con una etiqueta dinámica.
Preguntas frecuentes #
¿cómo hago que se pueda hacer clic en una sección completa en Elementor?
Habilite la extensión Wrapper Link en la pestaña Extensiones de complementos maestros, seleccione la sección en el editor Elementor y pegue una URL en el campo Wrapper Link. Toda la sección se convierte en el destino de clic en el front-end, con una nueva ventana opcional y configuraciones sin seguimiento.
¿se puede abrir el enlace contenedor en una nueva pestaña o usar nofollow?
Sí. Haga clic en el icono de engranaje en el campo Enlace y marque Abrir en una ventana nueva o Agregar nofollow. La nueva ventana establece target=”_blank” y nofollow agrega rel=”nofollow”, que cubre destinos externos, afiliados y patrocinados.
¿wrapper Link funciona con etiquetas dinámicas?
Sí. El icono de Etiquetas dinámicas al lado del campo Enlace acepta fuentes como URL de publicación, URL de autor o un campo personalizado. En plantillas de bucle, eso significa que cada tarjeta enlaza a su propia publicación automáticamente, sin editar enlaces uno por uno.
¿qué sucede con los botones o enlaces dentro de un elemento envuelto?
Manténgalo simple: un elemento que es un enlace grande no debe contener enlaces separados en su interior, ya que los anclajes anidados confunden a los navegadores y visitantes. Utilice Wrapper Link en tarjetas cuya superficie completa debe ir a un destino y deje diseños de enlaces múltiples en botones individuales.
¿la extensión Wrapper Link es gratuita?
Sí. Wrapper Link se envía con la versión gratuita de Master Addons para Elementor, en el grupo de Widgets dinámicos de la pestaña Extensiones. El página de precios enumera lo que agregan los planes Pro más allá de las extensiones gratuitas.
Envolviendo #
La extensión Wrapper Link cierra uno de los espacios más antiguos de Elementor: hacer que se pueda hacer clic en una sección, columna o widget completo sin hacks de CSS. Un campo, dos casillas de verificación y soporte de etiquetas dinámicas para plantillas. Explora el resto del Widgets y extensiones de complementos maestros para obtener más actualizaciones del editor, o obtenga un diseño inicial del kits de plantillas y conecte los enlaces usted mismo.
