La section « Tableaux » est un outil polyvalent pour présenter des informations structurées sur votre site web. Vous pouvez désormais créer facilement des plannings, des grilles tarifaires, des comparaisons de produits, des programmes d'événements, et bien plus encore — directement dans le constructeur MaviBot, sans avoir besoin de coder ou d'utiliser des intégrations tierces.
Avec cette section, vous pouvez :
- ajouter un nombre illimité de lignes et colonnes ;
- formater les en-têtes de tableau ;
- insérer des boutons et des liens directement dans les cellules ;
- personnaliser l'alignement, l'espacement et les couleurs.
Les fonctionnalités supplémentaires incluent le style des lignes, les couleurs alternées des lignes et une mise en page réactive pour les appareils mobiles.
Cette approche est idéale pour :
- les plannings d'ateliers ou d'événements ;
- les tableaux de prix pour des services ou produits ;
- les graphiques de comparaison de produits ;
- les coordonnées des agences ;
- et de nombreux autres cas d'utilisation.
Création d'un tableau
Pour créer un tableau, accédez à l'éditeur de page du site. Trouvez et cliquez sur le bouton « + » pour ajouter une nouvelle section.
Ensuite, dans le menu qui apparaît sur le côté droit de l'écran, trouvez et cliquez sur le bouton « Tableau » pour ajouter la section à la page.
Le constructeur inclut un modèle de tableau avec des champs préremplis, de sorte que le tableau apparaîtra comme suit lors de son ajout :
Un menu avec les paramètres de contenu du tableau s'ouvrira sur le côté droit.
Contenu de la section
Le contenu est modifié dans la section à l'aide de paramètres simples et intuitifs.
Les titres des colonnes sont saisis dans le champ « En-tête du tableau », séparés par des points-virgules.
Le contenu du tableau est modifié LIGNE par LIGNE, chaque valeur de cellule dans une ligne étant séparée par des points-virgules.
Chaque ligne suivante du tableau commence sur une nouvelle ligne. Les largeurs des colonnes sont également spécifiées à l'aide de points-virgules.
Comment ajouter un bouton ou un lien dans un tableau
Pour ajouter un bouton à une cellule du tableau, saisissez Nom du bouton button=https://mavibot.ai dans la ligne de la cellule (sans guillemets).
Pour ajouter un hyperlien intégré dans un mot ou une phrase, saisissez ce qui suit dans la ligne du tableau :
Phrase à lier link=https://mavibot.ai (sans guillemets).
Paramètres de la section
Pour accéder aux paramètres de la section, survolez « Tableaux » et cliquez sur le bouton « Paramètres » correspondant.
Ici, vous verrez les paramètres de police, de couleur et de bordure pour le tableau.
Vous pouvez choisir la couleur des lignes paires et impaires, définir la couleur d'arrière-plan du tableau et personnaliser la couleur des boutons ajoutés aux cellules du tableau.
Voici les cases à cocher pour l'alignement des bordures et des valeurs dans la colonne.
-
Masquer les bordures verticales
Lorsque cette case est cochée, le tableau n'aura pas de bordures verticales. Si vous désactivez la case, des lignes verticales apparaîtront entre les colonnes.
-
Masquer la bordure supérieure
Si cette case est cochée, la bordure supérieure sera masquée. Lorsque la case est décochée, la bordure supérieure apparaîtra au-dessus de l'en-tête du tableau.
-
Ne pas appliquer l'alignement à la première colonne
Par défaut, cette case est cochée. Si vous la désactivez, la première colonne sera alignée selon l'alignement général du tableau.
Paramètres globaux de police, d'arrière-plan et d'affichage
Chaque bloc dispose de paramètres universels pour les polices, l'arrière-plan et l'affichage — ces paramètres sont cohérents entre les différents blocs.
De même, la section « Tableaux » (bloc) prend en charge divers paramètres : vous pouvez choisir ou télécharger des polices personnalisées, ajuster la taille et le style de la police, définir un arrière-plan pour la section, ainsi que configurer la largeur du contenu et la plage de visibilité sur différents appareils.
Pour plus de détails sur les paramètres de police, d'arrière-plan et d'affichage, consultez l'article « Paramètres globaux de la section »