Hospedagem de Sites para Freelancers

Como freelancers usam o Htmly para mostrar previews de sites para clientes com URL protegida por senha.

O problema

Todo freelancer web conhece esse momento: o site ficou pronto, você quer mostrar para o cliente, e começa o malabarismo. Enviar um ZIP por email? O cliente não sabe abrir. Mandar um print pelo WhatsApp? Não mostra interação, responsividade, nem animações. Subir num localhost com ngrok? Funciona, mas só enquanto seu computador estiver ligado. Fazer deploy na hospedagem do cliente? Arriscado demais antes da aprovação.

Cada uma dessas opções tem problemas sérios. O ZIP exige que o cliente tenha conhecimento técnico para extrair e abrir no navegador. Os prints são estáticos e não transmitem a experiência real do site. O localhost com tunnel depende da sua máquina e da estabilidade da sua internet. E fazer deploy direto na hospedagem do cliente antes da aprovação pode causar downtime, quebrar o site atual, ou expor um trabalho inacabado para o público.

O resultado? Você perde tempo explicando como abrir arquivos, o cliente não consegue avaliar o trabalho direito, o feedback vem impreciso ("aquele botão ali em cima... não, o outro"), e o ciclo de revisão se arrasta. Para freelancers que atendem múltiplos clientes simultaneamente, esse problema se multiplica. Cada projeto vira uma dor de cabeça logística que consome tempo que deveria ser gasto criando.

A solução

Com o Htmly, você transforma qualquer projeto HTML em um site acessível por URL em segundos. Arraste o arquivo (ou ZIP com CSS, JS e imagens), escolha um slug personalizado, e pronto: seu cliente acessa pelo navegador, em qualquer dispositivo, sem instalar nada.

No plano Pro, você protege o preview com senha. Só quem tem a senha vê o conteúdo. Perfeito para projetos confidenciais, lançamentos sigilosos, ou clientes que não querem o trabalho exposto antes da aprovação final. O cliente digita a senha uma vez e navega normalmente.

E quando o cliente pede ajustes? Você atualiza o arquivo no mesmo slug. O link permanece o mesmo, sem precisar enviar nova URL. O cliente atualiza a página e vê a versão mais recente. Sem confusão de versões, sem "qual link é o certo?".

Como funciona

  1. Exporte o HTML do seu projeto — qualquer ferramenta serve: VS Code, Cursor, Webflow, Figma to HTML, ou até HTML gerado por IA
  2. Arraste para o Htmly — acesse htmly.com.br e solte o arquivo na área de upload. Se o projeto tem múltiplos arquivos (CSS, JS, imagens), envie como ZIP
  3. Escolha um slug profissional — use algo como cliente-projeto-v2 para manter organização. O site fica em cliente-projeto-v2.htmly.com.br
  4. Ative proteção por senha (Pro) — defina uma senha e envie junto com o link para o cliente
  5. Compartilhe o link — por email, WhatsApp, Slack, ou qualquer canal. O cliente clica e vê o site funcionando
  6. Receba feedback e itere — quando o cliente pedir mudanças, atualize o arquivo no mesmo slug. O link continua o mesmo

Dica: Use o editor visual do Htmly para fazer ajustes rápidos de texto e cores diretamente no navegador, sem precisar abrir seu editor de código para mudanças pequenas.

Por que freelancers escolhem o Htmly

  • Velocidade — do arquivo local ao link compartilhável em menos de 30 segundos. Sem configurar servidor, sem FTP, sem deploy complexo
  • Proteção por senha — no plano Pro, apenas quem tem a senha acessa o preview. Ideal para projetos confidenciais e clientes exigentes
  • Analytics sem código — saiba quantas vezes o cliente acessou o preview, de qual dispositivo e quando. Tudo server-side, sem adicionar scripts ao projeto
  • Editor visual integrado — ajustes rápidos de texto, cores e imagens direto no navegador. Perfeito para aquele "só muda essa palavra" do cliente
  • Domínio próprio — nos planos Pro e Agency, use seu domínio (ex: preview.suaagencia.com.br) para passar profissionalismo
  • Cliente não precisa de conta — zero fricção. O link funciona para qualquer pessoa, em qualquer dispositivo
  • Múltiplos projetos — gerencie previews de vários clientes simultaneamente, cada um com seu slug e senha próprios
  • HTTPS automático — todos os sites têm certificado SSL, sem configuração. O cliente nunca vê aquele aviso de "site não seguro"
  • Histórico de atualizações — atualize o projeto quantas vezes precisar. O link permanece o mesmo do início ao final do projeto

