Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

O que é uma Splash Page + 9 etapas para criar a sua própria

Como criar uma página inicial no WordPress em 9 etapas 

Escrito por: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: avatar do revisor Turner John
avatar do revisor Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Deseja criar uma página inicial do WordPress que cause uma boa primeira impressão?

Uma página splash é como uma tela de boas-vindas que aparece antes de os visitantes chegarem ao site principal. Pense nela como uma página de introdução curta em que você pode destacar uma oferta especial, coletar e-mails ou compartilhar um anúncio. Ela é diferente de uma landing page porque sua principal função é chamar a atenção rapidamente.

Neste guia, explicarei exatamente o que é uma página inicial e mostrarei passo a passo como criar uma página inicial no WordPress usando o SeedProd, o construtor de páginas de arrastar e soltar mais fácil para iniciantes.

Etapas rápidas para criar uma página inicial no WordPress:

O que é uma Splash Page do WordPress?

Uma página inicial do WordPress é uma tela de introdução curta que aparece antes da sua página inicial, projetada para chamar a atenção imediatamente.

Ela pode incluir seu logotipo, uma mensagem de boas-vindas ou detalhes importantes, como uma oferta especial. Muitos sites também usam páginas iniciais para verificação de idade, avisos de construção ou seleção de idioma e local.

Qual é o objetivo de uma Splash Page do WordPress?

O objetivo de uma página inicial do WordPress é capturar a atenção antes que os visitantes cheguem ao site principal e guiá-los para a próxima etapa correta.

  • Promover uma oferta especial ou um novo produto
  • Mostrar um aviso de verificação de idade
  • Destacar um evento futuro
  • Colete detalhes de contato e aumente sua lista de e-mails
  • Promova seus perfis de mídia social
  • Informe aos visitantes que seu novo site será lançado em breve
Exemplo de página inicial da Zara para seleção de país

Por exemplo, a Zara usa uma página inicial para encaminhar os compradores para a loja certa no país, enquanto a Forbes exibe uma cotação diária antes de mostrar seu site principal.

Em resumo, as páginas splash criam uma primeira impressão forte e direcionam os visitantes para onde você quer que eles vão.

O que você deve incluir em uma Splash Page?

Uma boa página inicial inclui apenas o essencial - o suficiente para apresentar seu site, compartilhar informações importantes e permitir que os visitantes avancem rapidamente.

  • Logotipo ou elementos de design: Reforça instantaneamente sua marca.
  • Mensagem curta ou declaração de missão: Explica a finalidade de seu site.
  • Links de navegação: Direcionam os visitantes para a área correta de seu site.
  • Pular opção: Permite que os usuários ignorem a página inicial, se preferirem.
  • Indicador de carregamento: Mostra o progresso se o site demorar um pouco para carregar.
  • Seletor de idioma ou local: Útil para públicos globais.

O objetivo é mantê-la simples. Faça com que sua página inicial seja clara, rápida e fácil de ignorar quando necessário.

Como faço para criar uma página inicial no WordPress?

A maneira mais rápida de criar uma página inicial do WordPress é com um construtor do tipo arrastar e soltar, como o SeedProd. Ele permite que você crie uma página profissional em minutos, sem codificar ou contratar um desenvolvedor.

SeedProd Construtor de sites WordPress de arrastar e soltar

O SeedProd vem com modelos pré-construídos, personalização do tipo apontar e clicar e opções integradas de modo de manutenção e em breve, para que você possa trabalhar de forma privada e manter o site com aparência profissional.

Veja o que faz a SeedProd se destacar:

  • Dezenas de modelos de página inicial projetados profissionalmente
  • Blocos focados em leads e seções de página pré-criadas
  • Integrações de um clique com serviços de e-mail populares
  • Controles de design do tipo apontar e clicar com visualização ao vivo
  • Edição e visualizações amigáveis para dispositivos móveis
  • Código leve para velocidades de carregamento rápidas

Por ser otimizado para velocidade, o SeedProd não deixará seu site lento como os construtores mais volumosos. Isso significa melhor SEO, uma experiência mais tranquila para o visitante e mais conversões.

Se você deseja lançar uma página inicial de forma rápida e eficaz, veja como fazer isso passo a passo com o SeedProd.

Etapa 1. Instalar o SeedProd WordPress Landing Page Builder

Primeiro, clique aqui para começar a usar o SeedProd e fazer o download do plug-in. Em seguida, instale e ative o plug-in em seu site do WordPress. Se precisar de ajuda com isso, consulte este tutorial para instalar um plug-in do WordPress.

