top of page

Un potente CMS para crear sitios de alto contenido de forma más inteligente

Crea sitios dinámicos y centrados en el contenido sin necesidad de código. Administra las colecciones, sincroniza el diseño y entrega los proyectos con la seguridad de que tu trabajo permanecerá intacto.

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.

Sienta las bases

Crea la estructura de contenido que necesitas con preajustes, plantillas o desde cero. Importa contenido desde un CSV o sube manualmente texto, imágenes, contenido enriquecido y más.

Conecta con el diseño

Diseña con un control total en el Editor de Wix Studio y conecta distintas colecciones para mostrar contenido dinámico. Crea estilos repetitivos, agrega filtros y recopila contenido de los visitantes del sitio, todo sin necesidad de código.

Entregas intuitivas

Ofrece a los clientes la libertad de gestionar su contenido desde un panel de control intuitivo, a la vez que manteniendo el diseño intacto. Podrán realizar cambios desde la versión de escritorio o la app móvil.

Crea una vez y escala sin fin con páginas dinámicas

Convierte una página en cientas usando el mismo estilo, pero con contenidos, URL y ajustes de SEO únicos. Actualiza fácilmente el contenido o agrega páginas directamente desde tus colecciones de 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.

Acelera la creación mediante preajustes

Crea más rápidamente mediante colecciones y estilos predefinidos que puedes personalizar con tu propio contenido y diseño.

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.

Expande las capacidades de las funciones integradas

Utiliza las APIs de Wix Data para gestionar el contenido CMS con código. Controla los filtros y la clasificación, consulta datos, intercepta interacciones mediante hooks de datos, agrega datos desde colecciones y mucho más para crear exactamente la funcionalidad que tus clientes necesitan.

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.

Protege tu diseño

Entrega un sitio web que los clientes puedan gestionar y mantén tu diseño protegido a la vez. Asigna permisos para que puedan actualizar el contenido desde un panel de control intuitivo o desde la app Wix.

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

Aprovecha el CMS de Wix Headless en cualquier pila tecnológica

Agrega el CMS en cualquier plataforma para que puedas administrar datos para múltiples sitios web y apps, todo desde un mismo panel de control.

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

Tecnologías populares compatibles

Acelera el proceso de creación de sitios y entrégalos con confianza

bottom of page