Como Configurar uma Página de Em Construção do WordPress (Grátis ou Pro) 

Quando precisei colocar meu site WordPress em espera durante uma reformulação, criei uma página de "em construção" no WordPress para manter as coisas com aparência profissional e coletar leads por e-mail enquanto isso. Você pode fazer o mesmo em cerca de 10 minutos, gratuitamente.

Neste guia, mostrarei como criei uma página personalizada de "em construção" sem tocar em uma única linha de código, começando pela opção gratuita.

O que é uma Página "Em Construção" no WordPress?

Uma página de "em construção" no WordPress é uma página temporária que oculta seu site inacabado e mostra aos visitantes uma mensagem amigável enquanto você constrói. Isso evita que as pessoas cheguem a um design pela metade ou quebrado, o que poderia prejudicar sua reputação.

Ela faz mais do que apenas ocultar a bagunça. Você pode usá-la para criar expectativa, compartilhar uma data de lançamento e aumentar sua lista de e-mails antes de entrar no ar.

Se você está comparando isso com o desligamento completo do site, uma página de "em construção" e o modo de manutenção cumprem funções ligeiramente diferentes, o que importa para SEO. Mais sobre isso abaixo.

O que Colocar em uma Página de "Em Construção" no WordPress

Antes de construir, é útil saber o que uma boa página de "em construção" realmente precisa. Estes são os elementos que incluo sempre.

• Uma mensagem clara: Informe aos visitantes que o site está sendo construído e quando retornar.
• Uma data de lançamento ou cronômetro regressivo: Um relógio em contagem regressiva cria expectativa e dá às pessoas um motivo para retornar.
• Um formulário de opt-in por e-mail: A coisa mais valiosa que você pode adicionar, para que o interesse inicial se transforme em uma lista que você possui.
• Ícones sociais: Permita que as pessoas sigam você em algum lugar ativo enquanto o site está fora do ar.
• Design alinhado à marca: Combine suas cores, fontes e logotipo para que a página ainda pareça com você.

Uma Página de "Em Construção" é Ruim para SEO?

Não, não quando configurada corretamente. Uma página "em breve" ou "em construção" que fica no ar por um tempo serve uma resposta HTTP 200 normal, então os motores de busca ainda podem indexar uma página de placeholder real e encontrar seu site.

Um tempo de inatividade curto e planejado é diferente. Para isso, o Google recomenda servir um HTTP 503 (Service Unavailable) com um cabeçalho Retry-After, que informa aos motores de busca que a interrupção é temporária e quando retornar (Google Search Central).

Em termos simples: use o modo "em breve" ou "em constru000o" para um desenvolvimento mais longo e reserve o modo de manuten000o para trabalhos breves. Um plugin cuida da resposta correta para voc000, o que 000 menos uma coisa para errar.

Como Criar uma Página "Em Construção" no WordPress

Para colocar uma p000gina em constru000o no seu site, eu uso o plugin SeedProd. Antes de come000armos, aqui est000 a vers000o curta do porqu000.

SeedProd 000 um construtor de sites de arrastar e soltar que permite criar temas personalizados do WordPress e p000ginas de destino sem c000digo. Com fun0000es de usu000rio com lista branca, voc000 pode limitar o acesso ao seu site e decidir quem v000 a p000ina ativa versus a tela em constru000o.

Criar uma p000ina "em breve" ou de modo de manuten000o 000 r000pido, e voc000 n000o precisar000 de um desenvolvedor. Voc000 arrasta blocos como formul000rios de opt-in de e-mail, 000cones sociais e contadores regressivos para a p000ina e v000 cada altera0000o em tempo real.

A vers000o gratuita realmente lida com p000ginas "em breve", de manuten000o e em constru000o, que 000 seu caso de uso mais forte. Voc000 s000 precisa do Pro para controles de acesso avan000ados e cria0000o de temas completa, ent000o 000 um upgrade, n000o um requisito para esta tarefa.

Vamos usar este plugin para criar uma p000ina do WordPress em constru000o.

Tutorial em Vídeo

Passo 1: Comece baixando o SeedProd

O primeiro passo 000 instalar o SeedProd. Para uma p000ina em constru000o, a vers000o gratuita 000 tudo o que voc000 precisa.

Para obt000-lo, v000 at000 Plugins » Adicionar Novo no seu painel do WordPress, procure por "SeedProd", ent000 instale e ative o plugin gratuito. Isso 000 suficiente para seguir este guia inteiro.

Se voc000 j000 possui uma licen000a paga e deseja os recursos Pro, o m000todo 000 ligeiramente diferente. Fa000a login no seu painel SeedProd e clique em Ver Chave de Licen000a, Detalhes e Downloads para acessar sua p000ina de downloads.

