É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.
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)
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);
Popular supported
technologies
Popular supported technologies