Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como criar lindas páginas em breve no WordPress com o SeedProd

Está se preparando para lançar um novo site WordPress? Em vez de permitir que os visitantes vejam seu trabalho em andamento, por que não criar entusiasmo com uma página profissional de lançamento em breve?

Na WPBeginner, ajudamos milhares de usuários a lançarem seus sites com sucesso e aprendemos que uma página de lançamento em breve bem projetada não é apenas um espaço reservado. Ela é uma poderosa ferramenta de marketing.

Você pode ocultar seu site inacabado de forma profissional, criar expectativa para o lançamento, começar a coletar assinantes de e-mail antes de entrar no ar e criar um burburinho em torno da sua marca.

A melhor parte? Criar uma bela página de lançamento em breve é muito mais fácil do que você imagina. Neste guia passo a passo, mostraremos exatamente como criar uma página de informações em breve envolvente que trabalhe duro para sua empresa, mesmo antes do lançamento. 🚀

Creating coming soon pages for a WordPress website

O que uma página em breve realmente pode fazer?

Vamos ser honestos. A maioria das pessoas simplesmente coloca uma mensagem básica de “Em breve” e espera. Mas os donos de empresas inteligentes? Eles usam esse tempo para começar a construir seu sucesso.

Coming soon page with fullscreen background image, lead signup form, and countdown timer

Aqui na WPBeginner, usamos o SeedProd para nossas páginas personalizadas porque vimos como uma boa estratégia de pré-lançamento pode ser poderosa.

Veja o exemplo do Mustard Seed eCommerce (um cliente da SeedProd!). Eles podem configurar páginas de alta conversão em breve em menos de 30 minutos e começar a coletar leads para seus clientes imediatamente, em vez de esperar semanas ou meses pelo lançamento completo do site.

O segredo é pensar além de apenas ocultar seu site inacabado com uma página em construção. Você pode:

  • Faça um concurso para criar entusiasmo.
  • Ofereça ofertas especiais de “madrugadores” para coletar e-mails.
  • Crie uma lista VIP para seus visitantes mais interessados. Já vimos empresas criarem listas com mais de 1.000 assinantes antes mesmo de serem lançadas!

Com isso em mente, vamos ver como você pode criar uma página de informações em breve para seu site do WordPress. Você pode usar os links rápidos abaixo para pular para uma seção específica:

Etapa 1: Configurar um domínio e uma conta de hospedagem

Antes de criar uma página de informações em breve, você precisará de um nome de domínio e de um provedor de hospedagem WordPress.

Normalmente, um domínio custa cerca de US$ 16 por ano, e os planos de hospedagem começam em US$ 7,88 por mês (geralmente pagos anualmente). Isso pode representar uma grande despesa, especialmente para novas empresas que estão apenas começando.

Felizmente, nossos amigos da Bluehost concordaram em oferecer um nome de domínio gratuito e um desconto generoso na hospedagem para os leitores do WPBeginner.

Basicamente, você pode lançar uma página de destino de lista de espera viral ou até mesmo um site inteiro por apenas US$ 2,75 por mês.

Depois de se inscrever para uma conta de hospedagem, a Bluehost instalará automaticamente o WordPress para você.

Em seguida, basta fazer login no painel de controle da sua conta do WordPress. Depois disso, navegue até a guia “Websites” e clique em “Editar site” no site em que você deseja criar uma página do WordPress coming soon.

Login to WordPress by click on the Edit Site button in Bluehost

Se não quiser usar a Bluehost, você também pode instalar o WordPress em outras empresas de hospedagem, como Hostinger, SiteGround ou WP Engine, seguindo um processo bastante semelhante.

Para obter instruções mais detalhadas, consulte nosso guia passo a passo sobre como instalar o WordPress.

Etapa 2: Personalize sua página em breve

A maneira mais fácil de criar uma página de lançamento em breve é usar o SeedProd. Ele é o melhor construtor de páginas de destino do mercado e tem um editor de arrastar e soltar que permite criar rapidamente páginas com design profissional.

