Passo 01
Primeiro, reconheça seu projeto.
Localhost é o endereço do seu próprio computador. Para outra pessoa acessar, os arquivos precisam estar em uma hospedagem compatível com o que o site utiliza.
HTML, CSS e imagens
Um site estático pronto é o ponto de partida. Inclua também o JavaScript que roda no navegador e os arquivos usados pelas páginas.
React ou Vite
O projeto-fonte ainda precisa gerar os arquivos finais. Uma saída estática pode ser compatível; confira rotas, recursos e integrações na prévia.
Servidor ou banco
SSR, PHP, backend Node e banco de dados não são executados pela importação de sites estáticos da SitePerto.
Passo 02
Envie o site. Não a oficina.
Separe os arquivos finais, com index.html na raiz. Um ZIP com a pasta inteira de desenvolvimento não é a mesma coisa que um site pronto.
index.html ← entrada do site
sobre.html
estilos.css
script.js
imagens/
logo.svg
capa.webpSe o projeto usa um processo de build, gere a versão de publicação conforme a ferramenta utilizada. Quando a saída estiver em dist, compacte o conteúdo dessa pasta: o index.html deve ficar na raiz do ZIP, não escondido dentro de outra pasta.
Um HTML único também pode ser enviado. Mas imagens, fontes e estilos locais referenciados por ele precisam acompanhá-lo; só enviar o HTML não leva esses arquivos junto.
O importador aceita ZIP de até 20 MB, também com até 20 MB descompactados e 600 arquivos. Há limites adicionais do projeto; o painel orienta quando algum deles é atingido.
Passo 03
Confira antes de compartilhar.
A prévia é a hora de testar o que saiu do computador — não apenas a aparência da primeira página.
Escolha o arquivo
Na página inicial, use “Escolher meu arquivo” para enviar ZIP ou HTML e seguir a criação da conta. Se já tem um projeto, abra “Editar site”: ali há “ZIP ou HTML” e “Selecionar pasta”.
Abra a prévia do tema
Use o ícone de olho do tema. Confira as páginas, imagens, fontes e o comportamento no celular. A prévia compartilhada pode restringir interações; aparência aprovada não comprova que toda integração funciona.
Selecione o tema da entrega
O primeiro tema fica em uso. Importações seguintes entram como rascunhos. Para escolher outro, use “Mais ações…” → “Usar este tema” e confirme em “Usar tema”.
Apresente e combine a contratação
Compartilhe a prévia pelo fluxo do projeto. O cliente precisa conhecer a mensalidade e as condições antes de contratar. Selecionar um tema não remove, sozinho, a proteção de acesso.
Conecte o endereço do cliente
Siga a etapa de domínio e confira o acesso público após cumprir os requisitos de ativação. Veja o guia para conectar um domínio.
- Imagens e fontes carregam
- Links e páginas abrem corretamente
- Texto legível no celular
- Formulários e integrações conferidos
- Nenhuma referência ao localhost
- Preço e responsabilidades combinados
Passo 04
Antes de dar o próximo passo.
Qualquer projeto Next.js funciona?
Não. Projetos que dependem de SSR, funções de servidor ou banco não são executados pelo importador. Uma exportação estática precisa ser compatível com as rotas e recursos utilizados. Para aplicações com servidor, compare com uma plataforma de aplicações, como a Vercel.
Posso enviar uma nova versão depois?
Sim, respeitando os limites do projeto. Reenviar cria outro tema; não substitui automaticamente o anterior. Confira a nova prévia e selecione o tema desejado. O projeto permite até três temas.
Meu site tem formulário. Ele vai enviar mensagens?
O formulário precisa de uma integração válida. HTML sozinho não envia e-mail nem cria um backend. Confira a integração, suas permissões e custos, sem colocar credenciais nos arquivos públicos. Restrições da prévia também podem impedir o teste de envio naquele contexto.
Preciso pagar para apresentar a prévia?
No programa de parceiros, é possível criar e apresentar dentro dos limites do programa sem mensalidade para quem cria. A hospedagem é contratada pelo cliente ao ativar o plano. Confira a oferta exibida no projeto e os termos de uso.