Você precisa saber como editar sua página de informações em breve do WooCommerce?
Uma página WooCommerce coming soon é perfeita para ocultar sua loja antes do lançamento. Mas se você quiser alterar o design, atualizar os detalhes do lançamento ou adicionar novo conteúdo, precisará de uma maneira simples de editá-la sem quebrar nada.
Neste guia, mostrarei passo a passo como criar e editar uma página do WooCommerce para vendas em breve. Você poderá atualizar sua página a qualquer momento com apenas alguns cliques.
Por que criar uma página do WooCommerce Coming Soon?
Criar uma página WooCommerce coming soon é uma excelente maneira de ocultar sua loja on-line inacabada. Dessa forma, você pode controlar o que os clientes em potencial veem em vez de mostrar uma página de erro ou uma vitrine incompleta que não está pronta para o público.
Além disso, a criação de uma página de lançamento em breve para o WooCommerce pode ajudar de várias outras maneiras:
- Forneça aos visitantes detalhes sobre quando sua loja será lançada
- Crie entusiasmo para o dia do lançamento com cronômetros de contagem regressiva
- Colete endereços de e-mail e aumente sua lista com formulários de inscrição
- Ofereça descontos e ofertas para atrair clientes antes de seu lançamento
- Obtenha uma vantagem inicial nas classificações dos mecanismos de pesquisa com uma página da Web rastreável
Há muitas outras maneiras pelas quais as páginas do WooCommerce em breve podem ajudar sua empresa. Mas como você cria uma?
Como criar uma página em breve do WooCommerce
Para este guia, usaremos o SeedProd para criar uma página de entrada do WooCommerce.
O SeedProd é o melhor construtor de páginas do WordPress com funcionalidade de arrastar e soltar. Com seu editor visual em tempo real, você pode configurar uma página de lançamento em breve para sua loja on-line sem escrever código e ver as alterações em tempo real.
Você também pode usar o SeedProd para criar um tema personalizado do WooCommerce com o recurso de arrastar e soltar.
Aqui estão vários outros motivos pelos quais o SeedProd é a melhor opção para a sua página de informações em breve do WooCommerce:
- Modo integrado de manutenção e "em breve" para ocultar seu site até que ele esteja pronto
- Comece a trabalhar rapidamente com mais de 100 modelos de páginas de destino
- Muitos blocos para adicionar novas seções, como cabeçalhos e chamadas para ação (CTAs)
- O suporte ao WooCommerce permite que você venda produtos a partir da sua página de lançamentos em breve
- Acompanhe e gerencie as inscrições com o painel do assinante
- Integrar-se a plataformas de marketing populares, como Constant Contact e ActiveCampaign
- Proteção contra spam, bots e envios fraudulentos de formulários
E o melhor é que você não precisará contratar um desenvolvedor nem escrever nenhum código para seguir este tutorial.
- Etapa 1: Instalar e ativar o SeedProd
- Etapa 2: Configurar uma página em breve
- Etapa 2.1: Editar uma página do WooCommerce Coming Soon
- Etapa 3: Personalize e edite sua página de WooCommerce Coming Soon
- Etapa 4: Conecte seu serviço de marketing por e-mail
- Etapa 5: Configure as definições de sua página
- Etapa 6: publique sua página em breve do WooCommerce
- Etapa 7: Ativar o modo Coming Soon para WooCommerce
Tutorial em vídeo
Etapa 1: Instalar e ativar o SeedProd
Começar a usar o SeedProd é muito fácil. Primeiro, clique no botão abaixo para obter sua cópia do SeedProd e criar sua conta.
Observação: o SeedProd também tem uma versão gratuita que pode ser instalada. Mas usaremos a versão Pro hoje porque ela tem alguns recursos muito interessantes dos quais queremos tirar proveito.
Em seguida, instale e ative o plug-in em seu site do WordPress. Se precisar de ajuda com essa etapa, siga este guia fácil sobre como instalar um plug-in do WordPress.
Depois de instalar e ativar o SeedProd, navegue até SeedProd " Settings no painel do WordPress. Isso permite que você insira sua chave de licença para poder acessar as atualizações e os recursos avançados do plug-in.
Você pode encontrar a chave de licença do SeedProd em sua conta no site do SeedProd, na guia Downloads.
Depois de inserir sua chave de licença, clique no botão Verify Key (Verificar chave) e você estará pronto para começar a criar sua página de lançamento em breve do WooCommerce.
Etapa 2: Configurar uma página em breve
Para começar a criar sua página de lançamento em breve do WooCommerce, acesse SeedProd " Pages no painel de administração do WordPress.
Essa tela mostra várias opções para criar diferentes tipos de páginas em seu site WordPress, incluindo:
- Modo Em breve - Crie uma página em breve para qualquer tipo de site em construção.
- Modo de manutenção - Mostre uma mensagem de manutenção quando estiver fazendo pequenas alterações ou atualizações.
- Página de login - Substitua a tela de login padrão por uma página de login personalizada do WordPress.
- Página 404 - Configure uma página de erro 404 personalizada para manter os usuários no seu site por mais tempo.
Abaixo dessa seção, você também pode criar qualquer página de destino independente de sua escolha.
Mas, para este tutorial, você deverá selecionar o botão "Set up a Coming Soon Page" (Configurar uma página em breve).
Em seguida, você verá a biblioteca de modelos responsivos do SeedProd. Sob o filtro Coming Soon (Em breve), você pode ver vários modelos de página de Em breve que estão prontos para serem usados imediatamente.
Passe o mouse sobre qualquer modelo para ver as opções de visualização e clique no ícone de marca de seleção para escolher esse design.
Depois de escolher seu modelo de página de lançamento em breve, o SeedProd abre e o exibe no construtor de páginas de arrastar e soltar. É nessa página que você pode personalizar sua página de lançamento em breve do WooCommerce.
Etapa 2.1: Editar uma página do WooCommerce Coming Soon
Você pode editar sua página do WooCommerce em breve a qualquer momento acessando SeedProd " Páginas no painel do WordPress. O botão agora dirá Editar página em vez de Configurar, e abrirá o mesmo construtor de arrastar e soltar que você usou para criá-la.
Clique nele, e o construtor de arrastar e soltar do SeedProd será aberto. A partir daí, você pode alterar o texto, as imagens, as cores ou adicionar novas seções, exatamente como fez quando o configurou pela primeira vez.
Quando terminar, clique no botão Save (Salvar ), e suas alterações serão exibidas imediatamente na página ativa.
Etapa 3: Personalize e edite sua página de WooCommerce Coming Soon
Você pode personalizar ou editar todos os elementos da sua página de lançamento em breve do WooCommerce usando o editor visual do SeedProd. Clique em qualquer parte do design para atualizar o texto, as imagens ou os botões, e você verá suas alterações ao vivo à medida que as fizer.
Esse também é o melhor momento para adicionar as novas seções que desejar, como formulários de inscrição por e-mail, grades de produtos ou links de mídia social. Se você precisar atualizar as informações de lançamento posteriormente, basta retornar ao SeedProd " Pages e usar o botão Edit Page (Editar página) para fazer alterações rápidas.
No lado direito da tela, você verá uma visualização ao vivo do seu design, onde poderá fazer edições e ver as alterações em tempo real.
E, no lado esquerdo, há várias seções e blocos para criar e personalizar seu design.
Para editar um elemento, basta clicar nele, e as configurações desse bloco serão abertas à esquerda. Por exemplo, clicar no elemento de título abre seu painel de configurações de conteúdo.
A partir daí, você pode editar o conteúdo, alterar as cores e o tamanho da fonte e até mesmo alterar as tags de título para otimizar sua página para os mecanismos de pesquisa.
Você pode fazer o mesmo com qualquer outro elemento da sua página, como o cronômetro de contagem regressiva, o texto do parágrafo e os ícones de mídia social.
Por exemplo, ao clicar no bloco de ícones de mídia social, você pode adicionar os links do seu perfil de mídia social. Você também pode clicar na guia Templates (Modelos) para alterar rapidamente as cores e o estilo dos ícones.
Você pode adicionar mais conteúdo à sua página escolhendo um bloco nas seções de blocos Standard, Advanced ou WooCommerce.
- Os blocos padrão incluem listas de marcadores, imagens, botões, vídeos, etc.
- Os blocos avançados incluem formulários de opt-in, brindes, cronômetros de contagem regressiva e muitas outras ferramentas de geração de leads.
- Os blocos do WooCommerce permitem que você adicione carrinhos de compras, checkouts, grades de produtos e botões "adicionar ao carrinho" à sua página de lançamentos em breve.
Recomendamos adicionar um formulário de opt-in para aumentar sua lista e um cronômetro de contagem regressiva para criar um senso de urgência.
Além de personalizar e adicionar conteúdo novo à sua página de lançamentos em breve do WooCommerce, você também pode controlar as cores, as fontes e os estilos globalmente. Isso evita que você personalize cada bloco manualmente.
Você pode encontrar o painel Global Settings clicando no ícone de engrenagem no canto inferior esquerdo da tela. A partir daí, clique em qualquer título para adicionar um esquema global de cores, fontes, imagem de fundo e muito mais.
Por exemplo, removemos a imagem de fundo padrão, substituindo-a por algo mais atraente.
Também clicamos no cabeçalho Colours (Cores ) para alterar as cores do título, do texto, do botão e do link.
Quando estiver satisfeito com a página "Em breve" de sua loja on-line, clique no botão Save (Salvar ) na parte superior para salvar seu progresso.
Etapa 4: Conecte seu serviço de marketing por e-mail
Se você adicionou um formulário de inscrição de e-mail à sua página de lançamentos em breve do WooCommerce, é uma boa ideia conectá-lo a um serviço de marketing por e-mail. Dessa forma, você pode coletar leads, gerenciar seus assinantes e enviar e-mails para clientes em potencial.
Você pode encontrar as integrações de e-mail do SeedProd na guia Connect, na parte superior da tela.
A partir daí, clique no provedor de serviços de e-mail desejado e siga as instruções para autorizar e conectar sua conta.
Etapa 5: Configure as definições de sua página
Antes de publicar sua página de comércio eletrônico em breve, há algumas configurações a serem definidas. Portanto, vá para a guia Page Settings (Configurações da página ) e procure o painel de navegação à esquerda.
Primeiro, você pode alterar o título, o URL e o status da página na guia General (Geral ).
Em seguida, se você for um usuário do SeedProd Pro, verá a guia Access Control (Controle de acesso). Nessa tela, você pode escolher quem pode ver sua página WooCommerce coming soon e quem pode acessar seu site enquanto ele estiver em construção.
Como resultado, você pode conceder acesso a qualquer desenvolvedor ou freelancer que esteja trabalhando no seu site. E se você for um desenvolvedor, poderá fornecer acesso temporário aos clientes para mostrar a eles o seu progresso.
O próximo painel é o de configurações de SEO, onde você pode adicionar um título e uma descrição de SEO. Essas informações são visíveis para os mecanismos de pesquisa e serão exibidas nos resultados de pesquisa.
Além disso, você também pode adicionar um favicon e miniaturas de suas mídias sociais. E se quiser impedir que os mecanismos de pesquisa indexem sua página, você pode ativar a opção "Enable No Index".
Por fim, você pode adicionar scripts de terceiros, como o código de rastreamento do Google Analytics e os pixels do Facebook, na guia Scripts.
Etapa 6: publique sua página em breve do WooCommerce
Antes de publicar sua página de lançamento em breve em sua loja on-line, é uma ideia inteligente visualizá-la na tela de visualização móvel do SeedProd. Dessa forma, você pode garantir que tudo fique bem em dispositivos móveis.
Para fazer isso, clique no ícone de visualização móvel na barra de ferramentas inferior e você verá uma visualização móvel ao vivo da sua página.
A partir daí, você pode editar seu design e até mesmo ocultar determinados elementos para que não sejam exibidos no desktop ou no celular.
Por exemplo, para ocultar os ícones sociais em dispositivos móveis, basta clicar no elemento, selecionar a guia Advanced (Avançado ) e ativar a opção Hide on Mobile (Ocultar em dispositivos móveis ) sob o título Device Visibility (Visibilidade do dispositivo).
Seus ícones sociais estão acinzentados na visualização ao vivo, mas na página ao vivo, eles não serão exibidos.
Quando estiver pronto para publicar sua página do WooCommerce coming soon, clique na seta suspensa ao lado do botão Save (Salvar) e clique em Publish (Publicar).
Etapa 7: Ativar o modo Coming Soon para WooCommerce
Agora, tudo o que resta é ativar sua página de lançamento em breve para o WooCommerce. Para fazer isso, volte ao painel do SeedProd clicando em SeedProd " Pages no painel do WordPress à esquerda.
Em seguida, no cabeçalho Coming Soon Mode (Modo em breve), alterne o botão de alternância para "Active" (Ativo).
Agora, quando os visitantes acessarem o site do WooCommerce, eles verão a página "Em breve", onde poderão receber atualizações sobre o tempo de lançamento e se inscrever para receber seus e-mails.
Perguntas frequentes sobre a edição de uma página do WooCommerce Coming Soon
Agora você sabe como criar e editar uma página de lançamento em breve do WooCommerce sem nenhuma habilidade de codificação. Com o SeedProd, você pode atualizar seu design, alterar os detalhes do lançamento e adicionar novo conteúdo a qualquer momento.
Essa flexibilidade facilita a manutenção de sua página atualizada e envolvente enquanto você trabalha em sua loja. Comece a usar o SeedProd hoje mesmo e lance-o com confiança.
Você também pode achar úteis os seguintes guias do WooCommerce:
- Como proteger seu site WooCommerce
- Como ocultar facilmente produtos fora de estoque no WooCommerce
- Como personalizar a guia Informações adicionais do WooCommerce
- Como adicionar o botão Exibir carrinho no WooCommerce
- Como alterar o título da página da loja no WooCommerce
- Como exibir produtos relacionados no WooCommerce
Obrigado pela leitura. Se você gostou deste artigo, siga-nos no YouTube, no Twitter e no Facebook para obter mais conteúdo útil para expandir seus negócios.
