Les tableaux sont un moyen courant de partager des informations sur un site web et peuvent être utilisés pour afficher une variété de contenus tels que des prix, des listes de caractéristiques et des liens. WordPress permet de créer des tableaux de base, mais si vous souhaitez davantage d'options de personnalisation, Elementor peut être un bon choix.

Avec Elementor, vous pouvez non seulement profiter de ses widgets de formulaire intégrés, mais vous pouvez également ajouter d'autres widgets de formulaire à ce constructeur de pages populaire en installant le plugin dédié Elementor Forms.

1、Quand utiliser la table Elementor

Les tableaux sont un outil très utile sur les sites web et on les trouve presque partout. Ils sont principalement utilisés pour organiser et présenter des données afin que les visiteurs puissent facilement comparer et comprendre les informations.

Presque tous les sites web proposant des services ou des abonnements utilisent des tableaux pour afficher les prix et les caractéristiques des différents forfaits. Les tableaux permettent non seulement d'afficher des informations détaillées, mais aussi de donner à l'article ou à la page web un aspect plus net et plus facile à lire. Alors qu'un texte long peut parfois être difficile à assimiler, les tableaux peuvent efficacement diviser ce texte et faciliter la navigation dans le contenu.

WordPresséditeur de blocsL'ajout de tableaux est très facile. Vous êtes libre de définir le nombre de lignes et de colonnes du tableau, et vous avez la possibilité d'ajouter des informations selon vos besoins.

Bien que WordPress vous permette d'apporter des modifications de base aux tableaux, telles que le changement des couleurs d'arrière-plan, l'ajustement des styles de boutons et la modification de la taille des polices, si vous souhaitez créer des tableaux plus élaborés et plus complexes, vous devrez peut-être utiliser des outils plus avancés, tels que la fonctionElementorpeut-êtreDiviLes constructeurs de pages comme celui-ci. Ces outils offrent davantage d'options de personnalisation pour vous aider à concevoir des formulaires à la fois esthétiques et pleinement fonctionnels.

Ce que les tables Elementor peuvent faire

Pour créer des formulaires plus complexes et plus personnalisés que le formulaire WordPress de base, le widget de liste de prix hautement personnalisable fourni par Elementor est une excellente option. En utilisant Elementor, vous pouvez modifier le titre de votre formulaire, personnaliser le style du titre, ajouter une liste de caractéristiques et modifier les termes d'appel à l'action (CTA) afin que votre formulaire ne soit pas seulement informatif, mais qu'il guide également l'utilisateur tout au long du processus. Ces personnalisations rendent vos formulaires plus attrayants et plus conformes au style et aux besoins de votre site web.

Avec Elementor, vous pouvez créer n'importe quel type de mise en page pour n'importe quelle page ou article. Vous pouvez mettre en place un design multi-colonnes afin de placer plusieurs pages côte à côte.liste de prixWidget :

Comment créer un tableau Elementor manuellement

Créez un tableau de prix à l'aide d'Elementor. Tout d'abord, ouvrez le fichier Éditeur Elementor. Vous pouvez choisir de commencer par une page vierge ou d'importer un modèle de la bibliothèque Elementor :

Lorsque vous êtes prêt à ajouter des éléments, vous devez sélectionner le nombre de colonnes que vous souhaitez pour le tableau. Cliquez sur la partie inférieure de la fenêtre Elementor "+"puis sélectionnez la structure de colonne à utiliser pour la section de prix :

Attention :Si vous utilisez plusieurs colonnes, vous devrez ajouter un fichierliste de prixWidgets. Bien que chaque formulaire soit un élément unique, les utilisateurs les verront côte à côte (ou l'un en dessous de l'autre sur les appareils mobiles) dans le cadre d'une section :

Il est recommandé d'ajouter d'abord unliste de prixet le styliser. Vous pouvez ensuite copier ou dupliquer l'élément dans les autres colonnes et ajouter un texte unique à chaque colonne.

Pour personnaliser le formulaire, sélectionnez l'élément et passez aux paramètres du widget sous la rubrique"Style"tab. Elementor vous offre un certain nombre d'options de style. Celles-ci comprennentSélection des couleursetParamètres de mise en pageet la configuration unique de chaque section du formulaire :