Clique no bot000o Baixar Landing Page Pro para salvar o arquivo ZIP.

Em seguida, v000 at000 Plugins » Adicionar Novo » Carregar Plugin, carregue o ZIP e clique em Ativar.

Para o Pro, cole sua chave de licen000a no campo e clique em Verificar Chave. Voc000 encontrar000 a chave no seu e-mail de conta ou no menu Configura000es do SeedProd.

Assim que estiver configurado, role para baixo e clique em Criar Sua Primeira P000ina para acessar o painel do SeedProd.

Passo 2: Crie uma página em construção

No painel do SeedProd, voc000 ver000 4 modos na parte superior:

• Modo "Em Breve": Adiciona uma p000ina "em breve" ao seu site.
• Modo de Manuten000o: Coloca seu site em modo de manuten000o.
• P000gina 404: Exibe uma p000ina de destino 404 no seu site.
• Login: Cria uma p000ina de login personalizada do WordPress.

Esses modos significam que voc000 n000 precisar000 de um plugin separado de "em constru000o" ou de "modo de manuten000o".

O modo "em breve" 000 a escolha certa para um site que ainda n000 est000 no ar, pois ele serve uma p000ina HTTP 200 index000vel. O modo de manuten000o 000 para um site estabelecido que est000 temporariamente offline.

Portanto, para criar uma p000ina em constru000o, clique no bot000o Configurar uma P000ina "Em Breve". Em seguida, escolha um modelo de p000ina "em breve".

Selecione qualquer modelo que desejar ou escolha o modelo em branco para começar do zero. O SeedProd, então, abre seu construtor visual de arrastar e soltar.

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

Agora você pode adicionar conteúdo com o construtor de arrastar e soltar. À esquerda estão os blocos de conteúdo; à direita, uma prévia ao vivo da sua página.

Os blocos vêm em dois grupos. Blocos padrão cobrem o básico:

• Título, Texto e Lista
• Botão, Imagem e Vídeo
• Divisor, Espaçador e Coluna

Blocos avançados são mais focados em geração de leads, incluindo o bloco de Sorteio, formulários de inscrição, formulários de contato, contadores regressivos, ícones de mídia social e depoimentos.

O contador regressivo é o que eu adicionaria primeiro. Uma data de lançamento visível cria expectativa e dá aos visitantes um motivo para voltar, então arraste o bloco de contador regressivo para a página.

Cada bloco tem opções de estilo. Clique no bloco, abra a aba Modelos à esquerda e escolha um estilo com o contorno, gradiente ou cores que desejar.

Você também pode editar o texto, tamanho e alinhamento, e a aba Avançado controla cor, tipografia e espaçamento.

A aba Seções adiciona layouts pré-fabricados, como Cabeçalho, Hero, Chamada para Ação ou seção de FAQ.

Clique em qualquer seção para adicioná-la. No exemplo abaixo, adicionei uma seção de FAQ, que é uma maneira útil de responder às perguntas que os visitantes podem ter sobre o seu negócio.

Clique no botão verde Salvar no canto superior direito para salvar seu progresso. Assim que o conteúdo estiver no lugar, você pode estilizar tudo para se adequar à sua marca.

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

Para combinar com sua marca, clique no ícone de engrenagem no canto inferior esquerdo para abrir Configurações Globais. A partir daqui, você pode definir a fonte global, cores, imagem de fundo e CSS personalizado.

Para alterar o fundo, clique em Fundo para definir a imagem, estilo, posição e cor. Você pode até usar um fundo de vídeo.

Em Imagem de Fundo, clique no ícone de foto circular para escolher uma imagem da sua biblioteca de mídia ou fazer upload de uma nova.

Para ajustar as cores, clique na aba Cores. Você pode alterar os cabeçalhos, texto, botões, links e fundos individualmente.

Ou use uma das 20 paletas de cores pré-fabricadas do SeedProd para dar à página um visual profissional instantaneamente.

Clique em Salvar conforme avança. Assim que estiver satisfeito com o design, passe para a próxima etapa.

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

Esta é a etapa que transforma a curiosidade pré-lançamento em algo que você mantém. Conectar um serviço de e-mail significa que cada visitante que se inscreve se torna parte de uma lista que você possui, pronta para o dia do lançamento.

O SeedProd se integra com os populares serviços de marketing por e-mail e autoresponders, incluindo:

• Drip e Constant Contact
• Mailchimp, AWeber e ConvertKit
• GetResponse, Mad Mimi e mais

Primeiro, vá para a aba Conectar na parte superior da tela.