Fluxo de trabalho real

Imagine um fluxo típico de freelancer usando o Htmly:

Segunda-feira: O cliente envia o briefing por email. Você começa a construir o site no VS Code (ou pede para o ChatGPT gerar uma base com o prompt certo).

Terça-feira: A primeira versão está pronta. Você exporta o HTML, arrasta para o Htmly, e envia o link cliente-loja-v1.htmly.com.br pelo WhatsApp: "Oi, Maria! Dá uma olhada nesse link e me diz o que acha."

Quarta-feira: A cliente responde: "Adorei! Mas queria o botão de WhatsApp mais visível e trocar a foto do banner." Você abre o editor visual do Htmly, troca o texto do botão ali mesmo, e sobe uma nova versão do banner. A cliente atualiza a página e vê as mudanças na hora.

Quinta-feira: Feedback final: "Perfeito, pode colocar no ar!" Você exporta os arquivos finais e faz o deploy definitivo na hospedagem do cliente.

O ciclo todo aconteceu com um único link, sem confusão de versões, sem o cliente precisar instalar nada, e sem expor o trabalho inacabado para o público.

Dicas para freelancers

Use proteção por senha para todos os previews. Mesmo que o projeto não seja confidencial, a senha evita que o Google indexe seu preview e que visitantes aleatórios acessem um trabalho inacabado. Disponível no plano Pro.

Crie um padrão de nomenclatura. Use slugs como nomedocliente-projeto-v1 para manter seus projetos organizados. Quando tiver 10 clientes simultâneos, você vai agradecer.

Aproveite o editor visual para micro-ajustes. Quando o cliente pede "troca 'Saiba mais' por 'Fale conosco'", não precisa abrir o VS Code. Faça a mudança direto no Htmly e avise o cliente na hora.

Considere domínio próprio se você tem uma agência. Com o plano Pro ou Agency, use algo como preview.suaagencia.com.br para que todos os previews carreguem sua marca. Transmite profissionalismo e diferencia você de freelancers que enviam ZIP por email.

Use os templates como ponto de partida. Em vez de começar do zero, clone um template e customize no editor visual. Economia de horas em projetos recorrentes como landing pages e portfólios.

Perguntas frequentes

Meu cliente precisa criar conta no Htmly? Não. O link funciona para qualquer pessoa, sem cadastro. Basta enviar a URL e o cliente acessa na hora.

Posso usar meu próprio domínio? Sim. Nos planos Pro e Agency, você conecta seu domínio próprio (ex: preview.suaagencia.com.br) ao Htmly.

E se o cliente pedir alterações? Faça as mudanças e publique novamente no mesmo slug. O link se atualiza automaticamente, sem precisar enviar nova URL.

Como funciona a proteção por senha? No plano Pro, você define uma senha para o site. Ao acessar o link, o cliente precisa digitar a senha antes de ver o conteúdo. Ideal para projetos confidenciais.

O Htmly funciona com qualquer ferramenta de desenvolvimento? Sim. Qualquer projeto que gere HTML estático funciona: VS Code, Cursor, Webflow export, Figma to HTML, WordPress estático, ou HTML gerado por IA como ChatGPT e Claude.


Veja nosso guia completo de preview de site para cliente e como criar um portfólio online grátis. Confira também os templates prontos para clonar, conheça nossos planos, e descubra por que o Htmly é a hospedagem de sites mais rápida para freelancers no Brasil.

Pronto para publicar?

Comece a publicar sites em segundos com o Htmly.

Comece a publicar agora