![](https://static.wixstatic.com/media/b1cfed_0c7d25e6cf2341f4a959404b34807bb4~mv2.png/v1/fill/w_49,h_22,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/b1cfed_0c7d25e6cf2341f4a959404b34807bb4~mv2.png)
Établissez les bases
Créez la structure de contenu dont vous avez besoin à l'aide des éléments prédefinis et des templates ou choisissez de commencer à partir d'un canvas vierge. Importez le contenu d'un fichier CSV ou téléchargez votre texte, vos images, votre contenu riche et plus, manuellement.
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.
Transférez les projets
Permettez à vos clients de gérer librement leur contenu depuis un tableau de bord intuitif, sans qu'ils ne risquent de toucher au design. Ils peuvent effectuer leurs modifications depuis un ordinateur ou depuis l'appli mobile.
Accélérez votre travail à l'aide des éléments prédéfinis
Créez plus rapidement en utilisant des mises en page et des collections prédéfinies que vous pourrez personnaliser avec votre propre contenu et votre design.
![An example layout for a website section featuring team members.](https://static.wixstatic.com/media/0d6674_982e575bdd154a1082c80294a58536bc~mv2.jpg/v1/fill/w_147,h_147,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Preset%2001%20-%20Team.jpg)
![A example layout for the “Our projects” section of a website with images, text and a description displayed in a uniform layout.](https://static.wixstatic.com/media/0d6674_a8465a48bf554e7dba87cad39ef6a1c6~mv2.jpg/v1/fill/w_147,h_147,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Preset%2004%20-%20Portfolio.jpg)
![An example layout for a blog listing page.](https://static.wixstatic.com/media/0d6674_9727043675bf43c8b0019d2eb93559bb~mv2.jpg/v1/fill/w_147,h_147,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Preset%2002%20-%20Latest%20News.jpg)
![](https://static.wixstatic.com/media/0d6674_11f054a955824fc59d05a144b68a9aba~mv2.jpg/v1/fill/w_147,h_147,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Preset%2004%20-%20Portfolio.jpg)
Dépassez toutes les limites à l'aide des fonctionnalités intégrées
Utilisez les APIs Wix Data pour gérer le contenu CMS avec du code. Contrôlez les filtres et les tris, interrogez la base de données, interceptez les interactions en utilisant des hooks de données, agrégez des données à partir des collections et plus encore, afin de créer exactement la fonctionnalité dont votre client a besoin.
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)
![An example website for a luxury travel agency. There’s a search bar where users can enter their destination, dates and number of travelers, demonstrating the ways you can use the Wix Data API to work with complex content.](https://static.wixstatic.com/media/0d6674_27a3a93cbed447c7adf4e605dc8d113b~mv2.jpg/v1/fill/w_147,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/New.jpg)
![](https://static.wixstatic.com/media/0d6674_bfc66b8f69f549298fb956e12ebef98f~mv2.jpg/v1/fill/w_155,h_87,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/tablet.jpg)
![](https://static.wixstatic.com/media/0d6674_22fd36fa413146bda3bd6efabc929e64~mv2.jpg/v1/fill/w_108,h_60,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/mobile.jpg)
Protégez votre travail
Transférez un site à votre client afin qu'il puisse le gérer sans toucher au design. Attribuez des autorisations pour qu'il puisse mettre à jour le contenu depuis le tableau de bord intuitif ou depuis l'appli Wix Owner.
![](https://static.wixstatic.com/media/0d6674_0bd3d78c2b684656b215a855c7b7ef87~mv2.jpg/v1/fill/w_147,h_17,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/desktop.jpg)
![](https://static.wixstatic.com/media/0d6674_722352fb3a0042c3b114b694a861f6b1~mv2.jpg/v1/fill/w_155,h_19,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/mobile%20new.jpg)
![A mockup of the back end of the travel agency website, where the client has permission to edit the CMS and add destination details.](https://static.wixstatic.com/media/0d6674_63d95ac574bc4ff9939080078c9594fd~mv2.jpg/v1/fill/w_147,h_88,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/asset%202%20desktop.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);
![An example of the CMS interface, which is organized into columns and rows. Each row is a separate project, with a field for title, photo, description and more.](https://static.wixstatic.com/media/0d6674_9dfb39fcf1d04a7fbc59b5187e0d8efc~mv2.jpg/v1/fill/w_147,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/desktop.jpg)
![An example of the CMS interface, which is organized into columns and rows. Each row is a separate project, with a field for title, photo, description and more.](https://static.wixstatic.com/media/0d6674_f26ddbc9772e4b08afde178c52719628~mv2.jpg/v1/fill/w_147,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/mobile.jpg)
Popular supported
technologies
Popular supported technologies