Coming soon page with countdown timer, email form, and social buttons

O SeedProd tem mais de 320 modelos de página prontos e 90 blocos que você pode simplesmente arrastar para seus designs. Isso permite que você crie todos os tipos de designs de página sem precisar escrever uma única linha de código.

Observação: Há também uma versão gratuita do SeedProd que permite criar designs de página personalizados, independentemente do seu orçamento. Entretanto, neste guia, usaremos a versão Pro, pois ela permite que você conecte sua página a um serviço de marketing por e-mail.

Isso significa que você pode começar a coletar leads e criar uma lista de mala direta antes mesmo de lançar seu website.

Para obter mais informações, consulte nossa análise completa do SeedProd.

Primeiro, você precisa instalar e ativar o plug-in SeedProd. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, vá para SeedProd ” Settings e insira sua chave de licença.

Enter your SeedProd license key

Você pode encontrar a chave de licença em sua conta no site da SeedProd. Depois de inserir essas informações, clique no botão “Verify Key” (Verificar chave).

Em seguida, vá para SeedProd ” Landing Pages. Na seção “Coming Soon Mode”, clique em “Set up a Coming Soon Page”.

Set up a coming soon page

Agora, você pode escolher um modelo de página “Em breve”.

A SeedProd oferece muitos kits de modelos de temas diferentes. Para visualizar um design, passe o mouse sobre ele e clique na lupa.

Coming soon templates in the SeedProd template library

Quando você encontrar um design que lhe agrade, basta clicar em ‘Choose This Template’.

Estamos usando o modelo “Launch Coming Soon” em todas as nossas imagens, mas você pode usar qualquer design que desejar.

A coming soon design

Depois de selecionar um modelo, você será levado ao construtor de páginas do tipo arrastar e soltar, onde poderá começar a personalizar o modelo para breve.

No lado direito da tela, há uma visualização ao vivo da sua página.

Para personalizar qualquer parte do modelo, basta clicar para selecionar o bloco no layout. O menu do lado esquerdo mostrará todas as diferentes configurações que você pode usar para personalizar esse bloco.

Editing a SeedProd block

Você também pode adicionar novos blocos à sua página “Em breve”. Por exemplo, vamos adicionar um cronômetro de contagem regressiva para que os visitantes saibam quanto tempo terão de esperar até que seu site entre no ar.

No menu à esquerda, localize o bloco “Countdown” (Contagem regressiva) e solte-o na visualização da página.

Add a block

Depois disso, clique para selecionar o bloco de contagem regressiva em seu layout.

No menu à esquerda, defina a data e a hora em que você planeja publicar seu blog, loja on-line ou site.

Editing a block in SeedProd

O bloco de contagem regressiva agora mostrará o dia, as horas, os minutos e os segundos até que seu blog ou site do WordPress entre no ar. Dessa forma, você pode criar expectativa e entusiasmo em torno da data oficial de lançamento do site.

Agora você pode adicionar mais blocos à página “Em breve” do seu site WordPress seguindo o mesmo processo descrito acima. Você pode ler estes guias se precisar de ajuda para criar sua página:

Etapa 3: Conecte seu serviço de marketing por e-mail

Uma página de lançamento em breve é uma ótima maneira de coletar leads e aumentar sua lista de e-mails, pronta para o lançamento do seu site.

A boa notícia é que o SeedProd se integra a todos os principais provedores de serviços de e-mail, incluindo ActiveCampaign, ConvertKit e Drip.

Para conectar a página ao seu provedor, clique na guia “Connect” (Conectar).

Connect your email marketing service

Em seguida, passe o mouse sobre o serviço de marketing por e-mail que você usa em seu site, como Brevo (anteriormente Sendinblue) ou Mailchimp.

Quando o botão “Connect” for exibido, clique nele.

As etapas variam de acordo com seu provedor de serviços, mas usaremos o Constant Contact como exemplo. Dê um clique em “Constant Contact” e selecione “Connect New Account”.

Connecting your email account

Em seguida, você precisará inserir a API Key da sua conta Constant Contact.

