Como criar uma página de elementor em breve (gratuito, sem necessidade de profissionais)

Você está construindo um novo site O domínio é apontado, WordPress está instalado, mas o site real é dias ou semanas de distância Visitantes e Google não deve estar aterrissando em uma página inicial semi-acabada quebrado, entretanto, Eles devem ver um Elementor em breve página isso informa às pessoas que algo está a caminho, captura o interesse precoce por meio de e-mail ou acompanhamento social e evita que os mecanismos de pesquisa indexem um site incompleto.

Este tutorial constrói uma página completa em breve usando a versão gratuita do Elementor, a versão gratuita do Complementos Mestres para Elementore uma configuração integrada do WordPress para torná-lo a primeira página Sem licença Elementor Pro, sem plugin dedicado de breve, sem taxa mensal Você obtém um temporizador de contagem regressiva, um plano de fundo personalizado, título e descrição, links sociais e inscrição opcional por e-mail.

No final, você terá uma página de lançamento de marca na raiz do seu domínio, renderizando de forma limpa no celular. Quando seu site real estiver pronto, desligá-lo será uma única alteração na configuração.

Por que você precisa de uma página em breve

Um novo domínio com um site semi-construído é uma má primeira impressão Os visitantes que pousam cedo ou saltam ou se lembram de uma experiência quebrada An Elementor em breve página resolve um punhado de problemas práticos de uma só vez:

• Impede a má primeira impressão. Em vez de páginas padrão do WordPress ou um rascunho quebrado do Elementor, os visitantes veem uma página de lançamento polida.
• Constrói uma lista de pré-lançamento. Adicionar uma inscrição por e-mail captura o interesse do tráfego inicial, para que você tenha assinantes prontos quando realmente iniciar.
• Sinaliza a data de lançamento. Um cronômetro de contagem regressiva cria urgência e informa aos visitantes quando voltar.
• Protege SEO. Uma página mínima com um propósito claro é mais fácil de entender pelo Google do que um site cheio de conteúdo de espaço reservado.
• Ganha seguidores sociais precoces. Os ícones das redes sociais permitem que as pessoas o sigam agora e descubram sobre o lançamento através do feed mais tarde.

Se você estiver renomeando um site existente em vez de lançar um novo, a mesma configuração funciona como um Modo de manutenção do elementor página. Troque a contagem regressiva por uma breve explicação e pronto.

O que você construirá

O resultado final é uma única página em tela cheia Imagem de fundo ou cor, seu logotipo ou nome de marca, uma mensagem curta sobre o que está por vir, um cronômetro de contagem regressiva ao vivo para o dia de lançamento, links de mídia social e (opcionalmente) um formulário de inscrição por e-mail Além de uma configuração WordPress que prende esta página na frente do seu site até desligá-la.

Pré-requisitos (plugins que você precisa)

Três peças. Tudo grátis:

• WordPress. Suposto já instalado.
• Elementor (grátis). Pegue a versão gratuita do WordPress.org ou do diretório de plugins do administrador do WordPress.
• Complementos Mestres para Elementor (gratuito). Adiciona o widget Countdown Timer, o widget Social Media Icons e outros elementos focados na conversão Instale a partir do WordPress.org ou veja o instalando Master Addons doc para um passo a passo.

Você não precisa do Elementor Pro para este tutorial Elementor Pro inclui um modo integrado de manutenção/em breve, mas a abordagem gratuita abaixo oferece mais controle de design e não bloqueia você em uma assinatura.

Como construir a página em breve (passo a passo)

Oito passos da página em branco até a página de lançamento de trabalho Siga em ordem.

Passo 1: Crie uma Nova Página no WordPress

No administrador do WordPress, vá para Páginas → Adicionar Novo. Diga-lhe o nome de “Coming Soon” (ou qualquer coisa que se lembre).Clique em “Editar com Elementor” para abrir a página no editor Elementor.

Passo 2: Defina o modelo de página do Elementor Canvas

Antes de adicionar qualquer conteúdo, clique no mecanismo de configurações na parte inferior esquerda do painel Elementor e altere o Layout da página para Lona Elementor. Canvas tira o cabeçalho e o rodapé do seu tema e dá-lhe uma lousa em branco Isso importa para uma página de lançamento, porque a última coisa que você quer é o seu menu semiacabado sentado acima da contagem regressiva.

