{"id":48750,"date":"2025-11-27T10:28:33","date_gmt":"2025-11-27T13:28:33","guid":{"rendered":"\/pt\/tutoriais\/o-que-e-splash-page\/"},"modified":"2026-03-10T12:59:53","modified_gmt":"2026-03-10T15:59:53","slug":"o-que-e-splash-page","status":"publish","type":"post","link":"\/pt\/tutoriais\/o-que-e-splash-page","title":{"rendered":"O que \u00e9 splash page? Guia completo para come\u00e7ar e criar a sua"},"content":{"rendered":"

Uma splash page é uma página de introdução que aparece antes do conteúdo principal de um site, geralmente sobrepondo a página inicial. Ela funciona como uma tela de boas-vindas, criada para causar impacto logo no primeiro contato do visitante.<\/p>

O objetivo pode variar: transmitir uma primeira impressão marcante, destacar uma informação importante ou até personalizar a experiência de cada usuário.<\/p>

Neste guia, você vai entender o que é splash page, em que ela se diferencia de outros tipos de páginas, por que pode ser útil para o seu site e como criar uma que realmente funcione.<\/p>

\n\n\n\n<\/p>

Diferença entre splash page e landing page<\/strong><\/h2>

Muita gente confunde splash page com landing page, já que ambas são páginas independentes que aparecem antes ou no lugar de uma página comum do site. Para entender a diferença, é importante saber primeiro o que é uma landing page. Veja como elas se distinguem:<\/p>

Elemento<\/strong><\/td>Splash page<\/strong><\/td>Landing page<\/strong><\/td><\/tr>
Objetivo<\/td>Chamar a atenção rapidamente e compartilhar informações importantes antes de entrar no site principal<\/td>Incentivar uma ação específica, como se cadastrar ou comprar<\/td><\/tr>
Momento em que aparece<\/td>Surge antes da página inicial ou do conteúdo principal<\/td>É acessada por meio de um link em anúncios, e-mails ou campanhas<\/td><\/tr>
Tamanho do conteúdo<\/td>Curto, geralmente um título e um texto curto<\/td>Mais completo, com títulos, informações sobre a oferta e uma chamada para ação (CTA)<\/td><\/tr>
Navegação<\/td>Mínima, normalmente apenas um botão como “Entrar no site” ou escolher idioma<\/td>Geralmente não há, para evitar distrações e manter o foco no objetivo principal<\/td><\/tr><\/tbody><\/table><\/figure>

Diferença entre splash page e homepage<\/strong><\/h2>

A splash page e a homepage estão entre as primeiras páginas que um visitante pode ver em um site. Apesar de terem funções diferentes, é comum confundir as duas. Veja como diferenciá-las:<\/p>

Elemento<\/strong><\/td>Splash page<\/strong><\/td>Homepage<\/strong><\/td><\/tr>
Função<\/td>Tela de introdução exibida antes do conteúdo principal<\/td>Página principal do site, com navegação e conteúdo central<\/td><\/tr>
Momento em que aparece<\/td>Interrompe brevemente a navegação para mostrar algo específico<\/td>Apoia a experiência de navegação o tempo todo, guiando o usuário pelo site<\/td><\/tr>
Conteúdo<\/td>Mínimo, com forte impacto visual e texto curto<\/td>Mais completo, com menu de navegação e links para páginas e seções principais<\/td><\/tr>
Segmentação de público<\/td>Pode ser exibida de acordo com localização, dispositivo ou campanha<\/td>Visível para todos os visitantes por padrão<\/td><\/tr>
Duração<\/td>Temporária ou sazonal, usada em anúncios, lançamentos ou promoções<\/td>Parte permanente da estrutura do site<\/td><\/tr>
Interação<\/td>Uma ação rápida — clicar, selecionar ou confirmar<\/td>Exploração contínua, permitindo ao usuário navegar por diferentes áreas do site<\/td><\/tr><\/tbody><\/table><\/figure>

Diferença entre splash page e popup<\/strong><\/h2>

Outra dúvida comum é confundir splash page com popup, já que ambos interrompem a navegação do usuário. No entanto, eles funcionam de formas diferentes. Veja a comparação:<\/p>

Elemento<\/strong><\/td>Splash page<\/strong><\/td>Popup<\/strong><\/td><\/tr>
Objetivo<\/td>Exibir anúncios, verificar idade, selecionar idioma<\/td>Promover ofertas, captar inscrições em newsletter ou mostrar alertas<\/td><\/tr>
Momento em que aparece<\/td>Antes de entrar no site<\/td>Depois que a página já carregou<\/td><\/tr>
Tamanho<\/td>Tela inteira<\/td>Janela pequena ou sobreposição<\/td><\/tr>
Interação do usuário<\/td>Bloqueia o acesso temporariamente, precisa ser fechada para continuar navegando<\/td>Interrompe a navegação por alguns segundos, mas pode ser ignorado ou fechado<\/td><\/tr><\/tbody><\/table><\/figure>

Como criar uma splash page<\/strong><\/h2>

Os passos para criar uma splash page<\/strong> podem variar de acordo com a ferramenta que você usa para construir o site. De forma geral, siga estas etapas:<\/p>

    \n
  1. Defina o objetivo. <\/strong>Pense no motivo principal para criar a splash page. Por exemplo, uma loja online que vende produtos com restrição de idade pode precisar de uma tela de verificação para cumprir exigências legais.<\/li>\n\n\n\n
  2. Escreva uma mensagem clara e objetiva. <\/strong>Mostre apenas o que o visitante precisa saber ou fazer antes de acessar o conteúdo principal.<\/li>\n\n\n\n
  3. Planeje o layout. <\/strong>Prefira um design simples, mas com um visual chamativo. Inclua um título de destaque e uma chamada para ação (CTA) alinhada ao seu objetivo.<\/li>\n\n\n\n
  4. Adicione elementos da sua marca. <\/strong>Como será a primeira tela exibida, a splash page deve refletir sua identidade visual e manter a consistência com o restante do site.<\/li>\n\n\n\n
  5. Crie uma opção de saída. <\/strong>Adicione um link ou botão que leve o usuário para a homepage, caso ele escolha não interagir com a splash page. Essa opção precisa estar visível e acessível.<\/li>\n\n\n\n
  6. Defina como a splash page será exibida. <\/strong>Dependendo da plataforma usada, configure para que ela apareça antes da homepage ou de acordo com critérios como localização ou dispositivo do visitante.<\/li>\n\n\n\n
  7. Teste e publique. <\/strong>Verifique se todos os botões funcionam, se os elementos visuais estão claros e se a página é responsiva em diferentes tamanhos de tela antes de colocá-la no ar.<\/li>\n<\/ol>

    \n

    Você sabia?<\/h4>\n

    Mesmo que o Criador de Sites da Hostinger<\/strong><\/a> ainda não tenha um recurso nativo de popups, é possível criar uma splash page facilmente. Basta personalizar um dos modelos prontos de landing page usando o editor de arrastar e soltar. Além disso, a ferramenta permite integrar soluções de terceiros e até adicionar código personalizado.<\/p>\n <\/div>\n\n\n\n<\/p>

    Vantagens da splash page e por que ela converte<\/strong><\/h2>

    Veja por que vale a pena usar uma splash page no seu site:<\/p>

    Chama a atenção de imediato<\/strong><\/p>

    Como a splash page aparece antes da homepage, o visitante vê a mensagem desejada logo de cara. Combinando um design impactante e um texto claro, ela é perfeita para destacar promoções, lançamentos de produtos ou comunicados importantes.<\/p>

    Além disso, pode ser usada para mostrar prova social, como números de vendas ou conquistas da marca — uma ótima maneira de gerar confiança e aumentar as conversões.<\/p>

    Destaca informações essenciais<\/strong><\/p>

    Seja para divulgar um evento, uma oferta por tempo limitado ou até um aviso legal, a splash page garante que todos os visitantes vejam a informação logo na entrada. Assim, você não precisa atualizar várias páginas do site para transmitir a mesma mensagem.<\/p>

    Um exemplo é a Black Sheep, marca australiana de roupas de ciclismo. Visitantes dos EUA são recebidos com uma splash page informando que a empresa realiza entregas no país e detalhando taxas adicionais.<\/p>

    \"splash