Últimas notícias da SeedProd

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

como criar uma página de site em construção no WordPress

Como criar uma página moderna de WordPress em construção 

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: John Turner
imagem do revisor John Turner
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.

Quer saber como criar uma página em construção no WordPress?

As páginas em construção do WordPress são uma excelente maneira de sua pequena empresa obter uma vantagem inicial nas classificações do Google antes de entrar no ar. Elas também podem ajudar a criar um burburinho, deixar as pessoas empolgadas com o lançamento do seu site WordPress e ajudar a aumentar sua lista de e-mails.

No artigo de hoje, veremos como criar uma página personalizada de WordPress em construção em seu site sem tocar em uma única linha de código ou php.

O que é uma página em construção do WordPress?

Uma página de site em construção é uma página do WordPress que mostra uma mensagem amigável aos visitantes. Você pode editar a mensagem para informar às pessoas que "esta página está em construção".

Ativar o modo em construção é uma ótima maneira de gerar entusiasmo sobre seu novo site WordPress antes de lançá-lo ao público.

Os visitantes não verão o processo de design confuso nos bastidores, pois ele mostra uma página de destino e uma imagem de página em construção. Mais importante ainda, eles não visitarão um site potencialmente quebrado, o que pode prejudicar a reputação da sua empresa e a experiência do usuário.

Como criar uma página em construção no WordPress

Normalmente, você precisará de um plugin de página de manutenção ou de página de construção para esse tipo de tarefa. Mas, para este guia, usaremos uma solução completa.

Para colocar uma página em construção em seu site, usaremos o plug-in SeedProd. Antes de começarmos, vamos dar uma olhada em como o SeedProd funciona.

Você pode criar uma página do WordPress em construção com o SeedProd

O SeedProd é o melhor plug-in de criação de páginas do WordPress que permite criar facilmente temas personalizados do WordPress e páginas de destino impressionantes. Com funções de usuário na lista de permissões, você pode limitar o acesso ao seu site e escolher quem pode ver seu site em comparação com a tela em construção.

Criar uma página em breve e em modo de manutenção é rápido e fácil e você não precisará da ajuda de um desenvolvedor. Isso porque o SeedProd tem uma biblioteca de modelos de página de destino pré-criados, de alta conversão e personalizáveis, incluindo:

Com o construtor de arrastar e soltar do SeedProd, você pode personalizar sua página em construção, em modo de manutenção ou em breve com blocos e módulos fáceis.

Por exemplo, você pode adicionar formulários de opt-in de e-mail, botões de mídia social, tabelas de preços, formulários de contato, cronômetros de contagem regressiva e muito mais. Isso o ajudará a gerar leads e engajamento. Além disso, você pode ver as alterações feitas em tempo real.

O plug-in da página de destino do SeedProd também oferece:

Ele também funciona perfeitamente com temas e plug-ins populares do WordPress, inclusive plug-ins de cache como o WP Super Cache.

A vantagem do SeedProd é que ele também é um construtor de sites, combinando muitas funções em um único plug-in do WordPress. Isso significa que você não precisará de plug-ins separados para o modo de manutenção, plug-ins para o futuro ou até mesmo um plug-in diferente para o WordPress em construção.

O SeedProd tem uma versão gratuita de seu plug-in gratuito se você quiser fazer um teste. O plug-in gratuito para WordPress inclui tudo o que você precisa para ocultar seu site enquanto trabalha nele.

Sugerimos usar a versão pro (versão premium) para acessar controles de acesso robustos, mapeamento de domínios, criação de temas e outros recursos avançados.

Vamos agora usar esse plug-in para criar uma página em construção no WordPress.

Tutorial em vídeo

Etapa 1: Comece fazendo o download do SeedProd

A primeira etapa para criar uma página personalizada em construção no WordPress é obter o plug-in SeedProd.

Depois de comprar o SeedProd, faça login no painel de controle do SeedProd.

A partir daí, você verá uma tela como a mostrada abaixo. Clique no link View License Key, Details, and Downloads para acessar sua página de downloads.

Faça o download do plug-in da página em construção do WordPress

Para fazer o download do SeedProd, clique no botão Download Landing Page Pro.

download do plugin de página de destino do seedprod

Vá para o painel do WordPress e clique em Plugins " Add New " Upload Plugin. Em seguida, navegue pelo seu computador e carregue a pasta compactada que você acabou de baixar.

adicionar novo plugin em construção no WordPress

Conclua a etapa clicando no botão Activate (Ativar ) para começar a trabalhar.

Após a ativação, você verá a página de configurações do plug-in no seu administrador do WordPress, onde deverá confirmar sua chave de licença do SeedProd. Ao comprar o plug-in, você encontrará essa chave no seu endereço de e-mail registrado.

