{"id":24289,"date":"2026-11-13T13:55:36","date_gmt":"2026-11-13T13:55:36","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/elements-overview\/"},"modified":"2026-11-13T13:55:36","modified_gmt":"2026-11-13T13:55:36","password":"","slug":"elements-overview","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/elements-overview\/","title":{"rendered":"\u00c9l\u00e9ments de WP Table Builder : pr\u00e9sentation des 14 \u00e9l\u00e9ments"},"content":{"rendered":"
\n

R\u00e9ponse rapide<\/p>\n\n\n\n

WP Table Builder propose 14 \u00e9l\u00e9ments \u00e0 glisser dans les cellules du tableau. Sept sont gratuits : Texte<\/strong>, Bouton<\/strong>, Image<\/strong>, Liste<\/strong>, Note en \u00e9toiles<\/strong>, HTML personnalis\u00e9<\/strong> et Shortcode<\/strong>. Sept n\u00e9cessitent WP Table Builder Pro : Note circulaire<\/strong>, Ic\u00f4ne<\/strong>, Ruban<\/strong>, Liste stylis\u00e9e<\/strong>, Texte avec ic\u00f4ne<\/strong>, Barre de progression<\/strong> et Badge<\/strong>. Glissez un \u00e9l\u00e9ment depuis l\u2019onglet \u00c9l\u00e9ments<\/strong> dans une cellule, puis s\u00e9lectionnez-le pour modifier ses r\u00e9glages.<\/p>\n<\/div>\n\n\n\n

Les \u00e9l\u00e9ments sont les briques plac\u00e9es dans les cellules du tableau. Une cellule peut contenir un \u00e9l\u00e9ment ou plusieurs empil\u00e9s, par exemple une image, un nom de produit, une note en \u00e9toiles et un bouton.<\/p>\n\n\n\n

\"L\u2019onglet<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Comment ajouter un \u00e9l\u00e9ment<\/h2>\n\n\n\n
    \n
  1. Ouvrez le tableau dans le constructeur et cliquez sur \u00c9l\u00e9ments<\/strong> .<\/li>\n\n\n\n
  2. Trouvez l\u2019\u00e9l\u00e9ment ou tapez son nom dans Search elements<\/strong>.<\/li>\n\n\n\n
  3. Glissez-le dans une cellule. Une cellule peut contenir plusieurs \u00e9l\u00e9ments.<\/li>\n\n\n\n
  4. Cliquez sur l\u2019\u00e9l\u00e9ment pour voir ses r\u00e9glages dans le panneau de gauche.<\/li>\n<\/ol>\n\n\n\n

    Les cellules vides contiennent un \u00e9l\u00e9ment Text par d\u00e9faut, vous pouvez donc cliquer sur n\u2019importe quelle cellule et commencer \u00e0 \u00e9crire.<\/p>\n\n\n

    <\/div><\/div><\/div>\n\n\n

    \u00c9l\u00e9ments gratuits<\/h2>\n\n\n\n
    \u00c9l\u00e9ment<\/th>Ce qu\u2019il fait<\/th>Usage typique<\/th><\/tr><\/thead>
    Texte<\/a><\/td>Texte enrichi avec gras, italique, liens, alignement, police et balises paragraphe ou H1 \u00e0 H6<\/td>Libell\u00e9s, descriptions, prix<\/td><\/tr>
    Bouton<\/a><\/td>Un bouton lien avec taille, couleurs, effets au survol, ic\u00f4ne et \u00e9tiquette facultative (Pro)<\/td>Acheter, En savoir plus, S\u2019inscrire<\/td><\/tr>
    Image<\/a><\/td>Une image de la m\u00e9diath\u00e8que ou d\u2019une URL, avec taille, alignement, texte alternatif et lien<\/td>Photos de produits, logos<\/td><\/tr>
    Liste<\/a><\/td>Liste ordonn\u00e9e ou non ordonn\u00e9e avec choix de puces, couleurs, espacement et infobulles par \u00e9l\u00e9ment (Pro)<\/td>Listes de fonctionnalit\u00e9s<\/td><\/tr>
    Note en \u00e9toiles<\/a><\/td>Des \u00e9toiles de 0 \u00e0 une note maximale, avec un nombre facultatif<\/td>Notes d\u2019avis<\/td><\/tr>
    HTML personnalis\u00e9<\/a><\/td>Votre propre HTML, y compris des int\u00e9grations et des iframes<\/td>Vid\u00e9os, formulaires, balisage personnalis\u00e9<\/td><\/tr>
    Shortcode<\/a><\/td>Ex\u00e9cute n\u2019importe quel shortcode WordPress dans une cellule<\/td>Contenu d\u2019autres extensions<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
    <\/div><\/div><\/div>\n\n\n

    \u00c9l\u00e9ments Pro<\/h2>\n\n\n\n
    \u00c9l\u00e9ment<\/th>Ce qu\u2019il fait<\/th>Usage typique<\/th><\/tr><\/thead>
    Note circulaire<\/a><\/td>Une note circulaire affich\u00e9e en nombre ou en pourcentage<\/td>Notes d\u2019avis, r\u00e9sultats de tests<\/td><\/tr>
    Ic\u00f4ne<\/a><\/td>Une ou plusieurs ic\u00f4nes, chacune avec son propre lien<\/td>Coches, logos de plateformes<\/td><\/tr>
    Ruban<\/a><\/td>Un ruban rectangulaire, lat\u00e9ral, avec ic\u00f4ne, signet ou en coin<\/td>\u00c9tiquettes Meilleur choix, Meilleur rapport qualit\u00e9-prix<\/td><\/tr>
    Liste stylis\u00e9e<\/a><\/td>Une liste avec une ic\u00f4ne personnalis\u00e9e par \u00e9l\u00e9ment et des infobulles<\/td>Avantages et inconv\u00e9nients, listes de fonctionnalit\u00e9s<\/td><\/tr>
    Texte avec ic\u00f4ne<\/a><\/td>Du texte avec une ic\u00f4ne \u00e0 gauche ou \u00e0 droite<\/td>Infos de livraison, points forts courts<\/td><\/tr>
    Barre de progression<\/a><\/td>Une barre horizontale qui affiche une valeur<\/td>Notes, capacit\u00e9, comparaisons<\/td><\/tr>
    Badge<\/a><\/td>Une petite \u00e9tiquette color\u00e9e<\/td>Nouveau, Promo, Meilleure vente<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
    <\/div><\/div><\/div>\n\n\n

    R\u00e9glages d\u2019\u00e9l\u00e9ments que vous verrez souvent<\/h2>\n\n\n\n