Wix Headless: criar um site com ferramentas de IA
O Wix Headless permite que você gerencie seu negócio pelo painel de controle Wix enquanto seus visitantes veem um site personalizado, criado com as ferramentas que você preferir. No painel de controle, você pode criar e conectar seu front-end usando um agente de IA para programação ou uma plataforma de vibe coding.
Saiba como abrir o painel de controle, adicionar as soluções de negócios de que você precisa e criar e conectar seu site personalizado.
- Registre-se para criar uma conta Wix gratuita.
- Verifique se você tem acesso a um agente de IA ou a uma plataforma de vibe coding compatível.
- Acesse nossa documentação do desenvolvedor do Wix Headless para saber mais.
Etapa 1 | Crie um negócio headless
Comece criando o lado comercial do seu site. Isso configura seu painel de controle, suas soluções de negócios e seus dados.
Para criar um negócio headless:
Vá para Sites na sua conta Wix.
Clique em Criar novo site.
Selecione Headless.
Isso abre um painel de controle Wix, mas sem páginas no editor para você criar o design. Em vez disso, o painel de controle oferece as ferramentas necessárias para criar e conectar um front-end personalizado.
Etapa 2 | (Opcional) Configure suas soluções de negócios e apps
As soluções de negócios são os serviços Wix que movimentam o lado comercial do seu site, como o catálogo de produtos, o carrinho e o checkout, os agendamentos, os eventos, o blog e muito mais. Você gerencia todas elas por este painel de controle.
Adicione as soluções de negócios de que você precisa pelo painel de controle, como o Wix Stores ou o Wix Bookings. Em seguida, configure cada uma delas com seus produtos, serviços ou conteúdo. Você também pode adicionar o Wix CMS para gerenciar seu conteúdo em coleções.
- Se você adicionar soluções de negócios antes de criar seu front-end, sua ferramenta de IA consegue detectá-las e criar as páginas correspondentes.
- Configure o Wix MCP (uma ferramenta que conecta seu agente de IA ao seu site) para que o agente gerencie o site e atualize seus produtos, serviços e conteúdo por você.
Etapa 3 | Crie seu front-end com sua ferramenta de IA preferida
Seu front-end é o site ou app que seus visitantes veem, ou seja, a camada visual criada sobre o seu negócio no Wix.
Você pode criar seu front-end com um prompt usando 2 tipos de ferramenta:
Agente de IA para programação: uma ferramenta de desenvolvimento que é executada no seu terminal ou IDE, como o Claude Code, o Cursor e o Codex.
Plataforma de vibe coding: uma plataforma no navegador em que você descreve o que quer criar, como a Base44.
O prompt que você envia para a ferramenta de IA escolhida inclui automaticamente a habilidade do Wix Headless, que mostra ao agente como conectar seu front-end ao Wix.
Para criar seu front-end:
Clique em Criar novo front-end na aba Introdução.
Escolha a ferramenta que deseja usar.
Descreva o que você quer criar. Por exemplo: "Crie uma loja virtual de cerâmica artesanal com catálogo de produtos e checkout".
Dependendo da ferramenta escolhida, siga as etapas correspondentes abaixo:
Etapa 4 | Comece a gerenciar seu site
Depois de criar seu front-end e conectá-lo ao painel de controle Wix, você pode começar a gerenciar seu site pelo Wix. Quando você atualiza os dados do seu negócio, o site mostra a mudança automaticamente.
Sempre que quiser adicionar ou alterar algo, volte ao agente de IA ou à plataforma de vibe coding e descreva o que você quer com suas próprias palavras. Eles podem ajudar a:
- Adicionar uma nova página ou um novo recurso.
- Alterar o design ou o layout do site.
- Conectar uma solução de negócios.
Se você adicionar uma solução de negócios no painel de controle depois de criar seu front-end, volte ao seu agente de IA ou à plataforma de vibe coding e peça para atualizar o front-end. Por exemplo: "Adicionei o Wix Bookings ao meu site. Adicione uma página de agendamento ao meu front-end."
- Faça upgrade para um plano Premium para aceitar pagamentos e conectar um domínio personalizado.
- Conheça as práticas recomendadas para escrever prompts para seu agente de IA.
Perguntas frequentes
Clique em uma pergunta abaixo para saber mais.