Passo 3: Adicione uma seção com altura adequada à tela

Clique no botão rosa “+” para adicionar uma nova seção Escolha qualquer estrutura de coluna (uma coluna é mais fácil) Abra as configurações de Layout da seção e defina Altura para Ajustar ao Ecrã. Isso bloqueia a seção em 100% da altura da janela de visualização, de modo que o conteúdo que está por vir preencha toda a tela sem rolagem.

Passo 4: Adicionar um Fundo (Imagem ou Cor)

Ainda nas configurações da seção, mude para o Estilo aba e abrir Fundo. Você tem duas opções que funcionam bem:

• Imagem fundo. Carregue uma foto de alta resolução que represente a sua marca. Definir Posição: Centro Centro, Anexo: Fixo (para uma paralaxe sutil no pergaminho) e Tamanho: Capa. Adicione uma sobreposição escura na seção Sobreposição de fundo para que seu texto permaneça legível.
• Cor ou gradiente de fundo. Uma cor sólida ou gradiente linear mantém a carga da página rápida e parece limpa no celular Bom para marcas minimalistas.

Para a abordagem somente de cores, o Tipo de Fundo oferece opções de Cor e Gradiente Um gradiente de duas paradas (a cor da sua marca desbotando para um tom mais escuro) é moderno sem a necessidade de uma foto.

Para mais técnicas de fundo (gradientes animados, partículas, vídeo), consulte o nosso Guia de fundo da página do elementor.

Passo 5: Adicionar Título e Descrição

Arrastar um Título widget na seção Digite seu nome de marca ou um título curto como “Algo está chegando.” Abaixo dele, arraste a Editor de texto widget para uma descrição de uma frase explicando o que está sendo lançado.

Mantenha a manchete em 47 palavras Mantenha a descrição em uma frase O objetivo de uma página em breve é intriga, não um discurso de marketing completo Se você quiser algo mais atraente do que um título estático, o Widget de manchete animado from Master Addons gira palavras gratuitamente e Master Addons Pro adiciona um efeito de digitação.

Passo 6: Adicione o Temporizador de Contagem Regressiva

É aqui que Master Addons ganha o seu lugar No painel de widgets, procure por “Countdown Timer” e arraste o MA Countdown Timer para a secção abaixo da sua descrição.

Nas configurações do widget, defina o Data de vencimento para a data e hora de lançamento Escolha o layout do temporizador (blocos estilo cartão ficam bem em fundos escuros, texto em linha combina com designs minimalistas), rotule as unidades (Dias, Horas, Minutos, Segundos) e defina o que acontece quando o temporizador atinge zero: redirecione para o seu site real, oculte o widget ou mostre uma mensagem As configurações completas são abordadas no Documentação do Countdown Timer.

Passo 7: Adicionar Links de Mídia Social

Abaixo da contagem regressiva, arraste em a Ícones Sociais widget (o padrão do Elementor funciona, ou use a versão do Master Addons para mais opções de biblioteca de ícones).Adicione cada plataforma em que você está ativo e vincule ao seu perfil Combine as cores dos ícones com sua paleta geral para que pareçam parte do design, não logotipos colados.

Passo 8: Adicionar um Formulário de Inscrição de Email (Opcional)

Se você quiser capturar e-mails do tráfego de pré-lançamento, arraste o Widget MA Mailchimp na seção. exibe um formulário do plugin gratuito MC4WP: Mailchimp for WordPress, então conecte primeiro seu público do Mailchimp no MC4WP. Nos campos do formulário MC4WP, rotule a entrada “Email address” e altere o texto do botão para “Notify me” ou “Get updates.”

Dica profissional: Se você não usar o Mailchimp, o widget Elementor Form também funciona, mas precisa do Elementor Pro. Ele pode enviar envios para um webhook ou enviá-los por e-mail para você, e você pode importá-los para o seu serviço de e-mail mais tarde.

Clique em Publicar A página existe agora mas ainda não é a primeira página do site Esse é o próximo passo.

