Avec Elementor Pro , vous pouvez ajouter des attributs personnalisés à l’encapsuleur de chaque section , colonne ou widget . Cela permet d’ajouter des attributs data- *, des attributs ARIA (accessibilité) et des valeurs, un en-tête, un pied de page, une barre latérale, rel = * et d’autres attributs qui peuvent être trouvés ici: https://www.tutorialspoint.com/html5/html5_attributes .htm

Ajouter des attributs personnalisés à des sections, des colonnes ou des widgets

  1. Cliquez avec le bouton droit sur le bouton d’édition de l’élément et cliquez sur Modifier la section pour ouvrir le panneau des paramètres de la section. De même, si vous modifiez un widget, un clic droit affichera l’option Modifier le widget et la modification d’une colonne affichera Modifier la colonne.
  2. Allez dans Avancé> Attributs personnalisés
  3. Ajoutez votre code pour l’élément à l’éditeur, en utilisant la clé de format | valeur . Par exemple, pour ajouter role = “presentation” au HTML de l’élément, entrez role | presentation ici.

Conseil : définissez des attributs personnalisés pour l’élément wrapper, avec chaque attribut sur une ligne distincte. Séparez la clé d’attribut de la valeur à l’aide du | personnage.

Source : https://docs.elementor.com/article/445-custom-attributes