Ú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: imagem do autor Stacey Corrin
imagem 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: Turner John
imagem 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?

A splash page should “make a splash”. It’s a welcome screen that shows before other pages on your website, much like a website intro page. They’re used to grab people’s attention before entering your site and are a great way to collect new leads and show special offers.

No entanto, as splash pages são diferentes das landing pages e podem ter várias finalidades, o que é confuso para os iniciantes. Este artigo explicará o que é uma página inicial e mostrará a você como criar uma página inicial no WordPress, passo a passo.

Antes de começarmos, vamos esclarecer a pergunta "o que é uma página inicial".

O que é uma Splash Page do WordPress?

Uma plash page do WordPress é uma página da Web exibida antes da página inicial do seu site WordPress. Ela geralmente contém um logotipo ou outros elementos de design e é usada para apresentar o site ao usuário.

Uma página inicial também pode conter informações sobre o objetivo ou a missão do site. Algumas páginas iniciais são usadas para mostrar que o site ainda está em construção ou para solicitar que o usuário selecione o idioma ou o local de sua preferência.

Qual é o objetivo de uma Splash Page do WordPress?

Uma página inicial do WordPress é uma maneira eficaz de fazer isso:

  • Promover uma oferta especial ou um novo produto ou serviço
  • Mostrar um aviso de verificação de idade
  • Destaque um evento futuro
  • Colete informações de contato
  • 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
  • E muito mais.
O que é uma página inicial? Exemplo de página inicial da Zara

Por exemplo, a varejista de moda e comércio eletrônico Zara usa uma página inicial para direcionar os usuários para a versão correta do site para o país deles. Outras empresas, como a Forbes, mostram uma citação do dia em sua página de introdução.

Essencialmente, os profissionais de marketing usam uma página inicial para dar aos usuários uma ótima primeira impressão e conduzi-los na direção certa.

O que você deve incluir em uma Splash Page?

Uma página inicial do WordPress não exige nenhum elemento específico da página de destino; no entanto, aqui estão alguns elementos que você pode incluir em uma página inicial:

  • Um logotipo ou outros elementos de design: Eles podem ajudar a marcar o site e torná-lo mais profissional.
  • Uma breve mensagem ou declaração de missão: Isso pode ajudar a explicar o propósito ou a missão do site.
  • Links para outras páginas do site: Eles permitem que o usuário navegue para outras partes do site.
  • Uma opção para ignorar a página inicial: Algumas páginas iniciais incluem um botão ou link que permite que o usuário ignore a página inicial e vá diretamente para a página inicial.
  • Um indicador de carregamento: Se a página inicial estiver demorando muito para carregar, você poderá incluir um indicador de carregamento para informar ao usuário que a página ainda está sendo carregada.
  • Um seletor de idioma ou local: Se o site estiver disponível em vários idiomas ou locais, você poderá incluir um menu suspenso ou outros métodos para que o usuário selecione o idioma ou local de sua preferência.

Em geral, o objetivo de uma página inicial é fornecer ao usuário uma breve introdução ao site e dar a ele a opção de explorar mais ou pular para a página inicial.

Agora que você conhece a finalidade de uma página inicial, qual é a maneira mais fácil de criar uma para seu site WordPress?

Continue lendo para descobrir.

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

A maneira mais fácil de criar uma página inicial no WordPress é usar um plug-in de construtor de sites. Os construtores de sites ou de páginas de destino permitem que você crie páginas de alta conversão sem precisar da ajuda de um desenvolvedor ou especialista em web design.

Usaremos o SeedProd para criar uma página inicial no WordPress para este tutorial. O SeedProd é o melhor plug-in de criação de páginas de destino do WordPress no mercado.

SeedProd, o melhor plugin de página de destino do WordPress

Com seu editor de arrastar e soltar, você pode criar páginas impressionantes do WordPress sem escrever uma única linha de código. Ele também vem com a funcionalidade integrada do modo "Em breve" e do modo de manutenção. Isso permite que você trabalhe em seu site de forma privada e oculte-o dos visitantes com uma página em construção ou em manutenção.

O SeedProd tem muitos recursos excelentes, que exploraremos neste guia, como:

  • Modelos de página de destino projetados profissionalmente
  • Blocos de conteúdo com foco em leads
  • Seções de página pré-criadas
  • Integrações populares de e-mail
  • Opções de personalização do tipo apontar e clicar
  • Visualizações móveis
  • E muito mais

O melhor de tudo é que o plug-in é leve e extremamente rápido.

Ao contrário de outros construtores de páginas de arrastar e soltar que são inchados e lentos, o SeedProd é otimizado para velocidade e desempenho. Como resultado, ele não reduzirá o tempo de carregamento de seu site.

Isso resulta em melhor desempenho do mecanismo de pesquisa, melhor experiência do usuário e, por fim, mais leads.

Você pode ver como o desempenho do SeedProd se compara ao de outros criadores de páginas nesta comparação Divi vs Beaver Builder vs SeedProd.

Se você quiser criar páginas splash poderosas no WordPress, veja como fazer isso 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 final 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 da página e do URL.

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, você pode inserir formulários de contato, brindes, formulários de inscrição, classificações por estrelas, links de âncora e muito mais na 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 Button e selecionar a guia Templates 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 procurar a 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 splash pages 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 de sua 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