Após ativar o SeedProd, você verá uma tela de boas-vindas solicitando a inserção da chave de licença. Você pode encontrar a chave de licença verificando a caixa de entrada do e-mail que usou para se registrar. Ou pode fazer login no SeedProd e vê-la na seção Downloads da sua conta.

Copie sua chave de licença, cole-a no campo fornecido e clique no botão Verify Key (Verificar chave ).

Ativar o plug-in do modo de manutenção do seedprod

Em seguida, role a página até o fim e clique no botão Create Your First Page (Criar sua primeira página ).

Crie sua primeira página inicial com o SeedProd

Etapa 2. Criar uma nova página de destino no WordPress

Na tela a seguir está o painel da página de destino do SeedProd. Você verá vários modos de página na parte superior, incluindo Coming Soon Mode (Modo em breve ), Maintenance Mode (Modo de manutenção) e 404 Page (Página 404).

visão geral do painel da página de destino do seedprod

Você pode ativar cada modo com um único clique para mostrar páginas de destino personalizadas aos visitantes do seu site.

Abaixo dos diferentes modos de página, é onde suas páginas de destino são exibidas depois de criadas. Você ainda não verá nada nessa seção, mas elas serão exibidas em uma lista depois que você as criar.

Criar uma nova página de destino no SeedProd

Para criar sua primeira página, clique no botão Create New Landing Page (Criar nova página de destino ).

Etapa 3. Escolha um modelo de página inicial do WordPress

A próxima página mostra a biblioteca de modelos de página de destino responsivos da SeedProd. Cada design é totalmente personalizável no construtor de arrastar e soltar.

modelos de página de destino do seedprod

Para ajudá-lo a encontrar um modelo rapidamente, você pode filtrá-los por categoria. Basta clicar em qualquer rótulo de categoria na parte superior para ver os disponíveis:

Você também pode usar a caixa de pesquisa para refinar ainda mais seus resultados.

Escolha um modelo que se assemelhe à aparência que você deseja para sua página inicial. Em seguida, passe o mouse sobre a imagem do modelo e clique no ícone de marcação.

Passe o mouse sobre o modelo e clique no ícone de marcação para escolher um modelo de página de destino

Para nosso exemplo, escolhemos o modelo de aperto de leads Personal Links, que será personalizado para ser usado como uma página inicial.

Depois de escolher o modelo, você verá uma janela pop-up solicitando a inserção do nome e do URL da página.

Digite o nome e o URL da página inicial

Em seguida, você pode clicar no botão Salvar e começar a editar a página para iniciar o modelo no editor visual.

Etapa 4. Adicione conteúdo à sua página inicial

O editor visual do SeedProd tem duas seções distintas. À esquerda, há um painel que mostra todos os blocos e seções de página que podem ser usados. À direita, há uma prévia da aparência de sua página.

Interface do construtor de páginas do tipo arrastar e soltar

Adicionar conteúdo à sua página é tão simples quanto arrastar um bloco do painel à esquerda e soltá-lo na visualização à direita.

Clicar em qualquer elemento em sua página mostra as configurações desse bloco no painel esquerdo.

Por exemplo, você pode clicar no bloco de imagens para remover a foto original e substituí-la pela sua.

Remover e adicionar uma nova imagem de página de destino

Os blocos da página de destino do SeedProd vêm em duas seções: Blocos padrão e avançados.

Os blocos padrão são os elementos essenciais de que você precisa para qualquer página, incluindo imagens, botões, espaçadores, divisores, listas e muito mais.

Blocos de página de destino padrão

Os blocos avançados são um pouco diferentes, pois se concentram principalmente na geração de leads.

Blocos avançados de página de destino

Isso significa que, com apenas alguns cliques, é possível inserir formulários de contato, brindes, formulários de inscrição, classificações por estrelas, links de âncora e muito mais em sua página.

A maioria dos blocos do SeedProd também inclui modelos predefinidos. Você pode implementar esses diferentes estilos com um único clique, o que significa que não será necessário personalizar cada bloco manualmente.

Por exemplo, clicar no bloco Botão e selecionar a guia Modelos mostra vários estilos diferentes de botões para escolher.

Modelos de blocos de botões

Além de blocos individuais, o SeedProd tem seções de páginas de destino. Não é necessário criar seções de páginas inteiras manualmente, bloco por bloco. Você pode ver as diferentes áreas clicando na guia Sections (Seções ).