Une fois que vous avez ajusté le style de la liste de prix et que vous en êtes satisfait, vous pouvez cliquer avec le bouton droit de la souris sur la liste de prix et sélectionner "faire une copie de"Cette option permet de générer une copie identique sous la liste de prix originale. Cette option génère une copie identique sous la liste de prix originale. Vous pouvez ensuite faire glisser cette copie dans n'importe quelle colonne vide de la page où vous souhaitez la placer. Cette action vous permet de copier et de réutiliser rapidement les paramètres, ce qui vous fait gagner du temps tout en assurant la cohérence de votre site.

Si vous devez créer plusieurs listes de prix sur votre page web, vous pouvez répéter le processus de copie et d'ajustement ci-dessus pour créer davantage de colonnes. Si vous souhaitez que chaque tableau de prix ait son propre style, vous pouvez ajuster leurs styles individuellement. Veillez toutefois à ce que tous les tableaux aient un style suffisamment uniforme pour que les visiteurs puissent voir clairement qu'ils sont utilisés à des fins de comparaison.

Dans Elementor, vous pouvez également ajouter un code CSS personnalisé à chaque tableau ou autre module pour une personnalisation plus poussée. Pour ajouter un CSS personnalisé, il suffit de trouver le widget de votre choix dans la section "Paramètres avancés"puis cliquez sur "CSS personnaliséL'onglet " est suffisant. Cette fonction vous permet d'optimiser et de personnaliser davantage la page.

L'ajout de CSS personnalisés avec Elementor est beaucoup plus facile que l'édition de code directement dans WordPress. Dans WordPress, il est souvent nécessaire d'aller dans les fichiers du thème et de modifier le code pour optimiser les performances. Avec Elementor, en revanche, il suffit de saisir le code CSS dans les champs correspondants de chaque module.

Si vous pensez qu'écrire manuellement du code CSS vous semble un peu difficile, ne vous inquiétez pas. L'apprentissage du CSS ne nécessite pas que vous soyez un développeur web expert, mais la maîtrise de cette compétence peut vraiment vous aider à personnaliser votre site web WordPress et peut même vous ouvrir la voie d'une carrière dans le développement web.

Une fois que vous avez configuré tous vos formulaires, vous pouvez commencer à modifier leur texte et à ajouter les fonctionnalités souhaitées à chaque entrée. Il vous suffit de cliquer pour sélectionner un formulaire, puis de trouver l'onglet "Contenu" dans les paramètres du widget, où vous pouvez apporter des modifications. Vous pouvez ainsi facilement gérer et mettre à jour le contenu du tableau.

Top Elementor Table Plugins (12 options)

vous présenter12Ces plugins vous permettent d'ajouter de nouveaux types de formulaires aux articles et aux pages. Ces plugins sont conçus pour Elementor mais peuvent être installés et utilisés comme des plugins classiques.

1、Elementor's ElementsKit plugin

ElementsKit est un outil qui ajoute plus de 90 widgets à Elementor, y compris une variété de widgets de tableaux tels que les tableaux de base, les tableaux de prix, et la prise en charge de l'intégration des éléments TablePress.

Les principales caractéristiques sont les suivantes :

• Trois types de widgets de formulaire.
• Prise en charge du filtrage, de la recherche et de la pagination des tableaux.
• L'intégration avec TablePress permet d'intégrer facilement d'autres tableaux.

Informations sur les prix : Les prix d'ElementsKit commencent à 39 $ par an.

2、WP Table Builder

Si vous utilisez Elementor, vous apprécierez l'utilisation de la fonctionWP Table Builder. Le plugin est capable de construire des formulaires en utilisant des éléments préconfigurés (par exemple, des boutons, des sections de commentaires, des évaluations de produits, etc.)

Caractéristiques principales :

• Utilisation du constructeur de tableaux par glisser-déposer
• Accès à des éléments prédéfinis tels que des boutons, des sections d'évaluation et des évaluations de produits
• Personnaliser le style de chaque élément d'un tableau
• Utiliser des modèles de pages prédéfinis

Prix :  Les licences de WP Table Builder commencent à 39$ par an.

