How to Create a WordPress Coming Soon Page with SeedProd 

One of the most popular questions I receive from readers is, ‘How do I create a WordPress coming soon page?’

It’s an important question because building an under-construction page tells people your site is launching soon and to come back on launch day.

You can also use a coming soon page to get a head start in search engine rankings before you go live. So when you launch, you’ll already have search traffic coming to your WordPress site.

In this guide, I’ll show you how to build one using SeedProd.

Steps to Create a Coming Soon Page in WordPress using SeedProd:

Como faço para configurar uma página em breve?

Você precisará começar escolhendo um plugin ou uma solução para o futuro.

• Usuários do WordPress.com: Se estiver usando o WordPress.com para hospedar seu site, você tem uma opção integrada "Em breve" disponível nas configurações do site. Essa é uma maneira simples de tornar seu site privado enquanto você trabalha nele, e não requer nenhum plug-in adicional.
• WordPress.org Users: If you’re self-hosting your WordPress website on WordPress.org, you’ll need to use a plugin. While there are many to choose from, my favorite tool is SeedProd. Other popular options include “Coming Soon Page & Maintenance Mode” and “CMP—Coming Soon & Maintenance Plugin,” which offer similar functionalities.

O SeedProd é um dos melhores criadores de sites em WordPress. Ele vem com páginas fáceis de modo de manutenção e em breve, que permitem limitar o acesso ao seu site enquanto ele estiver em construção.

Essas páginas levam minutos para serem configuradas e, com seu construtor de páginas de destino do tipo arrastar e soltar, cada centímetro é totalmente personalizável.

O SeedProd também se integra a aplicativos de terceiros e a serviços de marketing por e-mail, como o Mailchimp e o WooCommerce, para obter funcionalidade adicional. Você pode até mesmo criar temas do WordPress do zero.

Se você estiver com pressa para começar, aqui está um rápido tutorial para iniciantes sobre como criar uma página de informações em breve usando o plug-in WordPress do SeedProd.

Para obter um guia mais detalhado, continue lendo.

Etapa 1. Instalar e ativar o plug-in SeedProd

A primeira etapa é adicionar o SeedProd ao seu site WordPress.

Se precisar de ajuda com essa etapa, consulte nosso guia sobre a instalação do plug-in SeedProd.

Note: SeedProd has a free version. You can create a simple coming soon page with the free plugin. For this guide, I’m using the Pro version of SeedProd for more coming soon page templates and features.

Etapa 2. Criar uma página em breve no WordPress

Após ativar o SeedProd, navegue até SeedProd " Landing Pages em seu painel do WordPress. Aqui, você verá primeiro os diferentes modos de página que podem ser ativados em seu site.

Esses modos de página permitem que você configure uma página para breve, crie uma página de modo de manutenção, crie uma página de login e crie uma página 404.

Também é possível criar landing pages independentes na área abaixo das seções de modo de página.

Para criar sua página em breve, clique no botão Set up a Coming Soon Page (Configurar uma página em breve ).

Em seguida, você será solicitado a escolher um modelo de página "Em breve".

Os modelos abrangem vários designs e setores e são totalmente personalizáveis. Você pode escolher qualquer design e torná-lo seu sem escrever código HTML ou CSS.

Para escolher o modelo, passe o mouse sobre a miniatura e clique no ícone de marcação.

The Rocket coming soon page is one of my favourite templates. I’ve used it on many projects, including this one from SEO Boost:

Etapa 3. Alterar o conteúdo da página Coming Soon

On the next screen is SeedProd’s visual editor, where you can add new content and customize different elements of your pre-launch page.

You can click the blocks or sections tab down the left-hand side to add new content. While on the right is a live preview of your page.

Os blocos de página são divididos entre blocos padrão e blocos avançados.

Com os blocos padrão da página de destino, você pode adicionar elementos populares à sua página. Isso inclui títulos, listas de marcadores, imagens, vídeos, botões e muito mais.

Por outro lado, os blocos Advanced são mais voltados para a geração de leads, com blocos que permitem a você:

• Crie uma página "Em breve" com um cronômetro de contagem regressiva
• Crie uma página de "Em breve" com uma opção de e-mail
• Projete uma página de lançamento em breve com ícones de mídia social
• Mostre uma página de "Em breve" com um formulário de contato
• Adicionar uma página de informações em breve com um login do WordPress
• E muito mais.

Criando uma página WordPress Coming Soon com um formulário de contato

Para ajudar os visitantes do site a entrar em contato por meio da página de destino "Em breve", você pode adicionar um formulário de contato ao WordPress.

O SeedProd se integra a criadores de formulários de terceiros, como o WPForms. Portanto, é fácil criar uma página de lançamento em breve com um formulário de contato.

Para isso, arraste o bloco Contact Form da seção Advanced Blocks e solte-o na sua página.

Em seguida, selecione o formulário escolhido no menu suspenso para exibi-lo automaticamente em sua página.