Seções da página de destino do SeedProd

A partir daí, você pode escolher um novo:

  • Cabeçalho
  • Área do herói
  • Chamada para ação
  • Seção de perguntas frequentes
  • Área de recursos
  • Rodapé
Seções da página de destino do SeedProd

Continue adicionando conteúdo à sua página inicial até que ela inclua todas as informações que você deseja que os visitantes vejam.

Você pode salvar seu progresso clicando no botão verde Save (Salvar ) no canto superior direito.

Etapa 5. Personalizar o design da página inicial

Com o conteúdo no lugar, é provável que algumas partes do design da página inicial do WordPress ainda não pareçam corretas. Talvez a cor do plano de fundo esteja errada ou as fontes estejam fora do lugar.

A boa notícia é que você pode alterar todos esses aspectos usando as configurações de personalização fáceis do SeedProd.

Basta clicar no ícone de engrenagem no canto inferior esquerdo da tela para ver as Configurações globais.

Configurações globais de personalização da página de destino

Nessa área, você pode personalizar seu global:

  • Histórico
  • Cores
  • Fontes
  • CSS personalizado

Sob o título Fonts (Fontes ), você pode alterar as fontes e os pesos do cabeçalho e do corpo globais. Basta escolher uma nova fonte ou peso nos respectivos menus suspensos.

Configurações globais de fontes

Como alternativa, você pode navegar pela biblioteca de combinações de fontes selecionadas do SeedProd clicando no botão Font Themes (Temas de fontes ).

Temas de fontes do SeedProd

Isso mostra quais fontes ficam melhores juntas. Basta clicar em qualquer par de fontes para adicionar a seleção à sua página instantaneamente.

O cabeçalho Colors funciona da mesma forma. Você pode selecionar individualmente cores diferentes para links globais, cabeçalhos, textos, botões e planos de fundo com a prática ferramenta de seleção de cores.

Configurações globais de cores

Ou, se preferir, você pode clicar no botão Color Palettes (Paletas de cores ) para escolher entre mais de 20 esquemas de cores predefinidos.

Paletas de cores SeedProd para páginas de destino

A seção Plano de fundo oferece uma maneira fácil de personalizar o plano de fundo da página inicial. Você pode defini-lo como uma cor sólida ou gradiente ou carregar uma imagem de fundo de largura total da biblioteca de mídia do WordPress ou do computador.

Configurações globais de plano de fundo

Também é possível adicionar um fundo de vídeo ou uma apresentação de slides de fundo selecionando o botão de alternância para cada configuração.

Lembre-se de clicar em Save (Salvar) para preservar suas configurações de personalização.

Etapa 6. Conecte seu provedor de marketing por e-mail

Muitas páginas splash oferecem aos usuários um download gratuito em troca de seus dados de contato. Para criar esse tipo de página inicial, você precisará conectar seu serviço de marketing por e-mail.

Diferentemente de outros criadores de páginas que se conectam apenas a alguns provedores, o SeedProd se integra a serviços populares de boletins informativos por e-mail, incluindo:

Basta clicar na guia Connect (Conectar ) na parte superior do construtor de páginas para ver os provedores disponíveis. Em seguida, selecione o serviço de sua preferência e siga as instruções para autorizar sua conta.

Conecte-se a um serviço de marketing por e-mail com o SeedProd

Você também pode usar o Zapier para vincular sua página a milhares de outros aplicativos populares para automatizar seus esforços de marketing.

Não se preocupe se você ainda não tiver um provedor de marketing por e-mail.

Em vez disso, você pode usar o painel de gerenciamento de assinantes integrado do SeedProd. Sempre que alguém se inscreve por meio de sua página inicial, os detalhes dessa pessoa são armazenados automaticamente em seu site do WordPress.

Painel de gerenciamento de assinantes do SeedProd

Você pode vê-los acessando SeedProd " Subscribers no painel do WordPress.

Etapa 7. Configurar as definições da página

Agora que você terminou de projetar sua página inicial, é necessário definir algumas configurações necessárias. Para fazer isso, clique na guia Page Settings (Configurações da página ) na parte superior do construtor de páginas.

Configurações da página do squeeze

Nessa página, você pode alterar as configurações de suas páginas:

  • Detalhes gerais - Altere o nome e o URL da página e defina-a como rascunho ou publicada.
  • SEO - Preencha suas informações de SEO na página usando palavras-chave relevantes no título da página e na meta descrição por meio de um plug-in de SEO como o All in One SEO.
  • Análise - Veja o desempenho da página inicial com um plug-in de análise, como o MonsterInsights.
  • Scripts - Insira scripts de rastreamento e redirecionamento, como cookies ou pixels de rastreamento do Facebook.