Depois disso, dê um nome à conexão. Isso é apenas para sua referência, portanto, você pode usar qualquer coisa que o ajude a identificar essa conexão no WordPress.

Getting the API key

Depois de fazer isso, clique no botão “Connect” (Conectar).

Isso abrirá uma janela pop-up na qual você poderá fazer login na sua conta do Constant Contact. Se estiver satisfeito em dar ao SeedProd acesso aos seus dados do Constant Contact, clique em “Allow” (Permitir).

Allow access

O SeedProd agora buscará todas as informações da sua conta Constant Contact.

Basta escolher a lista de e-mails que você deseja usar com sua página de lançamentos em breve e, em seguida, clicar em “Save Integration Details” (Salvar detalhes da integração).

Etapa 4: Configure as definições da página Coming Soon

O SeedProd tem algumas configurações avançadas que podem ajudá-lo a coletar leads, fidelizar clientes, criar reconhecimento da marca e muito mais.

Para dar uma olhada nessas configurações avançadas, basta clicar em “Page Settings” (Configurações da página) no construtor de páginas.

The SeedProd advanced settings

Restringir e conceder acesso com base na função do usuário

Por padrão, o SeedProd mostrará a sua página “Em breve” a todos os usuários não conectados.

Às vezes, você pode querer alterar quem pode acessar seu site enquanto ele estiver no modo “em breve”. Por exemplo, se você estiver projetando o site de um cliente, ele poderá querer vê-lo enquanto estiver sendo construído.

O WordPress vem com um sistema integrado de funções e permissões de usuário, que controla as ações que os usuários podem realizar no seu site e as informações que eles podem acessar.

Você pode usar esse sistema para conceder e negar acesso ao seu site enquanto ele estiver no modo “Em breve”, selecionando “Controle de acesso”.

The SeedProd access control settings

Para conceder acesso a funções de usuário específicas, clique em “Add Role” (Adicionar função).

Isso abre um menu suspenso no qual você pode conceder acesso com base na função atribuída ao usuário, como assinante ou autor.

Granting access to your site while in coming soon mode

Também é possível conceder acesso com base no endereço IP, o que é útil se uma pessoa sempre acessa o site a partir do mesmo local. Por exemplo, você pode colocar na lista branca o escritório do cliente ou o seu endereço IP residencial.

Para fazer isso, basta digitar o endereço na caixa “Access by IP”.

SeedProd's advanced page settings

Melhore o SEO da sua página em breve

Enquanto estiver em “Page Settings” (Configurações da página), talvez você também queira mudar para a guia “SEO” e fornecer um título de SEO, uma descrição, um favicon e uma imagem em destaque que o SeedProd usará quando sua página de lançamento em breve for compartilhada on-line.

Isso pode melhorar o SEO do WordPress e começar a criar reconhecimento da marca, mesmo antes de lançar seu site completo.

SEO settings for your coming soon page

Outra opção é dizer aos mecanismos de pesquisa para não indexarem a página. Isso pode ser útil se você estiver trabalhando em um projeto secreto ou em qualquer outro conteúdo que não queira exibir nos resultados de pesquisa.

Para fazer isso, basta clicar para ativar a chave “Enable No Index” (Ativar sem índice).

Enabling the 'no index' SEO settings

Se você tiver instalado plug-ins de SEO populares, como o All in One SEO, o SeedProd também funcionará perfeitamente com eles.

Rastreie os visitantes de seu site

Por fim, você pode alternar para a guia “Scripts” e adicionar quaisquer scripts de terceiros que queira usar.

Por exemplo, talvez você queira adicionar o código do Google Analytics, o Meta pixel ou algum outro código de rastreamento à sua página de lançamento em breve. Isso permite que você rastreie os visitantes e colete informações, mesmo antes de lançar seu site.

Add third-party scripts to your coming soon page

Quando terminar, não se esqueça de clicar no botão “Save” (Salvar) na parte superior para salvar as configurações avançadas da página.

Etapa 5: publique sua página em breve