Copie a chave de licença e cole-a no campo em branco da tela. Em seguida, clique em Verify key (Verificar chave). Também é possível encontrar a seção de licença acessando o menu Configurações do SeedProd.

Ativar o plug-in seedprod em construção

Depois de verificar sua chave de licença, role a página para baixo e clique no botão Create Your First Page (Criar sua primeira página ).

Crie sua primeira página do WordPress em construção

Em seguida, você acessará o painel do SeedProd, onde poderá começar a criar sua página em construção.

Etapa 2: Criar uma página em construção

Na página do painel do SeedProd, você verá 4 opções diferentes na parte superior:

  • Modo Em breve - Para adicionar uma página em breve ao seu site.
  • Maintenance Mode (Modo de manutenção ) - Para colocar seu site no modo de manutenção do wp.
  • 404 Page (Página 404 ) - Para exibir uma página de destino 404 em seu site.
  • Login - Para criar uma página de login personalizada do WordPress.

Os modos de página significam que você não precisará de um plug-in separado em construção ou de um plug-in de modo de manutenção do WordPress.

Visão geral do painel da página de destino do seedprod com o modo em construção

Muitas pessoas se confundem com a diferença entre os modos "em breve" e "em manutenção". Você pode usar uma página de "em breve" em sites que ainda não estão no ar e que ainda estão em construção. E o modo de manutenção é para sites já estabelecidos que estão inativos no momento devido à manutenção.

Portanto, para criar uma página em construção, clique no botão Set up a Coming Soon Page (Configurar uma página em breve ).

Em seguida, você pode escolher um modelo de página "Em breve " para sua página em construção.

escolha um modelo de página em construção seedprod

Esses belos modelos de site o ajudarão a criar uma página em construção em pouco tempo. Selecione qualquer modelo de sua preferência ou escolha o modelo em branco se quiser começar do zero.

Depois de escolher um modelo, o plug-in o levará ao construtor visual de arrastar e soltar do SeedProd, onde você poderá configurar sua página em construção.

Etapa 3: Adicione conteúdo à sua página em construção

Agora você pode adicionar conteúdo à sua página em construção usando o construtor visual de arrastar e soltar.

No lado esquerdo da tela, você verá todos os blocos de conteúdo disponíveis que podem ser usados para projetar sua página personalizada em construção. À direita, há uma visualização do front-end do seu site com a imagem do site em construção.

imagem do local em construção

Os blocos de conteúdo do SeedProd têm dois grupos: padrão e avançado.

Os blocos de conteúdo padrão incluem:

  • Manchete
  • Texto
  • Lista
  • Botão
  • Imagem
  • Vídeo
  • Divisor
  • Espaçador
  • Coluna

Os blocos de conteúdo avançado, que são mais voltados para a geração de leads, incluem:

  • Brindes
  • Formulário de contato
  • Formulário de assinatura Optin (com caixa de seleção GDPR)
  • Temporizador de contagem regressiva
  • Links de âncora
  • Compartilhamento social
  • Ícones de mídia social
  • Formulários de login
  • Classificação por estrelas
  • Depoimentos
  • Barra de progresso
  • Acordeões
  • HTML personalizado
  • E mais

Você pode arrastar e soltar qualquer um desses blocos para adicioná-los à sua página em construção.

Por exemplo, talvez você queira adicionar um cronômetro de contagem regressiva "Em breve " à sua página em construção para que as pessoas saibam quando o site estará no ar.

Arraste e solte o bloco do cronômetro de contagem regressiva no lado direito da tela para adicioná-lo.

Adicione um cronômetro de contagem regressiva do tipo arrastar e soltar à sua página em construção

Cada elemento tem várias opções de estilo com diferentes contornos, gradientes e cores.

Basta clicar no bloco e, na guia Modelos, à esquerda, você pode selecionar o estilo desejado.

modelos de estilo de bloco para a página em construção do WordPress

Você também pode editar o conteúdo, como o texto, o tamanho e o alinhamento. E na guia Advanced (Avançado), você pode alterar a cor, a tipografia, o espaçamento etc.

Além dos Blocos, há também uma guia para Seções. As seções são layouts predefinidos que você pode usar na página em construção.

adicionar seções de página à sua página personalizada em construção

As seções incluem:

Você pode clicar automaticamente em qualquer seção pré-criada para adicioná-la à sua página em construção.

No exemplo abaixo, adicionamos uma seção de perguntas frequentes. Essa é uma excelente maneira de responder a quaisquer perguntas que os visitantes possam ter sobre sua empresa.

seção de perguntas frequentes em uma página em construção