Como ativar a página em breve

Esta é a parte que a maioria dos tutoriais pular Construir a página é metade do trabalho Torná-lo a primeira página real do seu site é a outra metade.

No administrador do WordPress, vá para Configurações → Leitura. Sob Sua página inicial exibe, selecione Uma página estática. No menu suspenso Página inicial, escolha a página de breve que você acabou de construir. Salvar.

Agora, quando alguém visita sua raiz de domínio (yoursite.com), eles veem a página em breve Outras páginas ainda existem e estão acessíveis se você vincular a elas diretamente, mas ninguém navega para elas a partir da página inicial Quando você estiver pronto para iniciar, volte para a mesma configuração de Leitura e mude a Homepage de volta para “Seus últimos posts” ou uma página inicial adequada.

Passo extra para SEO: Até que você esteja pronto para lançar, adicione um noindex marque para a página em breve (ou para todo o site) Instale um plugin de SEO gratuito como Rank Math ou Yoast e alterne os mecanismos de pesquisa “Discourage de indexar este site” em Configurações → Leitura Lembre-se de desligá-lo quando você iniciar, ou o Google continuará ignorando suas páginas reais.

Dicas de design que fazem a página em breve se converter

Uma página em breve que ganha inscrições e seguidores sociais parece mais uma marca do que um aviso Padrões que funcionam:

• Uma ação clara. Ou “deixe seu e-mail” ou “siga-nos.” Não ambos proeminentemente Escolha aquele que você mais usará e torne-o o maior elemento após o título.
• Texto de alto contraste sobre qualquer imagem de fundo. Uma sobreposição de luz efetiva de 600% e 7% torna o texto claro legível em fotos ocupadas O texto branco em um gradiente roxo sólido é tão rápido quanto carrega.
• Ativos reais da marca. Seu logotipo real, sua fonte real, sua cor de marca real Um espaço reservado que parece genérico sinaliza que o próprio site parecerá genérico.
• Tipografia móvel. Teste o cabeçalho e o temporizador de contagem regressiva em um telefone Se a contagem regressiva for minúscula ou for embrulhada desajeitadamente, solte o tamanho da fonte ou mude para um layout empilhado para celular.
• Trabalhando ligações sociais. Se os ícones sociais apontarem para perfis vazios, os visitantes saltam Poste pelo menos uma vez em cada plataforma antes de vincular a eles.
• Uma promessa do que está por vir. “Algo grande” é fraco. “A nova casa de [seu produto]” é específica. “Uma maneira melhor de [resolver o problema]” dá aos visitantes um motivo para se inscrever.

Para mais widgets focados em conversão para adicionar posteriormente, o Guia de widgets de marketing de elementor cobre aqueles que compensam nas landing pages.

Grátis vs Pro: o que você obtém

Tudo neste tutorial funciona na versão gratuita do Master Addons. Pro desbloqueia outros widgets e o conjunto de recursos mais amplo, não os widgets específicos que você precisa aqui.

Se você quer uma vantagem inicial, Kits de modelo de complementos mestres (Pro) inclua designs de páginas de lançamento pré-construídos que você pode importar e editar Para uma comparação mais ampla de pacotes de complementos, consulte nosso 100 melhores complementos Elementor arredondamento.

Perguntas frequentes

Embrulhando

Um bom Elementor em breve página é mais do que um espaço reservado Ele mantém o tráfego inicial envolvido, constrói uma lista de e-mail de pré-lançamento e define o tom para a marca por trás dele A combinação de Elementor gratuito, Master Addons gratuitos e configuração de homepage estática do WordPress cobre tudo isso sem um plugin pago ou uma licença Elementor Pro.

Quando chegar o dia do lançamento, inverta a configuração da página inicial Configurações → Leitura e seu site real assume. A próxima página em breve permanece na lista de suas páginas para o próximo lançamento ou uma futura reformulação da marca. Para trabalhos de landing page relacionados, consulte nosso crie uma página de blog com Elementor tutorial e guia de cabeçalho pegajoso.

Leitura relacionada: Efeitos de animação elementar | Melhores plugins de construtor pop-up | Widgets de marketing de elementadores