Une carte avec un bouton, c'est bien Une carte qui est cliquable partout convertit mieux, car les visiteurs cliquent sur l'image, le titre, le remplissage, tout ce qui se trouve sous le curseur Les boutons et les titres des liens de l'élémenteur, et un conteneur peuvent être commutés sur une balise de lien, mais les sections, les colonnes et les widgets n'ont pas d'option de lien propre Le Lien d'emballage extension dans Modules complémentaires principaux pour Elementor ajoute un : un champ Lien sur n'importe quel élément qui rend le tout cliquable.
Cette page couvre les paramètres Pour un aperçu de ce que fait l'extension et comment elle se compare avec le lien conteneur intégré d'Elementor, voir le Extension de lien d'emballage d'élémenteur page.
Collez une URL, cochez nouvelle fenêtre ou ne suivez pas si vous en avez besoin, et l'élément complet devient la cible de clic. Il accepte même les balises dynamiques Elementor, afin que le lien puisse pointer vers la publication actuelle, une page d'auteur ou toute source dynamique.
Ce que fait l'extension Wrapper Link #
Une fois activés, les éléments de l'éditeur Elementor obtiennent un Lien d'emballage section avec un seul Lien contrôle. Tout ce que vous mettez là transforme l'élément entier en un lien sur le front-end : l'intégralité de la boîte d'informations, de la colonne ou de la section, et pas seulement un mot ou un bouton à l'intérieur.
Puisqu'un lien couvre l'élément, vous sautez les anciennes solutions de contournement, comme le bouton invisible tendu sur la carte avec CSS ou une ancre manuscrite dans un widget HTML.
Avant de commencer #
- WordPress avec Élémenteur installé et actif.
- Modules complémentaires principaux pour Elementor installé et actif. Nouveau au plugin ? Suivez le guide d'installation d'abord.
- Wrapper Link est une extension gratuite, donc aucune licence Pro n'est requise.
Comment activer l'extension Wrapper Link #
Depuis votre tableau de bord WordPress, rendez-vous sur Additions maîtres et ouvrez le Extensions onglet. Wrapper Link se trouve dans le Widgets dynamiques groupe, entre Boutures d'outils et Conditions d'affichage. Cliquez sur sa bascule pour qu'elle devienne violette, puis frappez Enregistrer Modifications en haut et attendez l'avis de” enregistré avec succès par les“Settings vertes.
Ajouter un lien wrapper à un élément #
Ouvrez votre page avec Elementor et sélectionnez l'élément que vous souhaitez rendre cliquable Dans l'exemple vidéo, il s'agit d'une carte Info Box dans une ligne de fonctionnalités à trois colonnes. UN Lien d'emballage la section avec le badge MA violet se trouve désormais dans le panneau, contenant un champ : Lien.
Coller l'URL de destination Cliquez sur l'icône d'engrenage pour ouvrir les options de lien :
- Ouvrir dans une nouvelle fenêtre : charge la destination dans un nouvel onglet, le bon appel pour les liens externes.
- Ajouter nonsuivre: lorsque le lien s'ouvre dans une nouvelle fenêtre, la page s'ouvre sans passer les données du référent Wrapper Link gère le clic avec un script, donc les moteurs de recherche ne le traitent pas comme un lien et ce paramètre n'a aucun effet SEO.
Enregistrer ou publier, et la carte entière est maintenant un grand lien sur la page en direct Répétez pour les autres cartes, chacune avec sa propre destination.
Utilisez une balise dynamique comme lien #
L'icône de base de données à côté du champ Lien ouvre celle d'Elementor Balises dynamiques. Au lieu d'une URL fixe, le lien wrapper peut extraire sa destination du contenu : URL de publication, page d'auteur, URL du site ou champ personnalisé. Dans la démo utilisée par la carte Poster l'URL« Ainsi, partout où ce modèle se présente, la carte renvoie à son propre message ».
Cette combinaison est importante dans les modèles de création de thèmes et les éléments de boucle, où la destination doit changer par publication. Associez-le au Extension Dynamic Tags pour plus de sources.
Où les liens wrapper aident #
- Cartes de fonctionnalités et de service. Toute la boîte d'informations clique sur la page de détail, pas seulement sur le titre.
- Cartes postales de blog dans les modèles. Wrapper Link plus la balise dynamique Post URL fait que chaque carte d'une boucle renvoie à son propre article.
- Sections de bannières. Une section promo complète qui clique sur la page de la campagne.
- Cartes de membre de l'équipe. Cliquez n'importe où sur la personne pour ouvrir son profil.
- Grilles de logo. Chaque cellule du logo client est reliée, sans suivre une case à cocher.
Tutoriel Vidéo #
Regardez l'ensemble du flux, depuis l'activation de l'extension jusqu'à la liaison d'une carte avec une balise dynamique.
Foire aux questions #
Comment puis-je faire en sorte qu'une section entière puisse être cliquée dans Elementor ?
Activez l'extension Wrapper Link dans l'onglet Extensions des addons principaux, sélectionnez la section dans l'éditeur Elementor et collez une URL dans le champ Wrapper Link. L'ensemble de la section devient la cible de clics sur le front-end, avec une nouvelle fenêtre en option et des paramètres de non-suivi.
Le lien wrapper peut-il s'ouvrir dans un nouvel onglet ou utiliser nofollow ?
Oui. Cliquez sur l'icône de vitesse sur le champ Lien et cochez Ouvrir dans une nouvelle fenêtre ou Ajouter un non-suivre. Wrapper Link gère le clic avec un script, afin que les moteurs de recherche ne le suivent pas comme un lien quelle que soit la case que vous cochez.
Wrapper Link fonctionne-t-il avec les balises dynamiques ?
Oui. L'icône Balises dynamiques à côté du champ Lien accepte des sources comme l'URL de publication, l'URL d'auteur ou un champ personnalisé. Dans les modèles de boucle, cela signifie que chaque carte est automatiquement liée à sa propre publication, sans modifier les liens un par un.
Qu'arrive-t-il aux boutons ou aux liens à l'intérieur d'un élément enveloppé ?
Un clic n'importe où à l'intérieur de l'élément enveloppé, y compris sur ses propres boutons, va à l'URL de l'emballage Utilisez Wrapper Link sur les cartes où toute la surface doit aller vers une destination, et liez plutôt des boutons individuels lorsqu'une mise en page a besoin de plusieurs destinations.
L'extension Wrapper Link est-elle gratuite ?
Oui. Wrapper Link est livré avec la version gratuite de Master Addons for Elementor, dans le groupe Dynamic Widgets de l'onglet Extensions. Le page de tarification répertorie ce que les plans Pro ajoutent au-delà des extensions gratuites.
Envelopper #
L'extension Wrapper Link comble l'une des plus anciennes lacunes d'Elementor : rendre cliquable toute une section, une colonne ou un widget sans piratage CSS. Un champ, deux cases à cocher et la prise en charge dynamique des balises pour les cas d'utilisation et un aperçu côte à côte du propre lien de conteneur d'Elementor, visitez le Page d'extension Wrapper Link. Parcourir le reste du Widgets et extensions Master Addons pour plus de mises à niveau de l'éditeur, ou prenez une conception de départ du kits de modèles et câbler les liens vous-même.