Quando você terminar de trabalhar em sua página de lançamentos em breve, a próxima etapa será publicá-la.

Primeiro, você precisa clicar no botão Salvar e, em seguida, selecionar “Salvar como modelo”.

Publish your coming soon page

Quando solicitado, digite um nome para o modelo. Isso é apenas para sua referência, portanto, você pode usar o que quiser.

Depois disso, clique em “Save Template” (Salvar modelo).

Saving your WordPress coming soon template

Na janela pop-up seguinte, clique em “Return to Page Editor”. Em seguida, você pode clicar no botão “X” no canto superior direito para fechar o editor de páginas do SeedProd.

Nesse momento, você verá uma janela pop-up perguntando se deseja publicar o design do seu site em breve e colocá-lo no modo em breve. Se você quiser ir em frente, clique em “Yes, Activate” (Sim, ativar).

How to activate coming soon mode

Se você não quiser ativar o modo “Em breve” ainda, clique no botão “Não, fechar”.

Quando você estiver pronto para mostrar a página em breve aos visitantes, basta acessar SeedProd ” Pages. Aqui, clique no botão na seção “Coming Soon Mode” para que ele mostre “Active”.

How to activate coming soon mode in WordPress

Enquanto seu site estiver no modo “em breve”, você ainda poderá fazer login no painel do WordPress e trabalhar no site.

No entanto, os usuários e visitantes desconectados só poderão ver a página “Em breve”.

Coming soon page preview

Depois que a página for publicada, verifique novamente para ver se está tudo certo. Visualize seu site no celular, no desktop e no tablet para garantir que a página seja responsiva em todos os dispositivos.

Como desativar a página Em breve do SeedProd

Quando você estiver pronto para lançar seu site, o SeedProd facilita muito a desativação do modo “em breve”.

Basta acessar SeedProd ” Landing Pages e clicar no botão “Active” (Ativo) para que ele mostre “Inactive” (Inativo).

How to disable coming soon mode

Agora, se você visitar seu site, poderá ver todos os seus posts e páginas.

Modo de manutenção vs. Em breve: Qual página você deve usar?

Se o seu site estiver passando por manutenção, normalmente você deve mostrar uma página de modo de manutenção em vez de um design de “em breve”.

Uma página em breve é mais para sites que estão em processo de desenvolvimento ou lançamento. Enquanto isso, uma página em modo de manutenção é para sites que estão passando por atualizações ou reparos.

Você pode saber mais sobre as diferenças entre eles em nosso artigo sobre o modo de manutenção e o modo em breve: qual é a diferença.

A boa notícia é que o SeedProd também permite que você crie belas páginas de manutenção. Basta acessar SeedProd ” Landing Pages e clicar em ‘Set up a Maintenance Mode Page’.

Set up a maintenance mode button

Agora você pode criar sua página, seguindo o mesmo processo descrito acima. Você também pode controlar exatamente quem vê essa página e desativar facilmente o modo de manutenção quando terminar de trabalhar no site.

Para saber mais, consulte nosso guia sobre como colocar seu site WordPress em modo de manutenção.

Esperamos que este artigo tenha ajudado você a aprender a criar belas páginas do WordPress para as próximas edições. Talvez você também queira ver nosso guia definitivo sobre como editar um site do WordPress e nossas escolhas de especialistas dos melhores plug-ins do WordPress para criadores de temas.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

4 ComentáriosLeave a Reply

  1. Fauwaz Marjan

    Is there a way for the logo to be aligned left of the page in the coming soon page? Because every time I save the changes, it automatically keeps the logo aligned to the center.

    • WPBeginner Support

      Please reach out to SeedProd’s support and they should be able to take a look and assist you.

      Admin

  2. Jerome Brooks

    Hello,
    My page is presently set on the Coming Soon Mode Active. How do I make my page active for the world to see? Thank you.

    Jerome Brooks

    • WPBeginner Support

      That would normally be due to a plugin, you could either check through your plugins settings or disable your plugins that you are not actively using for finding where that is set.

      Admin

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.