SiteCraft PWA Studio — editor visual estático

Inserir

Ferramentas separadas por tipo, no fluxo do Google Sites.

Buscar ferramenta

Modelos rápidos

Cria uma página completa e editável. Bom para começar rápido.

Dica:

Use Modelo primeiro, depois ajuste as seções e o design no painel do bloco.

Topo e navegação

Seções de página

Texto e dados

Mídia e incorporação

Componentes de app

Páginas

Crie páginas que serão exportadas como arquivos HTML.

Página atual

Nome no menu Subpágina de Endereço da página Título SEO Descrição

Igual ao Google Sites: crie hierarquia, oculte páginas da navegação e publique tudo no ZIP.

Tema

Visual global estilo Google Sites: mude o site inteiro sem editar bloco por bloco.

Preview do sistema visual O tema controla fonte, cards, botões, menu e espaçamento global.

Paleta global

Cor principal Cor secundária Fundo do site Texto

Essas cores também alimentam o manifest do PWA e os componentes exportados.

Tipografia

Fonte do corpo Fonte dos títulos Peso dos botões

Botões globais

Estilo Tamanho Raio do botão Sombra

Layout e superfície

Largura máxima Arredondamento geral Espaçamento vertical Estilo dos cards Menu superior

PWA

Manifest, instalação, offline e service worker no pacote exportado.

Manifest

Nome do app Nome curto Descrição Modo Orientação Cor do tema Cor de fundo Ícone do app

Offline

Gerar service worker com cache offline Estratégia Título offline Texto offline

Experiência do app

Texto de splash Mensagem de atualização

Use junto com os blocos Splash, Atualização e Tela Offline na aba Inserir › PWA.

SEO & publicação

Metadados básicos para o HTML final.

Título padrão Descrição padrão Idioma URL pública Autor

Exportação

Destino do pacote Versão do cache PWA

Minificar HTML/CSS/JS no ZIP Incluir backup editável do projeto Incluir compatibilidade com GitHub Pages Incluir headers de segurança/cache Incluir redirects SPA/404 amigável

Publicar

Publicação rápida:

Exporte o ZIP e suba em Cloudflare Pages, Netlify, GitHub Pages ou qualquer hospedagem estática com HTTPS. Para PWA instalável, HTTPS é obrigatório.

Importar PWA/site

Transforme HTML, manifest e pasta de PWA em páginas editáveis aproximadas.

Modo

Como aplicar Detectar cores, fonte e tema a partir do HTML/CSS Trazer imagens locais como base64 para continuar editando offline

Arquivo

Selecionar ou soltar arquivos HTML, CSS, imagens, manifest, scripts e backup do editor.

Pasta de PWA

Importar pasta completa

O importador procura index.html, outras páginas, manifest, CSS e imagens. Os assets relativos são convertidos quando possível.

0páginas

0assets inline

0CSS lidos

0mstempo

Como ele reconstrói:

Detecta menu, hero, cards, preços, FAQ, formulário, galeria, tabela, embed, dashboard, rodapé, manifest e ícone. Apps compilados continuam entrando como reconstrução aproximada.

Design do bloco

Selecione um bloco no canvas.

Nenhum bloco selecionado.