Encontre seu serviço na lista e clique em Conectar Nova Conta.

Em seguida, siga as instruções para conectar e verificar sua conta. Para etapas específicas do provedor, consulte a documentação de integração do SeedProd.

Você também pode conectar Zapier, Google Analytics e reCAPTCHA na página Conectar.

Etapa 6: Configure as Definições da Sua Página

Em seguida, clique na aba Configurações da Página no topo da tela. Aqui você define as configurações gerais como título da página e URL.

Você também pode editar suas configurações de SEO e análise e suas funções de usuário. É aqui que o controle de acesso entra em jogo: liste uma função como Administrador, e os administradores logados verão o site ao vivo, enquanto todos os outros visitantes verão a página em construção.

Quando suas configurações estiverem prontas, clique no botão Salvar alterações.

Etapa 7: Publique Sua Página de "Em Construção"

Agora é hora de publicar sua página. Antes de fazer isso, visualize como ela fica no celular e no desktop para que funcione em todos os dispositivos.

Clique no ícone de Visualização na parte inferior da tela para ver a visualização no celular.

Clique no ícone novamente para voltar ao desktop, ou use o ícone de olho para abrir uma visualização completa ao vivo em uma nova aba.

Quando estiver satisfeito, clique na seta abaixo do botão Salvar e clique em Publicar. Você verá uma mensagem de sucesso confirmando que a página está no ar.

Clique em Ver Página ao Vivo para visualizar sua página em construção finalizada.

É isso. Agora você tem uma página em construção amigável do WordPress que oculta seu site, coleta leads e gera expectativa, tudo sem código.

FAQ da Página em Construção do WordPress

Como colocar meu site WordPress em construção sem um plugin?

Você pode colocar um arquivo .maintenance no diretório raiz do seu site, ou adicionar um trecho personalizado ao arquivo functions.php do seu tema que se conecta a wp_loaded para mostrar uma mensagem. Ambas as abordagens exigem a edição de arquivos principais via FTP ou em um editor de código.

Para a maioria das pessoas, um plugin é o caminho mais fácil. Ele oferece uma página projetada, um formulário de opt-in por e-mail e controles de acesso sem mexer em nenhum código, e é mais difícil de quebrar.

Uma página em construção é ruim para SEO?

Não, não quando configurada corretamente. Uma página de "em breve" ou "em construção" serve uma resposta HTTP 200 normal, para que os motores de busca possam indexar um espaço reservado real enquanto seu site está sendo construído.

Para um tempo de inatividade breve e planejado, o Google recomenda um HTTP 503 temporário com um cabeçalho Retry-After para que os rastreadores saibam quando voltar. Um plugin como o SeedProd cuida da resposta correta para você.

Qual é a diferença entre "em breve", "modo de manutenção" e "em construção"?

Páginas "em breve" e "em construção" são para um site que ainda não está no ar, e elas servem uma página HTTP 200 indexável. O modo de manutenção é para um site estabelecido que está temporariamente offline para um trabalho curto.

Na prática, "em construção" é apenas um rótulo mais amigável para uma página "em breve". A diferença funcional que importa é "em breve" versus "modo de manutenção", por causa do status HTTP que cada um serve.

Posso mostrar a página em construção para os visitantes, mas ainda ver o site ao vivo para mim?

Sim. Os controles de acesso do SeedProd permitem que você liste funções de usuário, para que administradores logados vejam o site completo ao vivo, enquanto todos os outros veem a página em construção.

Isso permite que você continue construindo e testando contra o site real sem expor o trabalho em andamento aos visitantes.

Como oculto meu site WordPress do público?

Siga este guia passo a passo sobre como ocultar seu site WordPress até que ele esteja pronto. Ele explica como restringir o acesso para que apenas as pessoas que você escolher possam ver o site.

Posso usar uma página em construção para coletar leads por e-mail?

Sim. Com uma ferramenta como o SeedProd, você pode adicionar formulários de opt-in de e-mail à sua página em construção para aumentar sua lista antes do lançamento.

Isso mantém você conectado com os primeiros visitantes e cria impulso para o dia do lançamento.

Crie Sua Página em Construção Hoje

Aquele redesenho que você está escondendo não precisa significar um site inativo nesse ínterim. Você pode colocar uma página em construção personalizada agora mesmo, capturar leads enquanto constrói e lançar para pessoas que já estão esperando.

Comece com o SeedProd hoje, ou leia sobre como comercializar seu site antes do lançamento.

Obrigado por ler! Adoraríamos saber sua opinião, então sinta-se à vontade para participar da conversa no YouTube, X e Facebook para mais conselhos e conteúdo úteis para expandir seus negócios.