top of page

Um CMS robusto para criar sites ricos em conteúdo com eficiência

Crie sites dinâmicos e centrados no conteúdo sem necessidade de código. Gerencie coleções, sincronize o design e entregue projetos com a segurança de que seu trabalho 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.

Escolha como vai começar

Crie a estrutura de conteúdo que você precisa com predefinições, templates ou a partir de uma tela em branco. Importe conteúdo de um arquivo CSV ou carregue manualmente textos, imagens, rich content e muito mais.

Conecte coleções ao seu design

Crie o design do seu site com controle total no Editor do Wix Studio e conecte coleções para exibir conteúdo dinâmico. Crie layouts repetitivos, adicione filtros e colete conteúdo dos visitantes do site, tudo sem código.

Entregue projetos com facilidade

Dê aos clientes a liberdade de gerenciar conteúdo em um painel intuitivo, sem risco de afetar o design do site. As alterações podem ser feitas tanto no desktop como no app mobile.

Crie uma vez, reutilize quando quiser

Transforme uma página em inúmeras outras. Mantenha consistência no layout e crie conteúdo, URLs e configurações de SEO personalizados. Atualize facilmente o conteúdo ou adicione páginas diretamente de suas coleções 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.

Acelere o processo de criação com elementos predefinidos

Crie com agilidade usando layouts prontos e coleções predefinidas que você pode personalizar com seu próprio conteúdo e 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.

Vá além com funções integradas

Use as APIs do Wix Data para gerenciar o conteúdo do CMS com código. Controle filtros e classificações, consulte dados, intercepte interações usando hooks de dados, incorpore dados de coleções e muito mais para criar exatamente a funcionalidade de que seu cliente precisa.

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.

Proteja seu trabalho de alterações indesejadas

Entregue sites que seus clientes possam gerenciar de forma independente, sem o risco de afetar o design. Atribua permissões específicas para que eles possam atualizar o conteúdo a partir de um painel intuitivo, ou em qualquer lugar com o 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.

Use o CMS do Wix Headless em qualquer plataforma

Adicione o CMS a qualquer plataforma para que você possa gerenciar dados de vários sites e aplicativos, tudo em um único painel.

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.

Tecnologias populares

compatíveis

Tecnologias populares compatíveis

Otimize seu processo de criação e entregue sites com confiança.

bottom of page