top of page

Un CMS puissant pour créer des sites au contenu riche, de manière efficace.

Créez des sites dynamiques sans connaissance en programmation. Gérez les collections via le tableau de bord et transférez les projets aux clients sans qu'ils ne puissent toucher au design des sites.

An animation to demonstrate how the Wix Studio CMS works. There’s a project page for an architecture firm on the right, and to the left there’s a CMS collection. Several new projects get added to the CMS and the project page design updates to show the new projects.
An animation to demonstrate how the Wix Studio CMS works. There’s a project page for an architecture firm on the right, and to the left there’s a CMS collection. Several new projects get added to the CMS and the project page design updates to show the new projects.

É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.

Créez puis réutilisez à volonté avec les pages dynamiques

Déclinez votre page en une centaine de pages. Gardez la même mise en page mais personnalisez le contenu, les URLs et les paramètres de référencement. Modifiez facilement le contenu ou ajoutez des pages directement depuis votre CMS.

An example dynamic page for one of the art gallery’s exhibitions called Mineral Treasures.
An example dynamic page for a gallery exhibition called Modular Visions. All the pages for the different exhibitions have exactly the same layout, but different images, text and unique URLs.
An example dynamic page for a contemporary art gallery that shares information about a specific exhibition called Organic Impressions.

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.
A example layout for the “Our projects” section of a website with images, text and a description displayed in a uniform layout.
An example layout for a blog listing page.

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.

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.

A mockup of the back end of the travel agency website, where the client has permission to edit the CMS and add destination details.

Utilisez le CMS Wix Headless avec tous les ecosystèmes de données (tech stack)

Utilisez le CMS sur toutes vos plateformes afin de pouvoir gérer les données de plusieurs sites et applis depuis le même tableau de bord.

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.
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.

Popular supported
technologies

Popular supported technologies

Accélérez le processus de création en toute simplicité.

bottom of page