![](https://static.wixstatic.com/media/b1cfed_0c7d25e6cf2341f4a959404b34807bb4~mv2.png/v1/fill/w_980,h_435,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/b1cfed_0c7d25e6cf2341f4a959404b34807bb4~mv2.png)
Établissez les bases
Créez la structure de contenu dont vous avez besoin à partir d'éléments prédéfinis, de templates ou d'un canvas vierge. Importez le contenu depuis un fichier CSV ou ajoutez manuellement votre texte, contenu enrichi, vos images, et autres.
Soignez le design
Créez le design du site en profitant d'un contrôle total dans l'Éditeur Wix Studio. Connectez ensuite vos collections pour afficher du contenu dynamique. Créez des mises en page qui se répètent, ajoutez des filtres et collectez du contenu de vos visiteurs, le tout sans code.
Gestion rapide du contenu
Permettez à vos clients de gérer leur contenu depuis un simple tableau de bord, sans qu'ils ne puissent toucher au design. Pour effectuer les modifications, les clients passeront depuis un ordinateur ou l'appli mobile.
Créez puis réutilisez à volonté avec les pages dynamiques
Déclinez votre page en centaines d'exemplaires avec une mise en page identique mais un contenu, des URL et paramètres de référencement propres à chacune. Faites des modifications en quelques clics, ajoutez un contenu enrichi directement depuis vos collections CMS, et traduisez-le en plus de 180 langues depuis le tableau de bord ou l'Éditeur.
![Un exemple de page dynamique pour l’une des expositions de la galerie Mineral Treasures.](https://static.wixstatic.com/media/fee50a_26c83c139bf84b3b866fe5bcccbc4b7b~mv2.jpg/v1/fill/w_980,h_599,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/3.jpg)
![Un exemple de page dynamique pour une exposition dans la galerie Modular Visions. Chacune des pages des différentes expositions ont exactement la même mise en page, mais les images et le texte varient, et chacune a son URL.](https://static.wixstatic.com/media/fee50a_103ab8f5ef54408dbc513f4d8dcd982d~mv2.jpg/v1/fill/w_980,h_599,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2.jpg)
![Un exemple de page dynamique pour une galerie d'art contemporain qui communique sur son exposition titrée Organic Impressions.](https://static.wixstatic.com/media/fee50a_b1d7ca18076d49468aa2518468a0a729~mv2.jpg/v1/fill/w_980,h_599,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/1.jpg)
Créez encore plus vite avec les éléments prédéfinis
Créez tout plus rapidement avec les mises en page préfabriquées et les collections prédéfinies que vous pouvez personnaliser en ajoutant votre contenu et design. Vous pouvez aussi organiser les détails et laisser l'IA préparer les collections en fonction de vos besoins.
![Un exemple de mise en page pour la section « Nos projets » d’un site Web contenant des images, un texte et une description disposés sur la page.](https://static.wixstatic.com/media/fee50a_89d1a10edacb4ae8b097e59181a6b08c~mv2.png/v1/fill/w_980,h_980,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Image1.png)
Éléments prédéfinis
![Le modèle de site Web d'une agence immobilière avec des biens en vente ou en location accompagnés d'une photo, du prix et de l'adresse.](https://static.wixstatic.com/media/fee50a_12e16e789632405eb28ce6703bc207b5~mv2.png/v1/fill/w_980,h_579,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Image2.png)
Templates
![Une collection CMS générée par IA pour une exposition dans un musée, avec des photos d'oeuvres créées à partir de minéraux.](https://static.wixstatic.com/media/fee50a_73abc17654f24b149c0d84a1803a911b~mv2.png/v1/fill/w_980,h_918,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Image3.png)
AI
SOLUTIONS D'ENTREPRISE
Un CMS au niveau du compte pour gérer le contenu en toute flexibilité
Centralisez la gestion du contenu sur différents sites avec un CMS au niveau du compte. Choisissez quel contenu doit s'afficher et où, effectuez des mises à jour groupées et réceptionnez les formulaires, tout cela d'un seul et même endroit. Et en plus, votre contenu peut évoluer en permanence grâce aux quotas CMS personnalisés.
![Un tableau de bord avec un bloc intitulé « Nos biens » divisé en colonnes avec le titre, la photo, la description, le lien et l'année. Sous le bloc s'affichent trois aperçus de sites Web contenant des résidences de luxe, des images de maisons d'architecte, des fourchettes de prix et le contact des agents immobiliers.](https://static.wixstatic.com/media/fee50a_9405c12c0c084cbbb4b144cc1fa5f81f~mv2.png/v1/fill/w_980,h_508,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/NewFold.png)
Dépassez toutes les limites à l'aide des fonctionnalités intégrées
Utilisez les API Wix Data pour gérer le contenu CMS via le code. Pour créer des fonctionnalités qui viendront répondre aux besoins précis de n'importe quelle entreprise, contrôlez tout ce qui concerne les filtres, le tri et la base de données, interceptez les interactions avec les hooks de données, agrégez les données à partir des collections, et bien plus.
1 import wixData from 'wix-data';
2 import { addDays } from 'public/utils';
3 $w.onReady(function () {
4 $w("#search").onClick(async () => {
5 const origin = $w("#origin").value;
6 const destination = $w("#destination").value;
7 const departDate = new Date($w("#depart").value);
8 const returnDate = new Date($w("#return").value);
9 const numberOfTravelers = $w("#travelers").value;
10 const { items: foundFlights } = await wixData
11 .query("availableFlights")
12 .eq("origin", origin)
13 .eq("destination", destination)
14 .between('departDate', addDays(departDate, 1),
15 addDays(departDate, -1))
16 .between('returnDate', addDays(returnDate, 1),
17 addDays(returnDate, -1))
18 .ge("availableSeats", numberOfTravelers)
19 .find()
20 renderResults(foundFlights);
21 });
22 });
import wixData from 'wix-data';
import { addDays } from 'public/utils';
$w.onReady(function () {
$w("#search").onClick(async () => {
const origin = $w("#origin").value;
const destination = $w("#destination").value;
const departDate = new Date($w("#depart").value);
const returnDate = new Date($w("#return").value);
const numberOfTravelers = $w("#travelers").value;
const { items: foundFlights } = await wixData
.query("availableFlights")
.eq("origin", origin)
.eq("destination", destination)
.between('departDate', addDays(departDate, 1),
addDays(departDate, -1))
.between('returnDate', addDays(returnDate, 1),
addDays(returnDate, -1))
.ge("availableSeats", numberOfTravelers)
![Exemple de site Web pour une agence de voyages de luxe. On voit une barre de recherche où les utilisateurs peuvent saisir leur destination, les dates et le nombre de personnes, ce qui montre que l'API Data Wix permet de travailler avec du contenu complexe.](https://static.wixstatic.com/media/0d6674_27a3a93cbed447c7adf4e605dc8d113b~mv2.jpg/v1/fill/w_980,h_550,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/New.jpg)
![](https://static.wixstatic.com/media/0d6674_bfc66b8f69f549298fb956e12ebef98f~mv2.jpg/v1/fill/w_860,h_484,al_c,q_85,enc_avif,quality_auto/tablet.jpg)
![Exemple de site Web pour une agence de voyages de luxe. On voit une barre de recherche où les utilisateurs peuvent saisir leur destination, les dates et le nombre de personnes, ce qui montre que l'API Data Wix permet de travailler avec du contenu complexe.](https://static.wixstatic.com/media/0d6674_22fd36fa413146bda3bd6efabc929e64~mv2.jpg/v1/fill/w_600,h_336,al_c,q_80,enc_avif,quality_auto/mobile.jpg)
Gérez le contenu tout en protégeant le design
Distribuez des rôles personnalisés et autorisations aux clients ou contributeurs pour qu'ils puissent gérer librement le contenu sans qu'ils aient la possibilité de toucher au design. Ils pourront mettre à jour le contenu depuis un tableau de bord, ou en passant par l'appli Wix Owner.
![](https://static.wixstatic.com/media/0d6674_0bd3d78c2b684656b215a855c7b7ef87~mv2.jpg)
![](https://static.wixstatic.com/media/0d6674_722352fb3a0042c3b114b694a861f6b1~mv2.jpg)
![Un mock-up du back-end du site Web d'une agence de voyages, dans ce cas précis le client a l'autorisation de modifier le CMS et d'ajouter des infos sur la destination.](https://static.wixstatic.com/media/0d6674_63d95ac574bc4ff9939080078c9594fd~mv2.jpg)
Utilisez le CMS Wix Headless avec tous les ecosystèmes de données (tech stack)
1 import { createClient, OAuthStrategy } from '@wix/sdk';
2 import { items } from '@wix/data';
3
4 const wixClient = createClient({
5 modules: { items },
6 auth: OAuthStrategy({ clientId: 'MY-CLIENT_ID' }),
7 });
8
9 const dataItemsList = await wixClient.items.queryDataItems({
10 dataCollectionId: 'Billing/PriceQuotes',
11 // Please specify the dataCollectionId you require
12 }).find();
13 console.log('My Data items:');
14 console.log('Total: ', dataItemsList.items.length);
import { createClient, OAuthStrategy }
from '@wix/sdk';
import { items } from '@wix/data';
const wixClient = createClient({
modules: { items },
auth: OAuthStrategy({ clientId:
'MY-CLIENT_ID' }),
});
const dataItemsList = await wixClient.items.queryDataItems({
dataCollectionId: 'Billing/PriceQuotes',
// Please specify the dataCollectionId
you require
}).find();
console.log('My Data items:');
console.log('Total: ',
dataItemsList.items.length);
![Un exemple de l'interface CMS, organisée en colonnes et en lignes. Chaque ligne correspond à un projet, avec un champ pour le titre, la photo, la description, etc.](https://static.wixstatic.com/media/0d6674_9dfb39fcf1d04a7fbc59b5187e0d8efc~mv2.jpg/v1/fill/w_980,h_476,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/desktop.jpg)
![Un exemple de l'interface CMS, organisée en colonnes et en lignes. Chaque ligne correspond à un projet, avec un champ pour le titre, la photo, la description, etc.](https://static.wixstatic.com/media/0d6674_f26ddbc9772e4b08afde178c52719628~mv2.jpg/v1/fill/w_980,h_476,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/mobile.jpg)
Popular supported
technologies
Les meilleures technologies