CMS Wix : comment s'en servir concrètement ?
Sommaire
Vous savez déjà qu'une collection Wix stocke du contenu. Le vrai problème commence après : comment faire apparaître le bon contenu au bon endroit, créer une page par élément, et tout mettre à jour sans refaire le design ?
La chaîne à retenir tient en trois maillons :
collection → dataset → éléments de la page
Et sur une page dynamique, un quatrième entre en jeu : l'adresse de la page indique au dataset quel élément afficher.
Une fois ce mécanisme compris, le CMS cesse d'être un tableau isolé. Il devient le moteur de vos réalisations, de vos services, de vos fiches d'équipe ou de votre foire aux questions.
Prenons un fil rouge pour tout l'article : vous voulez afficher vos réalisations sur une page `/realisations`, puis ouvrir une fiche détaillée pour chaque projet.
1. Préparez la collection du CMS Wix avant de dessiner quoi que ce soit
Dans le tableau de bord du site : CMS, puis Créer une collection, puis Collection de contenu. Appelez la `Réalisations`. Une ligne représentera un projet, une colonne une information sur ce projet. Vous retrouvez aussi vos collections depuis l'icône CMS de l'éditeur.
| Champ | Type | Exemple | À quoi il sert |
|---|---|---|---|
| Titre | Texte | Refonte du site Mon Agent Piscine | Titre de la carte et de la fiche |
| Image principale | Image | Capture du projet | Visuel de la carte |
| Résumé | Texte | Site repensé pour faciliter les demandes de devis | Texte court dans la liste |
| Contexte | Texte enrichi | Situation de départ, enjeux | Corps de la fiche |
| Résultat | Texte enrichi | Ce qui a été fait et observé | Corps de la fiche |
| Secteur | Texte ou référence | Piscine | Filtre ou classement |
| Ordre | Nombre | 10 | Tri éditorial |
Commencez par deux ou trois vrais projets. Vous verrez immédiatement si vos champs couvrent votre mise en page. Un champ unique qui contient tout le texte devient vite impossible à connecter proprement : séparez ce qui doit apparaître à des endroits différents.
Référence ou simple texte ? Si chaque réalisation a un seul secteur et que vous voulez réutiliser les informations de ce secteur ailleurs, créez une collection `Secteurs` et un champ de référence dans `Réalisations`. Si une réalisation appartient à plusieurs catégories et que cette relation doit être exploitée, regardez les champs à références multiples. Pour trois étiquettes sans autre usage, un champ texte suffit largement. Les références apportent de la structure, mais aussi de la configuration.
2. Le dataset du CMS Wix, la pièce que tout le monde saute
La collection conserve les données. Le dataset relie une collection à une page. Vous connectez ensuite chaque élément visuel au bon champ : un titre au champ Titre, une image au champ Image principale, un bouton vers la page dynamique du projet.
Le dataset commande aussi quatre choses : le mode, les filtres, le tri et le nombre d'éléments chargés. Il est invisible pour vos visiteurs.
Le mode mérite une attention particulière. Pour afficher vos réalisations, choisissez Lecture. Réservez l'écriture aux formulaires qui ajoutent des données, et retenez qu'un dataset en écriture seule n'affiche rien du tout. C'est l'une des causes les plus fréquentes de page vide.
Un dataset se connecte à une seule collection, mais une page peut en utiliser plusieurs.
3. La liste du CMS Wix, avec un répéteur
Dans l'éditeur Wix Studio :
1. Ouvrez la page qui présentera vos réalisations. Une page classique convient, une page de liste dynamique aussi.
2. Ajoutez un répéteur, et dessinez une seule carte : image, titre, résumé, bouton « voir le projet ».
3. Sélectionnez le répéteur, puis Connecter au CMS. Choisissez un dataset relié à `Réalisations`, ou créez le à cette étape.
4. Dans les connexions, associez l'image au champ Image principale, le titre au champ Titre, le texte au champ Résumé.
5. Ouvrez les paramètres de l'ensemble de données : fixez le tri avec le champ Ordre, puis le nombre d'éléments chargés. Ajoutez un bouton « en voir plus » ou une pagination si la liste doit grandir.
Le répéteur reproduit votre carte pour chaque ligne récupérée. Modifier une ligne change le contenu correspondant, sans jamais retoucher la carte. C'est tout l'intérêt.
Dans Studio, les réglages se retrouvent par CMS, Gérer les connexions de la page, puis les actions du dataset.
Le piège le plus fréquent : filtrer la vue du tableau dans le CMS et croire que la page publique sera filtrée. Ce filtre n'organise que votre travail dans la collection. Pour filtrer ce que voient les visiteurs, c'est le dataset qu'il faut régler.
4. Une fiche par réalisation
Dans l'éditeur : CMS, vos collections, survolez `Réalisations`, puis Plus d'actions, Ajouter une page dynamique, et choisissez une page d'élément. Vous obtenez un seul modèle, que Wix remplit avec les données de la réalisation consultée.
Sur cette page, connectez le grand titre au champ Titre, l'image au champ Image principale, et les blocs de texte aux champs Contexte et Résultat.
Puis revenez à votre répéteur : connectez l'action du bouton ou le lien de l'image à la page dynamique des réalisations. Le visiteur clique sur un projet, Wix ouvre sa fiche.
Vérifiez les adresses tout de suite. Wix crée un champ système appelé Lien de page dans votre collection. Chaque fiche doit avoir une adresse unique. Deux éléments dont le champ principal produit la même adresse peuvent se retrouver avec une seule fiche : changez l'un des deux, ou adaptez la structure des adresses dans l'onglet de référencement de la page dynamique.
Attention également si vous modifiez le champ principal après la mise en ligne : les adresses qui en dépendent peuvent changer, et vos anciennes adresses cesseront de répondre.
5. Les filtres qui servent au visiteur
Vous voulez que l'internaute n'affiche que les projets du secteur « piscine » ?
1. Ajoutez un élément de saisie, par exemple un menu déroulant.
2. Connectez le au CMS en choisissant Filtrer le contenu, puis le dataset de votre répéteur.
3. Associez le filtre au champ Secteur, et testez plusieurs valeurs en aperçu puis sur le site publié.
Vous pouvez aussi poser un filtre permanent dans le dataset, par exemple n'afficher que les éléments marqués comme publiés.
Si vous travaillez avec des références, vérifiez les limites du dataset choisi : Wix autorise certains filtres par référence avec un dataset standard, mais pas directement sur le dataset d'une page dynamique. Pour des relations complexes, il faut parfois une seconde collection et un second dataset.
6. Le référencement de chaque fiche, pas seulement du modèle
Une page dynamique peut avoir une adresse et des balises propres à chaque élément. Dans les paramètres de référencement de la page dynamique, utilisez des variables issues de vos champs pour le titre et la description. Par exemple : le titre de la réalisation, suivi du nom de votre agence.
Mais attention au raccourci : un titre différent ne suffit pas si le corps des pages est presque identique. Renseignez dans la collection ce qui rend chaque fiche réellement utile : le contexte du client, l'intervention précise, les visuels, les résultats vérifiables.
Avant de créer trente fiches du type « service plus ville », validez que vous pouvez apporter une réponse spécifique à chacune : zone desservie, réalisations locales, contraintes du terrain, informations utiles. Le CMS facilite la production de pages, il ne crée pas leur valeur à votre place. Le sujet est développé dans l'article sur les pages dynamiques Wix et dans le guide SEO Wix.
7. Les droits d'accès du CMS Wix, avant de brancher un formulaire
Pour une collection de réalisations publiques, autorisez la lecture nécessaire et réservez l'écriture aux personnes qui gèrent le site.
Pour des messages envoyés depuis un formulaire, créez une collection dédiée, et réglez séparément qui peut ajouter, lire, modifier et supprimer des éléments. C'est dans CMS, la collection, Plus d'actions, puis les autorisations.
Un point capital, et mal connu : masquer un champ sur la page ou filtrer le dataset ne protège aucune donnée. Wix le dit clairement : quand une collection est lisible par tout le monde, un visiteur peut y accéder techniquement, même si vous n'affichez pas ces informations sur le site. N'y stockez donc jamais de données privées.
8. La page affiche le mauvais contenu ? Vérifiez dans cet ordre
1. La bonne collection. Le dataset de cette page pointe-t-il bien vers `Réalisations` ?
2. Le bon champ. Le titre ou l'image sont-ils connectés au champ voulu, et du bon type ?
3. Le mode. Le dataset censé afficher du contenu est-il en lecture ?
4. Les filtres. Une condition exclut-elle involontairement toutes les lignes ?
5. L'adresse. Sur une page d'élément, la fiche a-t-elle bien un lien de page unique ?
6. Les données publiées. Regardez-vous la collection en ligne, ou un espace de préparation non synchronisé ?
7. Les autorisations. Un visiteur non connecté peut-il lire le contenu nécessaire ?
Et testez toujours deux fiches différentes, un clic depuis la liste, puis la même chose sur le site publié. Une seule fiche peut masquer un problème d'adresse ou de connexion.
Et Velo dans tout ça ?
Pour une liste de projets, des fiches et des filtres simples, les connexions visuelles suffisent. Vous n'avez besoin d'aucun code.
Velo devient utile quand votre logique dépasse les réglages du dataset : un calcul personnalisé, une validation avancée à l'envoi d'un formulaire, un traitement conditionnel, une récupération de données selon des règles complexes.
Le bon réflexe : faites d'abord fonctionner la version simple, avec une collection, un dataset et deux éléments de test. Vous saurez alors précisément quelle limite vous devez dépasser, et le développement coûtera moins cher. Si le sujet vous intéresse, on a expliqué ce qu'est Wix Velo sans jargon.
Questions fréquentes
Quelle différence entre le CMS et une page dynamique ?
Le CMS stocke et organise les données. La page dynamique les affiche, grâce à une mise en page connectée à ces données. L'un est le classeur, l'autre la vitrine.
À quoi sert exactement le dataset ?
Il fait le lien entre une collection et une page, et décide de ce qui est affiché : le mode, les filtres, le tri et le nombre d'éléments. Sans lui, vos éléments visuels ne savent pas où chercher leur contenu.
Pourquoi ma page reste-t-elle vide ?
Trois causes reviennent presque toujours : le dataset est en écriture seule, un filtre exclut toutes les lignes, ou les données n'ont pas été synchronisées vers la collection en ligne.
Faut-il savoir coder pour utiliser le CMS Wix ?
Non. Collections, datasets, répéteurs et connexions se configurent entièrement dans l'éditeur. Le code ne sert qu'aux comportements sur mesure.
Puis-je stocker des données clients dans une collection ?
Oui, dans une collection dédiée, avec des autorisations restreintes. Jamais dans une collection lisible par tout le monde : masquer un champ à l'écran ne protège rien.
Pouvez-vous mettre tout ça en place pour nous ?
Oui, c'est un chantier courant : structurer les collections, dessiner le modèle, connecter les champs, régler les droits et vérifier le référencement. Voir la page développement Wix sur mesure.
Ce qu'il faut retenir
- La chaîne est toujours la même : collection, dataset, éléments de la page.
- Préparez vos champs avant de dessiner. C'est l'étape qui évite de tout reprendre.
- Le filtre du tableau CMS n'est pas le filtre du site. Seul le dataset agit sur ce que voient les visiteurs.
- Chaque fiche doit avoir une adresse unique, vérifiée dès la création.
- Masquer une donnée à l'écran ne la protège pas.
Si votre contenu se répète selon une même structure, créez une collection. Si vous voulez l'afficher, reliez la à un dataset et connectez vos éléments. Si chaque ligne mérite sa propre adresse, ajoutez une page d'élément. C'est cette séquence, bien plus que le tableau lui même, qui permet de maîtriser Wix.
À propos d'Un Pixel d'Avance
Hakim et Mélissa Larbes accompagnent les artisans, les commerçants et les PME à construire des sites qui amènent de vraies demandes clients. Basés à Béziers, ils travaillent avec des entreprises de toute l'Occitanie, et bien au-delà.
Parlons de votre projet