Repeater Wix (répéteur) : afficher des listes dynamiques sur Wix Studio 🔁

Le repeater Wix, ou répéteur en français, répète un même bloc (image, titre, texte, bouton) pour afficher une liste : services, projets, témoignages, articles. Vous dessinez un élément une fois, et tous les autres suivent le même design.

En bref : un répéteur affiche des contenus qui ont la même mise en page. Il existe en 4 dispositions (cartes, liste, défilement, cellules de grille) et se connecte à une collection CMS pour se remplir tout seul. C’est l’élément le plus utile de Wix Studio dès que votre contenu se répète.

Qu’est-ce qu’un repeater Wix et quand l’utiliser ?

Un repeater Wix est une liste d’éléments identiques dans leur structure. Si vous modifiez le design d’un élément, tous les autres sont mis à jour en même temps. Seul le contenu change d’un élément à l’autre. Vous pouvez aussi ajouter des animations d’interaction sur un élément précis du bloc.

Comment ajouter un répéteur dans Wix Studio ?

1. Cliquez sur Ajouter des éléments, dans la barre de gauche de l’éditeur.

2. Ouvrez Outils de mise en page, puis Répéteurs.

3. Glissez le répéteur choisi sur votre page.

Vous pouvez retrouver de nombreux répéteurs pré-designés via Ajouter des éléments > Sections / Kit de Design ou Maquettes.

Les 4 types de répéteurs Wix Studio

Wix Studio propose 4 dispositions : cartes, liste, défilement (slider) et cellules de grille. Vous pouvez passer d’un type à l’autre selon le point de rupture (ordinateur, tablette, mobile), ce qui simplifie beaucoup le responsive.

Répéteur en cartes : le plus classique

Avec les cartes ( le plus classique), vous pouvez choisir votre nombre d'éléments par rangée, les écarts entre les éléments. Pour s'adapter à la largeur d'un mobile, vous allez souvent le transformer en liste ou défilement, ou simplement définir le nombre d'éléments par rangée à 1.

Répéteur en liste verticale

La liste empile les éléments les uns sous les autres. Elle convient aux contenus à lire dans l’ordre, et c’est souvent la meilleure version pour la tablette et le mobile.

Répéteur en défilement : moderne et interactif

Vous pouvez activer ou désactiver la barre de défilement en dessous.

Répéteur en défilement ou Wix Pro Gallery en slider ?

• Le répéteur est beaucoup plus personnalisable et moins gourmand pour la performance du site que la galerie pro.

• La Wix galerie pro permet d'activer une flèche de navigation en mode slider, et l'effet de "défilement infini pour des logos clients par exemple est meilleur et plus fluide que le répéteur.

Comment modifier les éléments d’un répéteur ?

Créer, dupliquer et supprimer un élément

Dans l'inspecteur à droite > Gérer. Vous pouvez aussi changer l'ordre des éléments au même endroit en restant appuyé sur un élément.

Changer de mise en page selon l’écran

C’est très important pour le responsive : passez le plus souvent en liste ou en défilement sur mobile. Chaque point de rupture peut avoir sa propre disposition.

Régler les écarts entre colonnes et rangées

Dans l’inspecteur à droite, section Écarts, indiquez une valeur en pixels pour l’espace vertical et horizontal entre les éléments.

Comment connecter un repeater Wix au CMS ?

Connecter un répéteur au CMS Wix permet d’afficher automatiquement une liste de contenus (articles, projets, services, témoignages…) à partir d’une base de données. Chaque élément du répéteur se remplit dynamiquement avec les champs du CMS, ce qui évite de tout créer à la main.

1. Créez une collection CMS avec les champs utiles (titre, image, texte, lien).

2. Ajoutez un répéteur et placez dans le premier élément vos textes, images et boutons.

3. Cliquez sur l’icône Connecter au CMS, puis choisissez ou créez un dataset relié à la collection.

4. Associez chaque élément du bloc à un champ de la collection.

5. Réglez le dataset : nombre d’éléments par chargement, filtres et tri.

6. Si besoin, ajoutez un bouton Charger plus, des boutons suivant et précédent ou une barre de pagination.

Le répéteur duplique alors automatiquement la mise en page pour chaque élément de la collection. Pour ouvrir une fiche détaillée au clic, reliez un bouton ou une image du répéteur à votre page dynamique (la page « Élément » de la collection).

Afficher des contenus liés sur une page dynamique

Le répéteur peut afficher des contenus liés (ex : autres articles, projets similaires, services d’une même catégorie). Il suffit de le connecter à la collection souhaitée, puis d’utiliser un filtre dynamique basé sur l’élément actuellement affiché. Cela permet de créer des pages riches, structurées et mises à jour automatiquement.

Les limites du répéteur à connaître

• Un répéteur connecté au CMS affiche jusqu’à 1 000 éléments à la fois. Au delà, utilisez le chargement progressif ou la pagination.

• Certains éléments ne peuvent pas être placés dans un répéteur : un autre répéteur, les accordéons, les onglets et la plupart des galeries.

• Les diaporamas (slideshow répéteurs) sont un élément à part, mais ils fonctionnent presque de la même façon.

Pour laisser vos visiteurs trier la liste par catégorie, voyez la fiche filtres CMS.

Mon avis de webdesigner sur les répéteurs Wix

Le répéteur est l’un des éléments les plus puissants de Wix Studio. Bien compris, il fait gagner énormément de temps : un seul design à régler, et une liste propre sur tous les écrans.

Mon conseil : dès qu’une liste dépasse quelques éléments ou doit évoluer, connectez le répéteur au CMS. Votre client ajoute alors un projet ou un témoignage depuis le tableau de bord, sans ouvrir l’éditeur et sans risquer de casser la mise en page. Pensez aussi au mobile dès le départ : une grille de 3 cartes devient vite illisible sur un téléphone.

Vous voulez un site Wix Studio dont les listes se gèrent en quelques clics ? C’est le cœur de mon travail en tant qu’agence Wix.

Questions fréquentes sur le repeater Wix

Repeater et répéteur, c’est la même chose ?

Oui. Repeater est le nom anglais de l’élément, répéteur le nom affiché dans l’éditeur en français.

Quelle différence entre un répéteur et une galerie Wix ?

Le répéteur accepte des textes, images et boutons dans chaque élément, avec un design libre. La galerie est pensée pour les images et offre des effets de navigation prêts à l’emploi.

Peut-on mettre un répéteur dans un répéteur ?

Non, pas directement : un répéteur fait partie des éléments qui ne peuvent pas être ajoutés dans un autre répéteur.

Combien d’éléments un répéteur peut-il afficher ?

Connecté au CMS, il peut afficher jusqu’à 1 000 éléments à la fois. Le réglage « éléments par chargement » du dataset définit combien apparaissent d’abord.

À propos de l’auteur Alexandre Cottret, webdesigner freelance et fondateur de Trend Design, certifié Wix Partner Legend et Wix Studio. Plus de 150 sites créés depuis 2021, 5/5 sur Malt (93 avis).

Sources : Wix : ajouter et personnaliser des répéteurs dans l’éditeur Studio, Wix : afficher le contenu d’une collection dans un répéteur.