Clique no botão verde Save (Salvar ) no canto superior direito para salvar seu progresso.

Depois de adicionar o conteúdo à sua página de construção, você pode começar a personalizar tudo para se adequar à sua marca.

Etapa 4: Personalize sua página em construção

Você pode personalizar sua página em construção para que corresponda à sua marca clicando no ícone de engrenagem no canto inferior esquerdo. Isso o levará às Configurações globais, onde você poderá definir a fonte global, as cores, a imagem de fundo e o CSS personalizado.

visualizar as configurações globais de sua página de destino em construção

Para alterar sua imagem de plano de fundo, clique em Plano de fundo. Isso abrirá as configurações de plano de fundo para definir a imagem, o estilo, a posição, a cor etc. da página em construção. Você pode até usar um fundo de vídeo.

Em Background Image (Imagem de fundo), clique no ícone de foto circular na imagem de fundo existente. Uma nova janela será aberta para escolher uma imagem da sua biblioteca de mídia existente ou carregar uma nova imagem.

Alterar a imagem de fundo na página do seu site em construção

Para alterar as cores em sua página em construção, clique na guia Colors (Cores ).

Você pode alterar a cor dos cabeçalhos, do texto, dos botões, dos links e dos planos de fundo individualmente.

Personalize as cores de sua página em construção

Ou você pode usar as 20 paletas de cores predefinidas do SeedProd para dar instantaneamente à sua página em construção uma aparência profissional.

escolha uma paleta de cores personalizada

Não se esqueça de pressionar o botão Salvar periodicamente durante o processo de personalização.

Quando estiver satisfeito com seu design, é hora de passar para a próxima etapa.

Etapa 5: Integre seu serviço de marketing por e-mail

Você precisa vincular seu serviço de marketing por e-mail se quiser coletar leads e assinantes em sua página em construção.

Felizmente, o SeedProd torna isso fácil. O SeedProd se integra a todos os serviços populares de marketing por e-mail e autoresponders, incluindo:

Primeiro, vá para a guia Connect (Conectar ) na parte superior da tela.

Conecte-se a um serviço de marketing por e-mail em sua página SeedProd em construção

Para conectar seu serviço de marketing por e-mail, localize-o na lista e clique em Connect New Account( Conectar nova conta).

serviço de marketing por e-mail do connect

Em seguida, siga as instruções para se conectar e verificar sua conta.

Para obter instruções completas sobre a integração de provedores de e-mail específicos, consulte a documentação de integração do SeedProd.

Você também pode se conectar ao Zapier, ao Google Analytics e ao Recaptcha na página Connect.

Etapa 6: Configure as definições da página em construção do WordPress

Em seguida, clique na guia Page Settings (Configurações da página ) na parte superior da tela. Nessa página, você pode definir as configurações gerais da página, como o título da página e o URL.

Você também pode editar o mecanismo de pesquisa (SEO), as configurações de análise e as funções de usuário.

Configurações da página em construção

Quando suas configurações estiverem concluídas, clique no botão salvar alterações.

Etapa 7: Publique a página do seu site em construção

Agora é hora de colocar sua página em construção no ar!

Mas, antes disso, certifique-se de visualizar a aparência da sua página em construção no celular e no desktop para garantir que ela fique ótima em todos os dispositivos.

Clique no ícone Preview (Visualizar) na parte inferior da tela para visualizar instantaneamente uma página móvel.

Visualização da página móvel em construção

Se precisar fazer alguma alteração, clique no ícone novamente para voltar à visualização na área de trabalho. Você também pode obter uma visualização ao vivo da sua página em uma nova guia clicando no ícone de olho na parte inferior da tela.

Quando estiver satisfeito com a aparência de sua página responsiva em construção, clique na seta abaixo do botão Save (Salvar) e clique em Publish(Publicar).

Você verá uma mensagem de sucesso do SeedProd notificando-o de que sua página está ativa.

Sua página em construção foi publicada

Clique em See Live Page para visualizar sua página em construção.

Visualize sua página personalizada em construção no WordPress

Parabéns! Agora você tem um site fácil de usar que mostra uma página de destino em construção no WordPress.

FAQ da página WordPress em construção

Como faço para ocultar meu site WordPress do público?

Para obter instruções sobre como ocultar seu site do WordPress do público, siga este guia passo a passo sobre como ocultar seu site do WordPress até que ele esteja pronto.

Aí está!

Agora você sabe como criar uma página de site em construção no WordPress usando o construtor de páginas de destino do SeedProd. Com uma bela página em construção, você pode criar entusiasmo e gerar leads antes que seu site esteja pronto para entrar no ar.

Se você gostou deste tutorial, confira nossa postagem sobre como divulgar seu site antes do lançamento.

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.