Lembre-se de clicar no botão Save (Salvar) antes de passar para a próxima etapa.

Etapa 8. Verifique se sua página é compatível com dispositivos móveis

Hoje em dia, quase todo mundo navega na Internet a partir de dispositivos móveis. Para oferecer uma experiência mais simplificada a esses visitantes específicos do site, você precisará de uma página inicial compatível com dispositivos móveis.

É por isso que o SeedProd tem uma opção de visualização móvel integrada. Basta clicar no ícone de visualização móvel para ver a aparência de sua página inicial em dispositivos móveis.

Clique no ícone de visualização móvel

Se algo não estiver certo, você pode ajustar rapidamente as coisas até ter uma página que os visitantes possam navegar facilmente em seus telefones, tablets, laptops ou desktops.

Visualize sua página inicial no celular

Clique no mesmo ícone para voltar à visualização original da área de trabalho.

Não se preocupe, você não perderá suas alterações. Todas as alterações feitas na visualização móvel são aplicadas à visualização para desktop.

Lembre-se de clicar no botão Salvar.

Etapa 9. Publique sua página inicial do WordPress

Agora que o design está exatamente como você deseja, é hora de publicar a página inicial no site do WordPress.

Para fazer isso, clique na seta para baixo ao lado do botão Salvar e selecione Publicar.

Clique no botão publicar

Em seguida, você verá uma janela pop-up informando que sua página está no ar.

Sua página foi publicada. Veja uma visualização ao vivo

Clique no botão See Live Page para ver a aparência.

Exemplo e visualização da página inicial do WordPress feita com o SeedProd

Otimização de sua página inicial com testes A/B

A melhor maneira de melhorar sua página inicial é executar testes A/B e ver qual versão gera mais resultados.

O teste A/B (ou teste de divisão) compara duas versões de uma página: a versão A (o controle) e a versão B (com uma alteração). Essa alteração pode ser uma chamada para ação diferente, um novo esquema de cores, um ajuste de layout ou até mesmo um redesenho completo.

Ao enviar tráfego para as duas versões e acompanhar as conversões, você saberá exatamente qual design tem melhor desempenho. Este guia passo a passo mostra como configurar testes A/B para sua página inicial.

Perguntas frequentes sobre as Splash Pages do WordPress

O que é uma Splash Page versus uma Landing Page?
Uma página inicial é uma tela de introdução curta que é exibida antes da sua página inicial, enquanto uma página de destino é criada para um objetivo específico, como capturar leads ou gerar vendas. As splash pages definem o tom ou compartilham informações rápidas. As páginas de destino têm como foco as conversões.
As páginas splash são boas para SEO?
As páginas splash podem ajudar se forem carregadas rapidamente e não bloquearem o acesso ao seu site principal. Páginas splash lentas ou intrusivas podem prejudicar o SEO, portanto, mantenha-as sempre leves, compatíveis com dispositivos móveis e que possam ser ignoradas.
Preciso criar uma página inicial separada para usuários móveis?
Não, mas sua página inicial deve ser responsiva. Um único design compatível com dispositivos móveis garante uma boa experiência em todos os dispositivos.
Posso usar um vídeo ou animação em minha página inicial?
Sim, desde que seja otimizado para velocidade. Mantenha os tamanhos dos arquivos pequenos, evite a reprodução automática com som e verifique se ele funciona tanto no desktop quanto no celular.
Uma página inicial pode ser usada como página inicial?
Sim, alguns sites usam uma página inicial como sua página inicial. Mas lembre-se: se você optar por esse caminho, mantenha a navegação fácil para que os visitantes possam acessar o restante do conteúdo rapidamente.

Agora você sabe o que é uma página inicial do WordPress, por que ela é importante e como criar uma. Com uma ferramenta como o SeedProd, você pode criar uma página inicial profissional em minutos, sem codificação. Uma página inicial bem projetada ajuda você a causar uma boa primeira impressão, orientar os visitantes para onde você quer que eles vão e até mesmo capturar novos leads.

Pronto para criar o seu próprio?

Esses guias também podem ser úteis para a configuração da página inicial:

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, sinta-se à vontade para participar da conversa no YouTube, X e Facebook para obter mais conselhos úteis e conteúdo para expandir seus negócios.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.