3.TablePress

TablePress est un plugin WordPress gratuit qui est parfait pour ajouter une fonctionnalité de feuille de calcul à votre site web. Ce plugin permet d'importer des données à partir d'une variété de formats, y compris les fichiers Excel, CSV et JSON. Vous pouvez également exporter les données du tableau vers d'autres applications.

Avec TablePress, vous pouvez créer des tableaux dotés d'une fonction de recherche, ce qui est particulièrement utile pour afficher de grandes quantités de données. Les utilisateurs peuvent choisir d'afficher un nombre spécifique d'entrées et de passer d'une page à l'autre pour consulter les données. Chaque tableau TablePress possède un shortcode unique que vous pouvez ajouter n'importe où sur votre site web à l'aide du widget Shortcode d'Elementor.

Caractéristiques principales :

• Permet d'importer et d'exporter des données aux formats Excel, CSV, JSON et HTML.
• Ajouter des formulaires consultables dans WordPress.
• Activer la pagination des tableaux pour faciliter la navigation.

Informations sur les prix :TablePress est gratuit, mais si vous avez besoin de plus de fonctionnalités, vous pouvez acheter ses extensions premium.

4) Addons essentiels pour Elementor

Addons essentiels pour Elementor Plus de 80 nouveaux widgets ont été ajoutés au constructeur de pages. Vous pouvez choisir entre des tableaux de prix, des fiches techniques, des catalogues et bien plus encore.

Il existe deux versions de ce constructeur. Le plugin gratuit ajoute une version améliorée du widget de table de prix fourni avec Elementor. Si vous souhaitez accéder à la table de données (y compris le filtrage, la recherche et les styles multiples), vous devez acheter une licence premium.

Caractéristiques principales :

• Ajouter des widgets de prix, de données et de table des matières
• Permettre la recherche et le filtrage dans les tableaux

Prix :  Elementor dispose d'une version gratuite d'Essential Addons, avec des licences premium à partir de 39,97 $ par an.

5) PowerPack pour Elementor

PowerPack pour Elementor est un plugin puissant qui ajoute plus de 70 widgets au constructeur de pages Elementor. Ces widgets vous permettent de concevoir des sites web plus rapidement et plus efficacement, et incluent également une toute nouvelle gamme de modèles à utiliser.

En termes de création de tableaux, PowerPack offre des fonctionnalités de tableaux de données triables et consultables, et vous pouvez facilement importer des données à l'aide de fichiers CSV. En outre, ce plug-in fournit une variété de modèles de tableaux afin que vous puissiez choisir le style approprié en fonction de vos besoins.

PowerPack ne se limite pas aux fiches techniques, mais comprend également des widgets d'information et des tableaux de prix. Si vous devez donner aux visiteurs une description détaillée des services offerts, les fiches d'information sont parfaites à cet effet.

Les principales caractéristiques sont les suivantes :

• Créer des tableaux de données triables et consultables.
• Importer des données dans le tableau via un fichier CSV.
• Fournit des widgets de tarification et de fiches d'information pour améliorer la présentation des informations sur le site.

Informations sur les prix : Les licences PowerPack sont proposées à partir de 44 $ par an. Ce prix vous permet de bénéficier de toutes ces fonctionnalités avancées pour améliorer le professionnalisme de la conception de votre site web.

6. les plugins propriétaires d'Elementor

Plugins exclusifs pour ElementorIl existe une version gratuite et une version premium. Le plugin gratuit ajoute plus de 40 widgets à Elementor, tandis que la licence premium vous apportera plus de 65 widgets professionnels.

En ce qui concerne les tableaux, la version gratuite ajoute un nouveau module "Pricing Tables". Avec la version premium, vous pouvez accéder aux tableaux de comparaison et aux tableaux de données. Les tableaux de comparaison fonctionnent de la même manière que les éléments de tarification, mais vous pouvez utiliser de nouvelles mises en page et de nouveaux styles.

Caractéristiques principales :

• Ajout d'un nouveau module de tarification
• Accès aux tableaux de comparaison et aux tableaux de données
• Dispositions multiples pour l'accès aux widgets du formulaire

