Como funciona Exemplos Documentação Preços Blog WP Blocks Instalar grátis

Documentation

Five minutes from installed to shipped.

Three paths to a live app. Drop a saved HTML page in wp-admin (Path A). Upload a packaged bundle with a manifest (Path B). Or scaffold and deploy from your editor with the CLI (Path C). The Riff AI builder adds the in-admin Pro path, and Connect lets claude.ai, chatgpt.com, Cursor, or Claude Desktop build apps over MCP.

Instalar plugin gratuito

Instalar o plugin

Baixe o zip do plugin gratuito, depois no wp-admin vá para Plugins → Adicionar novo → Enviar plugin, escolha o zip e ative. (Uma listagem WordPress.org está em revisão e esta página será atualizada quando estiver ativa.) O plugin funciona no WordPress 6.9 e superior; WordPress 7.0 (20 de maio de 2026) é obrigatório para dsgo.ai.prompt() e o construtor Riff no painel de administração. O consumo de abilities depende da disponibilidade da Abilities API do site e fica degradado quando a API ou uma ability específica está ausente.

Assim que ativado, você verá DSGo Apps na barra lateral do wp-admin.

Gratuito vs Pro

Quais caminhos funcionam em qual plano?

Caminho / funcionalidadeGratuitoProStudio
Caminho A, enviar um artifact HTML no wp-adminsim, 1 aplicativo ativosim, aplicativos ativos ilimitadossim, aplicativos ativos ilimitados
Caminho B, enviar um bundle empacotado no wp-adminsim, 1 aplicativo ativosim, aplicativos ativos ilimitadossim, aplicativos ativos ilimitados
Caminho C, scaffold pelo CLI + deploy a partir do seu editorsomente init; deploy é Prosim, aplicativos ativos ilimitadossim, aplicativos ativos ilimitados
Riff, construtor de IA no painel de administraçãonãoincluídoincluído
Publicação de Apps-as-Abilities ( abilities.publishes)instala, inativoativoativo
Jobs agendados / endpoints de webhookinstala, inativoativoativo
Rotas dinâmicas ao vivo ( wp:posts, wc:products)instala, inativoativoativo
Deploy via CLI em múltiplos sites ( --sites=a,b,c)nãonível Studioincluído
White-labelnãonãoincluído

Gratuito instala quantos pacotes você quiser via upload wp-admin, mas apenas um está ativo por vez (alternável por aplicativo na lista de aplicativos). Declarações de runtime somente Pro podem ser instaladas em Gratuito, mas o comportamento restrito permanece inativo até que uma licença Pro ou avaliação esteja ativa. Ver preços →

Caminho A, Enviar um artifact (sem terminal)

Você baixou um artifact do Claude, ChatGPT, v0 ou HTML estático. Instale-o sem sair do wp-admin:

  1. Painel do WordPress → DSGo Apps.
  2. Use o seletor de primeira execução para instalar o app inicial ou permaneça em Enviar artifact e solte seu .html ou HTML estático .zip.
  3. Confirme o ID do app e o nome de exibição e instale.
  4. Use as ações de sucesso para abrir o app, copiar a URL, incorporá-lo em uma publicação ou torná-lo a página inicial do seu site.

Para desinstalar, passe o cursor sobre a linha em Apps instalados e clique em Excluir.

Caminho B, Enviar um bundle empacotado

Se você tiver um bundle compilado com um dsgo-app.json manifest, escolha Enviar bundle na tela do DSGo Apps, solte o zip, revise a lista de capacidades, o modo de renderização e a política de rede e aprove a instalação.

Caminho C, Usar o CLI

Recomendado para velocidade de iteração. Você usará @designsetgo/cli. O CLI é aberto e apps init funciona localmente, mas o deploy via CLI para um site é uma funcionalidade Pro recurso; o servidor restringe instalações de Senha de Aplicativo no limite do plano. Gratuito cobre 1 aplicativo ativo via caminhos de upload wp-admin (Caminho A e Caminho B).

Usuários de agente

Quer que seu agente de IA saiba tudo isso sem precisar ler a página?

npx skills add DesignSetGo/skills adiciona cinco Agent Skills (scaffold, manifest, bridge, CLI, abilities) no Claude Code, Cursor, Codex ou Claude Desktop. O agente as carrega sob demanda, podendo responder perguntas sobre bridge e manifest antes de apps init executar. Veja DesignSetGo/skills.

Configuração única no seu site

  1. Ative o DesignSetGo Apps plugin.
  2. Gere uma Application Password do WordPress: https://your-site.com/wp-admin/profile.php#application-passwords-section
  3. Copie o valor de 24 caracteres, você o verá uma única vez.

Fazer scaffold de um app

shellnpx
npx @designsetgo/cli apps init my-app
cd my-app

Cria um arquivo inicial de arquivo único ( index.html + dsgo-app.json + CLAUDE.md) sem etapa de build. Adicione --astro se preferir o projeto Astro de múltiplas páginas com roteamento baseado em arquivos e depois npm install dentro dele.

Autenticar

shelllogin
npx @designsetgo/cli apps login

Você será solicitado pela URL do site, seu nome de usuário do WordPress e a Senha de Aplicativo que você copiou. As credenciais são armazenadas em ~/.config/designsetgo/credentials.json com 0600 permissões. Execute logout para removê-las.

Iterar localmente

shelldev
npx @designsetgo/cli apps dev

Inicia um servidor de desenvolvimento local em http://localhost:3838 com hot reload e um bridge simulado. Não é necessário um site WordPress. Adicione --bridge proxy --site=https://your-site.com (Pro) para rotear as chamadas do bridge ao seu site real. As alterações nos arquivos aparecem no iframe em até 500ms.

Deploy

shelldeploy
npx @designsetgo/cli apps deploy --build

Executa npm run build, mostra as capacidades que o app está solicitando, envia o bundle e exibe a URL ao vivo. Executar novamente deploy atualiza a instalação existente; o mesmo ID de app significa uma atualização atômica.

Pré-visualização antes de publicar (Pro): Adicione --preview para obter uma URL compartilhável em /dsgo-preview/slug/token/ sem alterar o catálogo de apps instalados. Compartilhe com clientes e depois execute --promote <id> para instalar quando aprovarem. As URLs de pré-visualização expiram após 7 dias (configurável com --ttl).

Compatibilidade

O plugin funciona no WordPress 6.9 ou superior. O WordPress 7.0 é necessário para dsgo.ai.prompt() e Riff. Os recursos de comércio requerem WooCommerce. Rotas estáticas funcionam no Free; rotas dinâmicas com fontes ao vivo são exclusivas do Pro. Quando o Pro está ativo, wc:products resolve para uma lista vazia se o WooCommerce estiver inativo.

O modelo de confiança também importa: use o modo iframe para bundles não confiáveis ou artefatos salvos; use o modo inline quando o app for revisado, confiável e precisar de SEO nativo, comportamento de root-mount ou rotas rastreáveis de múltiplas páginas.

Referência e solução de problemas

O schema do manifesto, Bridge API, comandos CLI, permissões e solução de problemas de hospedagem agora estão em duas páginas dedicadas.

Faltou algo? Envie-nos um email. A especificação do bridge é pública; o cliente bridge e a CLI são licenciados MIT no GitHub.