Une fonction manquante des versions précédentes d’Elementor à fait son apparition avec la FlexBox : on peut désormais appliquer un lien à tout conteneur très simplement en modifiant la balise HTML du conteneur.
Une balise supplémentaire pour ajouter un lien au conteneur d’Elementor
Jusqu’à présent il était impossible d’ajouter un lien à une section ou une colonne avec Elementor (gratuit ou PRO). Pour ce faire il fallait ajouter une extension comme : Make Section & Column Clickable. Cela affichait un champ supplémentaire pour appliquer un lien à une section/colonne.
Cette extension, par contre, ne fonctionne pas (encore) avec le nouveau conteneur de la Flexbox d’Elementor. Bien décidé à appliquer un lien à un conteneur j’ai découvert, au détour d’une discussion sur le GitHub d’Elementor, que cette fonctionnalité est maintenant présente dans les réglages du conteneur, bingo !
Le format HTML du conteneur d’Elementor est riche en options
Pour ajouter un lien à un conteneur, une fois sélectionné vous vous rendez dans la sous-section Format HTML des Options supplémentaires de l’onglet Mise en page.
Le lien est tout en bas du menu déroulant des options de format HTML. On y trouve aussi les éléments HTML suivants : div, header, footer, main, article, section, aside, nav.
Notez l’avertissement au sujet de cette option : ”N’ajouter pas de lien vers les éléments placés dans les conteneurs – Cela va briser la mise en page.“
Après plusieurs utilisations ça fonctionne très bien, même dans des conteneurs imbriqués les un dans les autres.
Une option très pratique pour créer des éléments pour convertir vos contenus et apporte de l’interaction, à essayer !
Source : documentation d’Elementor