Há muitas maneiras de usar sua página de lançamento em breve para capturar mais leads, mesmo que seu site não esteja pronto para entrar no ar.

Por exemplo, você pode adicionar:

• Formulários de registro de usuário
• Formulários de registro de webinar
• Formulários de inscrição em boletins informativos
• E mais.

Você pode até mesmo adicionar um formulário de login à sua página de lançamentos em breve, que mostraremos como fazer a seguir.

Como criar uma página do WordPress em breve com login

O bloco de formulário de login do SeedProd é uma maneira prática de permitir que os usuários registrados façam login no seu site. Dessa forma, você pode permitir que outros membros da equipe trabalhem nos bastidores, mesmo que seu site não esteja no ar.

Mais uma vez, você precisará de uma licença premium do SeedProd para usar esse bloco, mas adicionar um formulário de login à sua página de informações em breve é tão fácil quanto qualquer outro bloco.

Basta localizar o bloco Login Form no painel Advanced Blocks e arrastá-lo para sua página.

Em seguida, você pode abrir as configurações do bloco para personalizar os campos do formulário de login, os botões, os modelos e muito mais.

Adição de uma barra de progresso à sua página Em breve

Para representar visualmente o progresso do desenvolvimento do seu site, você pode adicionar uma barra de progresso à sua página de lançamento em breve.

O SeedProd oferece um bloco de barra de progresso que permite personalizar facilmente a aparência e a porcentagem de conclusão.

Integração da mídia social

A integração da mídia social permite que você se envolva com seu público antes mesmo do lançamento do site.

O SeedProd permite que você adicione ícones ou feeds de mídia social diretamente à sua página de lançamentos em breve, facilitando para os visitantes acompanharem as atualizações da sua marca em plataformas como Facebook, Twitter ou Instagram.

Não se esqueça de clicar no botão verde Save (Salvar ) na parte superior para salvar seu progresso.

Etapa 4. Personalize seu modelo de página do WordPress Coming Soon

Também é muito simples personalizar as fontes, os elementos e as cores da sua página personalizada de informações em breve.

Você pode alterar individualmente as cores nas configurações do bloco com seu seletor de cores pop-up.

Ou você pode definir configurações globais de cor e fonte na área de configurações globais da página.

Na guia Typography (Tipografia ), você pode escolher centenas de fontes do Google para a sua página de lançamentos em breve.

Basta clicar nos menus suspensos e escolher qualquer fonte da lista.

O próximo passo é personalizar o plano de fundo de sua página de destino. Você pode fazer isso clicando na guia Background (Plano de fundo ) na página Global Settings (Configurações globais).

Aqui, você pode alterar a cor do plano de fundo, carregar uma nova imagem de plano de fundo ou adicionar um gradiente de cor.

Se você clicar no menu suspenso Posição do plano de fundo, poderá configurar sua imagem de fundo das seguintes maneiras:

• Cobertura de tela inteira
• 100% largura superior
• 100% de largura inferior
• Repetir
• Repetir a parte superior horizontal
• Repetir a parte inferior horizontal
• Repetir o centro vertical

Os usuários do SeedProd Pro também podem adicionar uma apresentação de slides ou um vídeo de fundo.

Precisa adicionar algum CSS personalizado à sua página? Não tem problema. Basta expandir a guia CSS e colar seu código personalizado.

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

Depois de ter conseguido a aparência ideal para a sua página de informações em breve, é hora de mergulhar em alguns dos recursos mais legais e avançados que podem realmente fazer com que sua página trabalhe para você.

Clique na guia Page Settings (Configurações da página ), na parte superior da tela, e você verá várias configurações que podem ser usadas para configurar sua página de lançamentos em breve.

Aqui, você pode editar as configurações gerais da sua página, como adicionar um novo nome ou alterar o URL da página.

Com os recursos de controle de acesso, você pode decidir quem pode ver o seu site enquanto ele ainda está em segredo. Seja com base em funções de usuário, endereços IP específicos ou um link secreto que você compartilha com VIPs, você tem o poder de conceder acesso antecipado.

Essa é uma excelente maneira de conceder acesso aos clientes para mostrar a eles no que você está trabalhando sem revelar esse trabalho ao público.

Tudo o que você precisa fazer é criar uma senha secreta. Em seguida, você pode copiar o URL de desvio e fornecê-lo a qualquer pessoa a quem deseja conceder acesso. Também é possível clicar em uma opção para ocultar a página de destino de usuários conectados, como administradores de sites.

Você pode até optar por aplicar o modo "Em breve" a apenas algumas partes do seu site. Isso é ideal para quando você estiver pronto para exibir uma seção do blog ou uma página inicial, mas quiser continuar trabalhando no restante.

Basta adicionar os URLs em que deseja exibir a página "Em breve" na seção Incluir/Excluir URLs.

As outras configurações de página permitem que você configure o SEO e o Analytics da página de destino. Para obter instruções, consulte nosso guia de configurações de página.

Etapa 6. Publique sua página do WordPress em breve

