top of page

Ein starkes CMS, um inhaltsreiche Websites smarter zu erstellen

Erstelle dynamische, inhaltsgesteuerte Websites ohne Code. Verwalte Sammlungen im Hintergrund, synchronisiere alles mit dem Design und übergib mit der Gewissheit, dass deine Arbeit immer intakt bleibt.

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.

Lege den Grundstein

Erstelle die Inhaltsstruktur, die du brauchst, mithilfe von Presets und Templates – oder fange ganz bei null an. Importiere Inhalte aus einer CSV-Datei oder lade manuell Texte, Bilder, Rich Content und mehr hoch.

Steuere das Design

Behalte die Kontrolle und gestalte im Wix Studio Editor. Verbinde dann deine Sammlungen, um dynamische Inhalte anzuzeigen. Erstelle sich wiederholende Layouts, füge Filter hinzu und sammle Inhalte von Seitenbesucher:innen – alles ohne Code.

Einfache Übergaben

Gib Kund:innen die Freiheit, ihre Inhalte über eine intuitive Verwaltung zu managen, während dein Design intakt bleibt. Sie können am Desktop oder über die App Updates durchführen.

Erstelle einmal, skaliere endlos mit dynamischen Seiten

Verwandle eine Seite in hunderte mit dem gleichen Layout, aber einzigartigen Inhalten, URLs und SEO-Einstellungen. Aktualisiere Inhalte ganz einfach oder füge Seiten direkt aus deiner CMS-Sammlung hinzu.

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.

Beschleunige die Erstellung mit Presets

Erstelle schneller mit vorgefertigten Layouts und Sammlungen, die du mit deinen eigenen Inhalten und deinem Design anpassen kannst.

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.

Erweitere mit integrierten Funktionen

Verwende Daten-APIs von Wix, um CMS-Inhalte mit Code zu verwalten. Kontrolliere Filter und die Sortierung, frage Daten ab, fange Interaktionen mit Daten-Hooks ab, aggregiere Daten aus Sammlungen und vieles mehr, um genau die Funktionalität zu erstellen, die Kund:innen benötigen.

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.

Deine Arbeit bleibt geschützt

Übergib eine Website, die Kund:innen verwalten können, während dein Design geschützt bleibt. Weise Berechtigungen zu, damit sie Inhalte über eine intuitive Verwaltung oder unterwegs in der Wix Owner App aktualisieren können.

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

Nutze das CMS von Wix Headless für jeden Tech-Stack

Verwende das CMS auf jeder Plattform, damit du Daten für verschiedene Websites und Apps managen kannst. Alles von einer einzigen Verwaltung aus.

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

Beliebte unterstützte Technologien

Beschleunige die Erstellung und übergib deine Arbeit mühelos.

bottom of page