Prix :Elementor dispose d'une version gratuite de Exclusive Addons. Les licences Premium sont proposées à partir de 29 $ par an.

7) JetElements

Éléments de jet est un plugin qui ajoute 150 nouveaux widgets à Elementor, conçus principalement pour les sites de commerce électronique et d'abonnement. En plus des fonctionnalités habituelles, JetElements propose quelques widgets de formulaire intéressants tels que des tableaux de prix et des formulaires réactifs.

Le widget de table de prix fourni par JetElements a plus d'options de personnalisation que la table de prix de base d'Elementor. Par exemple, vous pouvez ajouter des effets visuels attrayants, tels que des effets de parallaxe et des micro-animations pour les éléments du formulaire, afin de rendre votre formulaire plus attrayant et dynamique.

Caractéristiques principales :

• Ajouter des tableaux de prix et des widgets de tableaux réactifs à Elementor.
• Fournir de nombreuses options de personnalisation pour les effets visuels, tels que les effets de parallaxe et d'animation, afin de rendre le formulaire plus vivant.

Informations sur les prix : Les licences tout compris pour JetElements commencent à 43 $ par an. Si vous n'avez besoin que de fonctionnalités spécifiques, vous pouvez également opter pour un pack de widgets personnalisés, dans lequel vous payez au fur et à mesure et n'achetez que les widgets dont vous avez besoin. Cette flexibilité fait de JetElements un excellent choix pour une grande variété de besoins.

8. modules d'extension Premium pour Elementor

Addons Premium pour ElementorLes versions gratuite et premium du plugin sont toutes deux fournies, mais le nouveau widget de formulaire n'est inclus que dans la version premium.

Si vous choisissez d'acheter une licence Premium, vous pourrez utiliser les widgets Tableaux de données et Tableaux de prix. Ces outils avancés sont parfaits pour présenter des informations détaillées aux visiteurs et peuvent être utilisés conjointement avec le widget Tableaux et graphiques pour rendre l'affichage des données plus intuitif et attrayant.

Les principales caractéristiques sont les suivantes :

• Ajoutez les widgets Data Sheet et Pricing Table à Elementor.
• Les tableaux peuvent être utilisés conjointement avec des diagrammes et des widgets graphiques pour une présentation plus riche et plus dynamique de l'information.

Informations sur les prix : Les licences pour les plugins premium d'Elementor commencent à 39 $ par an. Ce prix vous permet de débloquer ces fonctionnalités premium afin d'enrichir la présentation du contenu de votre site web.

9. le DataMentor

DataMentor est un add-on qui ajoute un widget de formulaire unique riche en fonctionnalités à Elementor. Ce widget offre un large éventail de fonctionnalités qui dépassent la plupart des modules complémentaires que nous avons vus jusqu'à présent.

Avec DataMentor, vous pouvez créer des tableaux hautement personnalisés avec des images, des boutons, des listes et des icônes dans chaque élément du tableau. Vous pouvez également définir des styles uniques pour chaque colonne ou chaque ligne afin de donner au tableau un aspect plus professionnel et plus attrayant. Si vous avez besoin d'inspiration ou si vous voulez commencer à concevoir rapidement, DataMentor propose également plusieurs modèles de tableaux.

Les principales caractéristiques sont les suivantes :

• Ajoute un nouveau widget de formulaire à Elementor.
• Divers modèles de formulaires sont fournis pour une conception rapide.
• Permet d'ajouter des images, du texte, des boutons, des listes et des icônes à un formulaire afin d'en améliorer la fonctionnalité et l'aspect visuel.

Informations sur les prix : DataMentor est un plugin gratuit qui vous donne un accès libre à toutes ces fonctionnalités premium pour ajouter un contenu tabulaire riche et dynamique à votre site web.

10. Happy Addons pour Elementor

Happy Addons pour Elementor est un plugin très complet qui ajoute plus de 140 widgets et de nombreux nouveaux modèles au constructeur de pages Elementor.