O teste A/B, também conhecido como teste de divisão, é uma forma de comparar duas versões de uma página da Web para determinar qual delas tem melhor desempenho. É uma maneira de testar alterações em sua página inicial em comparação com o design atual e ver qual delas produz melhores resultados.

No contexto das páginas splash, o teste A/B envolve a criação de duas versões da página: a versão "A" (também conhecida como controle) e a versão "B". Essas versões são idênticas, exceto por uma variação que pode afetar o comportamento do usuário. A variação pode ser tão simples quanto uma chamada para ação (CTA) diferente, um esquema de cores diferente, um layout diferente ou até mesmo um design completamente diferente.

Para saber mais, você pode seguir este guia sobre como fazer um teste A/B em uma página de destino.

Perguntas frequentes

O que é uma Splash Page em relação a uma Landing Page?

Uma splash page é uma página da Web exibida antes da página inicial de um site, geralmente contendo um logotipo ou outros elementos de design. Uma landing page, por outro lado, é uma página da Web específica para a qual um usuário é direcionado após clicar em um link, geralmente de um anúncio ou de uma página de resultados de um mecanismo de pesquisa.

A principal diferença entre uma página inicial e uma página de destino é sua finalidade.

As splash pages geralmente são usadas para apresentar um site ao usuário ou para fornecer algumas informações básicas sobre o site. No entanto, as landing pages são projetadas para atingir um objetivo específico, como fazer com que o usuário se inscreva em um boletim informativo, faça uma compra, inscreva-se em um webinar ou preencha um formulário.

Uma landing page se concentra em uma ação específica que o usuário deve realizar, enquanto uma splash page é de natureza mais geral.

Aqui está um exemplo de página inicial do Conversion Gods:

Conversion Gods Exemplo de página inicial do WordPress

Antes de entrar no site, os visitantes têm a oportunidade de fazer o download de um relatório gratuito em troca de seus endereços de e-mail. No entanto, eles não são forçados a fazer isso e podem optar por "continuar no blog".

Relacionado: Como promover seu blog: Guia para iniciantes

As páginas splash são boas para SEO?

As páginas splash podem ter efeitos positivos e negativos no SEO. Por um lado, elas podem ajudar a transmitir uma mensagem focada e envolver os visitantes. Por outro lado, elas podem afetar negativamente a experiência do usuário se forem muito lentas ou obstrutivas. Para minimizar os efeitos negativos sobre o SEO, certifique-se de que sua página inicial carregue rapidamente e seja compatível com dispositivos móveis.

Quais são as práticas recomendadas para projetar uma página inicial eficaz?

Aqui estão algumas dicas para criar uma página inicial envolvente e eficaz:

  • Mantenha-o simples e visualmente atraente.
  • Use uma mensagem clara e concisa.
  • Incorpore os elementos de sua marca, como logotipos e cores.
  • Inclua uma forte chamada à ação.
  • Otimize para tempos de carregamento rápidos e dispositivos móveis.
  • Use testes A/B para encontrar o design mais eficaz.
Preciso criar uma página inicial separada para usuários móveis?

Não é obrigatório criar uma página inicial separada para usuários móveis, mas é essencial garantir que sua página inicial seja compatível com dispositivos móveis. Com o aumento do número de usuários de Internet móvel, tornar sua página inicial responsiva e otimizada para dispositivos móveis proporcionará uma melhor experiência ao usuário e poderá ajudar a aumentar o envolvimento.

Posso usar um vídeo ou animação em minha página inicial?

Sim, você pode usar vídeos ou animações em sua página inicial. No entanto, lembre-se do tamanho dos arquivos e do tempo de carregamento, pois arquivos grandes podem tornar a página mais lenta e afetar negativamente a experiência do usuário.

Se você decidir usar um vídeo ou animação, certifique-se de que ele esteja otimizado para desktops e dispositivos móveis e que não seja reproduzido automaticamente com som.

Uma página inicial pode ser usada como página inicial?

Sim, uma página splash pode ser usada como página inicial. Uma página inicial é a página principal de um site e geralmente é a primeira página que o usuário vê quando visita o site. Alguns sites usam uma página inicial como página inicial, o que significa que ela é a primeira página que o usuário vê quando visita o site.

No entanto, é importante ter em mente que nem todos os sites usam uma página inicial como página inicial. Alguns sites usam um layout de página inicial mais tradicional, com links para várias seções do site e informações sobre o objetivo ou a missão do site. Cabe aos proprietários do site decidir que tipo de página inicial usar.

Aí está!

Não apenas respondemos à pergunta "o que é uma página inicial", mas agora você também sabe como criar uma página inicial do WordPress rapidamente.

O SeedProd é a melhor solução para criar páginas de destino de alta conversão no WordPress. Você pode criar páginas impressionantes em minutos com opções de design amigáveis para iniciantes, configurações de personalização fáceis e vários recursos de geração de leads.

Pronto para impulsionar o crescimento de seus negócios?

Você também pode gostar destas práticas recomendadas de página de destino para obter dicas sobre como começar.

Se você achou este artigo útil, siga-nos no Twitter e no Facebook para obter mais dicas e tutoriais úteis.

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.