Depois de definir todas as configurações no editor de páginas do SeedProd, clique no botão Save (Salvar ). Em seguida, clique na seta para baixo e selecione Publish (Publicar ) para ativar sua página de lançamentos em breve.

Depois de publicar sua página em breve, você precisará ativar o modo em breve para que seus visitantes vejam essa página em todo o site.

Para fazer isso, clique no botão "X" para fechar o editor de páginas e voltar ao painel do SeedProd.

Em seguida, você pode ativar sua página em breve acessando a seção Coming Soon Mode (Modo em breve) e alternando de Inactive (Inativo) para Active (Ativo).

Agora, o modo coming soon está ativado em todo o seu site. Assim, os visitantes verão a página que você acabou de criar.

Como faço para remover a página Coming Soon depois que meu site estiver no ar?

Quando estiver pronto para publicar seu site do WordPress, você precisará desativar a página de lançamento em breve. Isso permitirá que os visitantes do site vejam todo o seu site, em vez da página de destino em breve.

Para desativar a página, vá para SeedProd " Pages e clique no botão "Active" (Ativo) abaixo da caixa Coming Soon Mode (Modo em breve) para a posição "Inactive" (Inativo).

É isso aí! Os visitantes não verão mais sua página de "em breve" e poderão navegar em seu novo site.

A/B Testing Your Coming Soon Page

You’ve designed a great coming soon page, but how do you know it’s getting you the most email sign-ups or social shares? That’s where A/B testing comes in. It’s like trying out different outfits to see which one gets the most compliments!

Here’s how it works: You create two (or more) slightly different versions of your page. Then, you show each version to a group of visitors. By tracking how each version performs, you can see what works best and make your page even more effective.

What to Test:

Think of your coming soon page like a movie poster – it needs to grab attention! Here are some things you can test:

• Headlines: Try different headlines with different words, lengths, or styles.
• Call to Action Button: This is the button people click to sign up. Test different button text, colors, sizes, and placements.
• Benefits: Clearly tell people why they should sign up! Try different ways to explain the value you offer.
• Images and Videos: Do images or videos work better? Test different visuals to see what resonates with your audience.
• Content Length: Some people like short and sweet messages, while others want more details. Test a shorter version of your page against a longer one.
• Color Schemes: Colors can make people feel different emotions. Experiment with different color combinations for your buttons, backgrounds, and text.
• Social Proof: Show people that others trust you! You can test testimonials, media mentions, and trust badges.

For more split testing help, see our guide on how to A/B test landing pages.

Examples of Successful Coming Soon Pages

If you need help coming up with some design ideas, here are some successful coming soon page designs that we love.

Fixers

I love how this coming soon page uses striking visuals – it immediately grabs your attention and sets the tone for an adventurous experience. The headline, is bold, impactful, and resonates with a desire for unique travel experiences.

The call to action is clear and enticing, prompting users to sign up. I appreciate the simple email capture form and the playful “Take me away” button. Additionally, the option to opt out with “No thanks, I like boring holidays” adds a touch of humor and personality to the page.

 LAB Petite

I adore the playful and whimsical feel of this coming soon page. The hot air balloon motif is charming and perfectly suits a brand aimed at children’s products.

The headline is catchy and playful and immediately tells me what the brand is all about. I love the emphasis on showcasing modern makers and unique children’s items—it definitely piques my interest.

The countdown timer is a great touch, creating a sense of excitement and anticipation for the launch. I’m also happy to see the email signup form so I can stay in the loop.

WiseJack

This coming soon page has me drooling. The photo of the steak and peppers is absolutely mouthwatering, and it immediately makes me crave delicious food.

“Wisejack Cooking” is a cool name, and the tagline is clever and funny. I love how the headline speaks directly to busy lifestyles and promises easy solutions. And the video thumbnail is super enticing.

The email signup is clear and simple, and I appreciate the playful “Notify Me” call to action. This coming soon page makes me excited to try out Wisejack Cooking.

For more inspiration, check out our roundup of the best coming soon page examples.

Perguntas frequentes sobre a página em breve do WordPress

Here are some frequently asked questions from readers about creating a WordPress coming soon page that I’m happy to answer.

O que é uma página Coming Soon vs. Modo de manutenção?

The main difference between a coming soon page and maintenance mode is the purpose. A coming soon page is used when a site is in the design phase, hiding incomplete content. Maintenance mode is for minor updates, preventing users from seeing errors while the site is temporarily unavailable.

Confira este guia para saber mais sobre o modo "em breve" e o modo de manutenção.

Em seguida, promova seu novo site

Parabéns! Você acabou de aprender a criar uma página de informações em breve no WordPress sem código.

Now it’s time to create yours. Get started with SeedProd and create high-converting coming soon pages without hiring a developer.

Pronto para promover seu novo site? Nós podemos ajudar:

• Como criar um plano de marketing para o lançamento de um novo site
• Como divulgar seu site antes do lançamento
• Como promover seu blog

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.

Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.