En ce qui concerne la fonctionnalité des tableaux, Happy Addons propose des types de widgets de tableau basiques et avancés. Les widgets de formulaire avancés permettent d'importer des données à partir de plusieurs formats et offrent des fonctions de recherche, de filtrage et de pagination, ce qui facilite la gestion de grandes quantités de données. Happy Addons comprend également des éléments pour les tableaux de prix et les tableaux comparatifs afin d'aider les utilisateurs à mieux présenter les différentes options pour les produits et les services.

Les principales caractéristiques sont les suivantes :

• Des widgets de formulaires basiques et avancés sont disponibles.
• Prise en charge de l'importation de données à partir de plusieurs formats.
• Fournit une variété de mises en page de formulaires préconçus.
• Comprend un tableau des prix et des éléments de comparaison.

Informations sur les prix : Happy Addons propose une version gratuite. Si vous avez besoin de plus de fonctionnalités, les licences premium commencent à 39 $ par an. Ce prix vous donne accès à des fonctionnalités plus avancées qui vous aideront à créer un contenu de site web plus riche et plus professionnel.

11. Royal Elementor Addons

Royal Elementor Addons est un plugin qui ajoute plus de 90 nouveaux widgets à Elementor. Les widgets eux-mêmes sont gratuits, mais vous pouvez également choisir d'acheter la version premium pour débloquer des options de personnalisation supplémentaires pour chaque widget.

Avec Royal Elementor Addons, vous pouvez ajouter un tout nouveau widget de tableau de prix à Elementor. Ce widget offre une variété de nouvelles options de style pour rendre votre tableau de prix encore plus attrayant. Il comprend également une option de basculement pratique qui permet aux visiteurs de basculer facilement entre les prix mensuels et annuels (ou d'autres options similaires).

Les principales caractéristiques sont les suivantes :

• Ajouter un nouveau widget Pricing Table à Elementor.
• Personnalisez votre tableau des prix grâce à de nouvelles options de style.
• Ajouter une fonction de changement de prix au tableau des prix pour permettre aux utilisateurs de choisir facilement différents cycles de facturation.

Informations sur les prix : Les fonctionnalités de base des modules complémentaires Royal Elementor sont gratuites. Si vous avez besoin de fonctionnalités plus avancées, la version Premium coûte 29 $ par site (en une seule fois) pour une licence, ce qui en fait une option abordable qui peut améliorer considérablement la fonctionnalité et l'attrait visuel de votre site.

12. éléments du module complémentaire Elementor

Elementor Addon Elements est un plugin entièrement gratuit qui ajoute plus de 24 nouveaux widgets à Elementor, y compris des tableaux de prix, des tableaux de comparaison et des tableaux de données.

Le tableau des prix de ce plugin offre de nombreuses options de personnalisation supplémentaires qui ne sont pas disponibles dans le widget par défaut d'Elementor. Pour les tableaux de données, vous pouvez choisir de créer des tableaux qui sont consultables ou filtrables, ce qui permet aux utilisateurs de trouver plus facilement les informations dont ils ont besoin. En outre, vous pouvez ajouter des animations aux tableaux pour les rendre plus attrayants visuellement.

Les principales caractéristiques sont les suivantes :

• Ajouter des listes de prix, des tableaux de comparaison et des tableaux de données à Elementor.
• Fournit des options de tableaux de données consultables et filtrables.
• Les fiches techniques peuvent être animées pour améliorer l'attrait visuel.

Informations sur les prix : Elementor Addon Elements est entièrement gratuit et vous êtes libre d'utiliser toutes ces fonctionnalités pour enrichir le contenu de votre site web.

Résumé :

Elementor offre une gamme d'outils qui facilitent la création de formulaires WordPress à la fois élégants et sophistiqués. De nombreux plugins WordPress compatibles avec Elementor vous permettent d'ajouter presque n'importe quel type de tableau à votre site web.

Le constructeur de pages Elementor est livré avec un widget de tableau de prix intuitif qui vous permet de créer rapidement un tableau de prix. Si vous souhaitez ajouter d'autres types de tableaux, essayez d'utiliser le widget spécialisé Elementor Table Pluginpar exemple ElementsKit peut-être WP Table BuilderCes plugins offrent plus d'options et de fonctionnalités pour les formulaires. Ainsi, quel que soit le type de formulaire dont vous avez besoin, vous trouverez l'outil adéquat.