Como Editar Páginas do WooCommerce (Sem Necessidade de Código)

Muitos proprietários de lojas WooCommerce querem que suas páginas pareçam polidas e alinhadas com a marca. Mas fazer alterações com os modelos padrão pode parecer limitador.

Contratar um desenvolvedor para cada pequena alteração nem sempre é prático, especialmente quando você está tentando agir rápido e manter os custos baixos.

Felizmente, existem construtores de páginas e plugins de personalização poderosos que funcionam perfeitamente com o WooCommerce. Essas ferramentas permitem que você crie belas páginas de produtos, layouts de loja e fluxos de checkout — tudo sem precisar tocar em código.

Melhor ainda, você pode atualizar as coisas sozinho a qualquer momento, sem esperar por um desenvolvedor.

Ao longo do tempo, testamos muitas ferramentas para encontrar o que realmente funciona para lojas WooCommerce reais. Neste guia, mostraremos a maneira mais fácil de personalizar suas páginas usando o SeedProd — sem necessidade de código ou habilidades técnicas.

Como Editar Páginas do WooCommerce

Por que Editar Páginas do WooCommerce para Sua Loja Online?

O WooCommerce cria muitas páginas para exibir produtos, loja, conta, checkout e funcionalidades de carrinho para sua loja online.

Por padrão, o tema do seu WordPress controla a aparência dessas páginas. Existe uma tonelada de ótimos temas WooCommerce que você pode escolher.

No entanto, editar essas páginas pode não ser tão direto quanto parece.

Por exemplo, você pode não conseguir exibir produtos adicionais, adicionar recursos de upsell, alterar o layout e muito mais.

É aí que o SeedProd entra em jogo. É o melhor plugin construtor de páginas para WooCommerce. Ele permite que você use uma ferramenta intuitiva de arrastar e soltar para projetar suas páginas do WooCommerce.

Ao longo dos anos, muitas de nossas marcas parceiras confiaram nele para criar suas landing pages e até mesmo temas personalizados completos.

Também testamos ele completamente em um ambiente de demonstração. Para saber mais sobre nossa experiência, você pode ver nossa análise do SeedProd.

SeedProd

A primeira coisa que você precisa fazer é instalar e ativar o plugin SeedProd. Para mais detalhes, veja nosso tutorial sobre como instalar um plugin WordPress.

Para os diferentes métodos neste artigo, usaremos a versão SeedProd Pro, pois ela possui os recursos necessários para editar páginas do WooCommerce.

Após a ativação, você precisa visitar a página SeedProd » Configurações para inserir sua chave de licença do plugin. Você pode encontrar essas informações em sua conta no site do SeedProd.

Adicionando uma chave de licença do SeedProd ao WordPress

Após inserir sua chave de licença, você está pronto para começar. Agora você pode editar e criar páginas do WooCommerce altamente otimizadas para sua loja online.

Dito isso, vamos dar uma olhada em como editar páginas do WooCommerce passo a passo.

Você pode clicar em qualquer um dos links abaixo para pular para qualquer método que desejar:

Criar um Tema WooCommerce Completamente Personalizado

O SeedProd vem com um construtor de temas WooCommerce completo integrado. Isso permite que você substitua seu tema WooCommerce por um personalizado de sua autoria.

A vantagem dessa abordagem é que você obtém mais flexibilidade ao editar seu tema WooCommerce. Você pode editar qualquer página usando uma ferramenta simples de arrastar e soltar.

Para começar, basta ir para a página SeedProd » Configuração e clicar no botão ‘Selecionar um tema para minha loja’ ao lado da opção ‘Criar uma Loja WooCommerce’.

Crie um tema WooCommerce personalizado

Em seguida, o plugin mostrará muitos temas WooCommerce prontos para uso que você pode usar como ponto de partida.

Basta clicar em um modelo para selecioná-lo.

Seleção de template do WooCommerce

Cada tema WooCommerce ou WordPress é uma coleção de modelos que mostram diferentes áreas do seu site ou loja online.

O SeedProd agora gerará esses modelos para o seu tema e mostrará uma lista deles.

Templates de tema

Agora você pode passar o mouse sobre um modelo e clicar no link ‘Editar Design’ para começar a editá-lo.

Isso iniciará a interface do construtor de páginas do SeedProd.

Editando a página da loja para o seu tema WooCommerce

Você pode adicionar todos os blocos comuns de construção de sites da coluna esquerda. À direita, você verá uma prévia ao vivo da página que está editando.

Você também pode simplesmente apontar e clicar em qualquer item para editá-lo.

Editar grade de produtos

O SeedProd vem com todos os blocos WooCommerce que você precisará para criar um tema WooCommerce voltado para vendas.

Assim que terminar de fazer alterações em um modelo, basta clicar no botão ‘Salvar’ para armazenar suas alterações.

Salvar seu template de tema WooCommerce

Basta repetir o processo para editar outros modelos em seu tema WooCommerce personalizado.

Depois de terminar de editar todas as páginas, vá para a página SeedProd » Construtor de Temas e ative o interruptor ‘Ativar Tema SeedProd’.

Habilitar tema SeedProd

Seu tema WooCommerce personalizado substituirá seu tema WooCommerce existente.

Agora, você pode visitar seu site WordPress para vê-lo em ação.

Prévia do tema

Para saber mais, veja nosso tutorial completo sobre como criar um tema personalizado do WordPress sem código.

Por outro lado, se você quiser continuar usando seu tema WooCommerce existente e editar apenas certas partes do seu site, continue lendo.

Personalizar a Página de Checkout do WooCommerce

A página de checkout em qualquer loja de comércio eletrônico é uma das etapas mais significativas na jornada do cliente.

Por padrão, o WooCommerce vem com uma experiência de checkout simples, que não é otimizada para vendas e conversões.

Experiência de checkout simples

Pequenas edições na página de checkout podem ajudá-lo a aumentar as vendas e reduzir o abandono de carrinho em sua loja.

Por exemplo, você pode exibir produtos relacionados com um botão 'Adicionar ao Carrinho' na página de checkout para que os usuários vejam algo mais que desejam comprar.

Para criar sua página de checkout personalizada, basta ir em SeedProd » Landing Pages e clicar em ‘Adicionar Nova Landing Page’.

Adicionar nova página de destino

Em seguida, você será solicitado a escolher um modelo para sua página.

Você pode escolher um dos modelos na tela e editá-lo para criar uma página de checkout, ou pode começar com um modelo em branco.

Escolha um template em branco

Usaremos o modelo em branco para este tutorial, mas você pode escolher qualquer um deles.

Em seguida, você precisará fornecer um título e um URL para a página. Você pode usar qualquer coisa que o ajude a identificar facilmente esta página.

nome e URL da página

Clique no botão ‘Salvar e Começar a Editar a Página’ para continuar.

Isso iniciará a interface do construtor de páginas do SeedProd, onde você pode simplesmente arrastar e soltar blocos para construir o layout da sua página.

Page builder iniciado

Primeiro, você deve adicionar um cabeçalho e, em seguida, personalizá-lo com sua própria marca.

O SeedProd vem com seções, que são coleções de blocos frequentemente usados juntos. Para adicionar uma seção de cabeçalho, clique na aba ‘Seções’ e, em seguida, selecione a categoria ‘Cabeçalho’.

Adicionar seção de cabeçalho

Em seguida, posicione o mouse sobre um cabeçalho e clique no botão ‘Adicionar (+)’ para inseri-lo em sua página.

Agora você pode editar a seção do cabeçalho simplesmente clicando em cada bloco e substituindo-o pelo seu próprio logotipo, menu e chamada para ação.

Editar página de cabeçalho

Assim que estiver satisfeito com o cabeçalho, adicione um layout de duas colunas.

Você pode usar este layout de duas colunas para exibir o formulário de checkout e produtos de upsell, depoimentos e outros elementos.

Escolher layout

Depois disso, você precisa adicionar o bloco de Checkout no menu do lado esquerdo.

Adicione-o à coluna esquerda, que é mais larga e aparecerá primeiro em dispositivos móveis.

Adicionar bloco de checkout

Em seguida, você precisa adicionar blocos à coluna direita. Esta é a área que você pode usar para convencer os usuários a concluir a compra.

Você pode adicionar um bloco de depoimentos aqui ou mostrar seus produtos mais populares.

Produtos de upsell

Aqui estão mais algumas coisas que você pode adicionar à sua página de checkout para melhorá-la para maiores conversões:

Depois de terminar de editar sua página de checkout, não se esqueça de clicar na seta ao lado de ‘Salvar’ e, em seguida, clique em ‘Publicar’ no canto superior direito da tela.

Salvar e publicar

Em seguida, você precisa dizer ao WooCommerce para começar a usar sua página de checkout personalizada para todos os clientes.

Vá para a página WooCommerce » Configurações e mude para a aba ‘Avançado’.

Use sua página de checkout personalizada

Na aba ‘Configuração de Página’, selecione sua página de checkout personalizada para a opção ‘Página de checkout’. Não se esqueça de clicar no botão ‘Salvar alterações’ para armazenar suas configurações.

Agora você pode ir à sua loja em uma nova aba do navegador e experimentar a nova experiência de checkout adicionando um produto ao seu carrinho.

Pré-visualize sua página de checkout personalizada

Para mais detalhes, você pode ver nosso tutorial sobre personalizar a página de checkout do WooCommerce.

Dica Bônus: Quer ver como sua nova página de carrinho está performando? Veja nosso tutorial sobre rastreamento de conversão no WordPress para iniciantes para rastrear todas as suas conversões.

Personalizar o Formulário de Checkout do WooCommerce

A página de checkout é uma das áreas onde muitos usuários abandonam seus carrinhos.

A maneira mais fácil de garantir que os usuários concluam suas compras é oferecendo uma melhor experiência de checkout.

É aqui que o FunnelKit pode ajudar. Ele é um dos melhores construtores de funil de vendas para WooCommerce que permite otimizar funis, páginas de checkout, experiência de carrinho e muito mais.

Automações FunnelKit

Nós mesmos testamos essa ferramenta muitas vezes para diversos fins e a recomendamos fortemente.

Ele possui dezenas de modelos, um assistente de criação de funil e edição de arrastar e soltar para suas páginas de carrinho e checkout. Para saber mais sobre nossas percepções, veja nossa análise do FunnelKit.

Primeiro, você precisa se inscrever em um plano do FunnelKit visitando o site deles.

Observação: Você precisará de pelo menos o plano Plus para desbloquear funis de vendas, upsells, order bumps e outros recursos.

Depois disso, você precisa instalar e ativar os plugins FunnelKit Builder e FunnelKit Builder Pro. Você pode encontrá-los em sua conta no site do FunnelKit.

Plugins FunnelKit

Precisa de ajuda? Veja nosso tutorial sobre como instalar um plugin do WordPress.

Após a ativação, você será solicitado a fornecer suas chaves de licença do plugin. Você pode encontrá-las na mesma página de Downloads em sua conta no site FunnelKit.

Assim que terminar, você estará pronto para personalizar o formulário de checkout do WooCommerce.

Simplesmente vá para a página FunnelKit » Store Checkout no painel de administração do WordPress e clique no botão ‘Criar Store Checkout’.

Criar um checkout de loja

Na próxima tela, você precisa primeiro escolher sua interface de editor.

Os modelos do FunnelKit podem ser editados com o editor Gutenberg padrão, Elementor, Divi, Oxygen, ou qualquer outro construtor de páginas usando shortcodes.

Depois disso, você precisa escolher um modelo. Existem dezenas de belos modelos para escolher. Basta clicar no botão ‘Visualizar’ para ver uma prévia ao vivo do modelo.

Você pode escolher entre uma página de checkout de etapa única ou várias etapas na visualização. Depois disso, basta clicar no botão ‘Importar este Funnel’ na parte superior.

Importador de Funil

Em seguida, você será solicitado a inserir um nome para seu funnel.

Você pode chamá-lo de qualquer coisa que ajude a identificá-lo mais tarde. Em seguida, clique no botão ‘OK’ para continuar.

Dê um nome ao seu carrinho personalizado

O FunnelKit agora criará sua página de checkout personalizada.

Depois disso, você verá o painel da página. A partir daqui, você pode editar sua página de checkout, adicionar mais etapas ou adicionar um order bump.

Editando página de checkout personalizada

Editar uma página a abrirá no editor que você escolheu anteriormente.

Para este tutorial, escolhemos o Gutenberg. Cada item na página de checkout é um bloco que você pode editar simplesmente clicando para selecioná-lo.

Editor de página de checkout

Você também pode adicionar novos blocos clicando no botão ‘Adicionar Bloco’.

Assim que terminar de fazer as alterações, não se esqueça de clicar no botão ‘Atualizar’.

Isso o levará de volta ao painel da página de Checkout. A partir daqui, você precisa mudar para a aba ‘Campos’.

Editor de campos

É aqui que você pode editar os campos do formulário de checkout. Neste exemplo, estamos usando um formulário de checkout em duas etapas. Isso permite que você capture as informações de contato antes do pagamento.

Você também pode adicionar novos campos de formulário da coluna da direita. Por padrão, o plugin exibe os campos de checkout comumente usados.

No entanto, você pode clicar no botão ‘Adicionar Novo Campo’ para adicionar um campo de formulário personalizado.

Adicionar novo campo personalizado

Isso exibirá um pop-up onde você pode escolher o tipo de campo, fornecer uma chave de metadados e inserir um rótulo.

Você também pode tornar o campo ‘obrigatório’ e atribuí-lo à página de checkout ou de agradecimento.

Criar um campo de checkout personalizado

Não se esqueça de clicar no botão ‘Salvar Alterações’ para armazenar as configurações do seu formulário.

O FunnelKit vem com um monte de otimizações que você pode adicionar à sua página de checkout para uma experiência mais fluida.

Basta mudar para a página ‘Otimizações’ e você verá uma lista de otimizações que pode aplicar à página de checkout.

Otimizações da página de checkout

Simplesmente clique em uma otimização para configurá-la, em seguida, clique no botão ‘Salvar Alterações’ para armazenar suas alterações.

Em seguida, mude para a aba ‘Configurações’ para habilitar Análises, pixel do Facebook, scripts personalizados ou CSS em seu funil de checkout.

Configurações do funil

Não se esqueça de clicar no botão ‘Salvar Alterações’ para aplicar suas alterações.

Finalmente, você precisa clicar no botão ‘Rascunho’ ao lado do título da página de Checkout e alterá-lo para ‘Publicar’. Isso substituirá sua página de checkout existente pelo funil personalizado que você acabou de criar.

Publicar página de Checkout

Agora você pode visitar sua loja em uma nova aba do navegador para testar a experiência de checkout personalizada que você criou.

Foi assim que ficou em nosso site de demonstração.

Visualizando página de checkout personalizada

Adicionar Checkout de Página Única no WooCommerce

O FunnelKit também permite que você crie uma experiência de checkout em uma única página.

Você precisa visitar a página FunnelKit » Store Checkout e clicar em ‘Create Store Checkout’.

Criar um checkout de loja

Na seleção de modelos, basta clicar na opção ‘One-Step’ no topo.

Depois disso, clique no botão ‘Import This Funnel’ para continuar.

Checkout em uma etapa

Você pode então continuar editando seu modelo em seu editor preferido. Veja a seção anterior deste tutorial para instruções mais detalhadas.

Adicionar um Carrinho Pop-up ao WooCommerce

A maioria dos temas do WooCommerce vem com uma página de carrinho separada. Essa experiência de carrinho adiciona atrito às experiências de compra e checkout.

Se os usuários precisarem ajustar a qualidade do produto ou remover itens do carrinho, eles terão que sair da página que estão visualizando no momento para atualizar o carrinho.

Isso pode ser corrigido adicionando um carrinho deslizante no WooCommerce.

Um carrinho deslizante mostra um botão de carrinho na tela. Clicar no botão exibe um menu deslizante com os produtos que o usuário adicionou ao carrinho.

Carrinho deslizante

Os usuários agora podem editar e atualizar o carrinho sem sair da página.

O FunnelKit tem um belo recurso de carrinho deslizante que se integra perfeitamente à sua loja online. Você pode até usá-lo para vender produtos adicionais, incentivar o checkout, oferecer descontos e muito mais.

Primeiro, você precisa visitar o site do FunnelKit e se inscrever para uma conta.

Observação: Você precisará de pelo menos o plano Plus para acessar os recursos do carrinho deslizante.

Após a inscrição, acesse sua conta no site do FunnelKit para baixar o plugin FunnelKit Cart.

Carrinho FunnelKit

Em seguida, você precisa instalar e ativar o plugin. Para mais detalhes, veja nosso tutorial sobre como instalar um plugin do WordPress.

Depois de ativar o plugin, você deve ir para a página FunnelKit » Carrinho para configurar as opções do carrinho de slide-in.

Configurações do carrinho

A partir daqui, você verá muitas opções à sua esquerda e uma prévia ao vivo de como seu carrinho de slide-in ficará.

O FunnelKit oferece muitas opções de personalização. Por exemplo, você pode escolher entre diferentes estilos, selecionar ícones de carrinho, alterar o texto do botão e muito mais.

Você também pode adicionar produtos de upsell ou cross-sell, oferecer descontos e tornar a experiência do carrinho muito mais atraente.

Configurações adicionais do carrinho

Para publicar suas alterações, não se esqueça de clicar no botão 'Salvar'.

Agora você pode visitar seu site para testar o carrinho de slide-in em sua loja ativa.

Personalizar a Página do Carrinho do WooCommerce

O WooCommerce tem uma página de carrinho padrão, permitindo que os usuários continuem para a página de checkout.

Por padrão, ele mostra os produtos que os clientes adicionaram ao carrinho. No entanto, pesquisas mostram que mais de 70% dos clientes saem de uma loja online sem concluir a compra.

Temas do WooCommerce geralmente vêm com uma página de carrinho sem graça e sem otimização para conversões.

Experiência de carrinho padrão do WooCommerce

Ao personalizar sua página de carrinho do WooCommerce, você pode reduzir facilmente o abandono de carrinho e melhorar as vendas.

Para criar sua página de checkout personalizada, basta ir em SeedProd » Landing Pages e clicar em ‘Adicionar Nova Landing Page’.

Adicionar nova página de destino

Em seguida, você será solicitado a escolher um modelo para sua página.

Você pode escolher um dos modelos na tela e editá-lo para criar uma página de carrinho, ou pode começar com um modelo em branco.

Escolha um template em branco

Usaremos o modelo em branco para este tutorial.

Em seguida, você precisará fornecer um título e um URL para a página. Você pode usar qualquer coisa que o ajude a identificar facilmente esta página.

Título e URL da página do carrinho

Isso iniciará a interface do construtor SeedProd.

Você pode começar mudando para a aba ‘Seções’ e adicionando um cabeçalho ao seu modelo em branco.

Adicionar seção de cabeçalho

Depois disso, sinta-se à vontade para clicar e editar a área do cabeçalho como desejar.

Abaixo disso, você precisa adicionar um layout de duas colunas, que você usará para adicionar outros blocos da página do carrinho.

Adicionar colunas de layout

Em seguida, adicione o bloco 'Carrinho' à coluna da direita.

Agora, como seu carrinho está atualmente vazio, ele não mostrará nenhum produto. Vá para sua loja, adicione alguns produtos ao seu carrinho e, em seguida, recarregue o page builder do SeedProd.

Adicionar o bloco do carrinho

Depois disso, você pode adicionar outros elementos para melhorar sua página de carrinho.

Por exemplo, você pode começar adicionando depoimentos ou adicionar um contador regressivo para acionar o efeito FOMO.

Upsell e crie FOMO (Medo de Perder)

Sinta-se à vontade para experimentar adicionando diferentes blocos e ajustando cores e largura.

Assim que terminar de editar, não se esqueça de clicar em 'Salvar e Publicar' no canto superior direito da tela.

Salvar e publicar

Em seguida, você precisa dizer ao WooCommerce para começar a usar sua página de carrinho personalizada para todos os clientes.

Vá para a página WooCommerce » Configurações e mude para a aba ‘Avançado’.

Usar página de carrinho personalizada

Agora você pode visitar sua loja online em uma nova aba do navegador.

Comece adicionando alguns produtos e, em seguida, vá para a página do carrinho para ver sua nova página de carrinho em ação.

Visualização da página do carrinho

Editar Páginas de Produtos do WooCommerce

Os temas do WooCommerce usam o mesmo modelo para exibir todos os produtos em seu site.

No entanto, você pode querer promover alguns produtos mais do que outros. O máximo que você pode fazer para distinguir produtos importantes é torná-los produtos em destaque.

O SeedProd permite que você crie páginas de produtos personalizadas. Você pode usar um modelo bem projetado, feito sob medida para maiores conversões e, em seguida, simplesmente preenchê-lo com as informações do seu produto.

Para começar, basta ir em SeedProd » Landing Pages e, em seguida, clicar em 'Adicionar Nova Landing Page'.

Adicionar nova página de destino

Em seguida, você será solicitado a escolher um modelo para sua página.

Você pode escolher um dos modelos na tela e editá-lo para criar uma página de produto. Você encontrará vários modelos otimizados para conversões na aba 'Vendas'.

Escolha um modelo para criar uma página de produto

Simplesmente clique para selecionar um modelo e continuar.

Em seguida, você será solicitado a fornecer um título e URL para a página. Você pode usar o nome do produto como título e URL.

Título e URL da página do produto

Clique no botão ‘Salvar e Começar a Editar a Página’ para continuar.

Isso iniciará a interface do construtor de páginas SeedProd com seu modelo selecionado. Você pode simplesmente clicar em qualquer item da página para editá-lo.

Editando página do produto

Você pode começar substituindo os itens do cabeçalho, como o logotipo, o menu de navegação e o botão de chamada para ação, pelos seus.

Depois disso, você pode substituir as imagens pelas imagens dos seus produtos e editar o texto conforme necessário.

Adicione os detalhes do seu produto com o botão adicionar ao carrinho

Finalmente, você pode substituir a chamada para ação pelo bloco Adicionar ao Carrinho.

Depois disso, você precisará inserir o ID do produto nas configurações do bloco Adicionar ao Carrinho. Você também pode alterar o texto do botão, bem como adicionar subtítulo, cor e ajustar o alinhamento.

Editar pacote do carrinho

Para encontrar um ID de produto, você precisa ir para a página Produtos » Todos os Produtos na área de administração do WordPress em uma aba separada do navegador.

Passe o mouse sobre o produto que você deseja promover, e o ID do produto aparecerá junto com outros links.

Encontrando um ID de produto no WooCommerce

Para tornar sua página de produto mais eficaz, você pode tentar estas dicas:

  • Adicione imagens de produto de alta qualidade com efeito de zoom para que os usuários possam examinar claramente o produto.
  • Abaixo da sua chamada principal para ação, você pode criar diferentes linhas destacando recursos do produto e fornecendo mais informações aos clientes.
  • Use prova social para acionar o efeito FOMO (Fear Of Missing Out - Medo de Ficar de Fora).

Depois de terminar de editar sua página de produto, não se esqueça de clicar no botão 'Salvar e Publicar' no topo.

Salvar e publicar página do produto

Após a publicação, você pode visualizar sua página de produto clicando no botão 'Visualizar'.

Isso mostrará a página de produto ao vivo em seu site que você agora pode começar a promover.

Prévia da página do produto

Para mais detalhes e dicas bônus, veja nosso tutorial sobre personalização de páginas de produtos WooCommerce.

Personalizar a Página da Loja para Sua Loja WooCommerce

O WooCommerce permite que você exiba facilmente seus produtos na página da loja. É basicamente uma página com seus produtos exibidos em um layout de grade.

O template da loja na maioria dos temas WooCommerce é sem graça e não otimizado para vendas e conversões. Além disso, geralmente não há ou há pouquíssimas opções para personalizá-lo.

O SeedProd permite que você crie e personalize uma página de loja WooCommerce facilmente. Você pode escolher seu próprio layout e design e otimizar esta página para maiores conversões.

Para começar, basta ir para SeedProd » Landing Pages e depois clicar no botão ‘Adicionar Nova Landing Page’.

Adicionar nova página de destino

Em seguida, você será solicitado a escolher um modelo para sua página.

Você pode escolher um dos templates na tela e editá-lo para criar sua página de loja.

Escolha um modelo para criar uma página de produto

Simplesmente clique para selecionar um modelo e continuar.

Em seguida, você será solicitado a fornecer um título e URL para a página. Você pode usar algo como Loja, Armazém ou Vitrine para indicar que é a página principal da loja.

Página da loja

Clique no botão ‘Salvar e Começar a Editar a Página’ para continuar.

Isso iniciará a interface do construtor de páginas SeedProd com seu modelo selecionado. Você pode simplesmente clicar em qualquer item da página para editá-lo.

Editando página do produto

Você pode começar substituindo os itens do cabeçalho, como o logotipo, o menu de navegação e o botão de chamada para ação, pelos seus.

Depois disso, você pode adicionar uma seção de destaque no topo com uma imagem grande e sua chamada principal para ação.

Cabeçalho da loja

Abaixo disso, você pode usar blocos do WooCommerce para exibir seus produtos.

Você pode escolher entre produtos recentes, em destaque, mais vendidos, mais bem avaliados e em promoção.

Exibir produtos

Após adicionar um bloco de produtos, você também pode personalizar como ele se parece.

O SeedProd permite que você escolha o número de produtos, opções de ordenação, colunas e mais.

Opções de exibição de produtos

Você pode otimizar ainda mais esta página adicionando mais texto, ofertas especiais, banners, uma seção de FAQ e mais.

Quando terminar de editar, não se esqueça de clicar em ‘Salvar e Publicar’ no topo.

Salvar e publicar página do produto

Após salvar sua página, clique no botão ‘Visualizar’ para vê-la em ação.

O SeedProd abrirá a página em uma nova aba do navegador.

Visualização da página da loja

Agora você pode substituir os links para a página da Loja no seu menu de navegação pela sua página de loja personalizada.

Personalizar a Página de Agradecimento do WooCommerce

A página ‘Obrigado’ do WooCommerce aparece quando um cliente conclui uma compra. Por padrão, o WooCommerce apenas mostrará os detalhes do pedido nesta página.

Página de agradecimento padrão no WooCommerce

Isso não oferece aos clientes mais opções para explorar. É uma espécie de beco sem saída e uma oportunidade perdida para vendas e conversões.

Felizmente, você pode corrigir isso com o SeedProd, criando uma página de agradecimento personalizada.

Para começar, basta ir para SeedProd » Landing Pages e depois clicar no botão ‘Adicionar Nova Landing Page’.

Adicionar nova página de destino

Em seguida, você será solicitado a escolher um modelo para sua página.

Mude para a aba ‘Obrigado’ e você encontrará vários modelos de página de agradecimento. Você pode escolher um deles, ou pode até começar com um modelo em branco.

Modelos de página de agradecimento

Em seguida, você será solicitado a escolher um título e uma URL para sua página.

Você pode usar ‘Obrigado’ ou qualquer outro título significativo para sua página.

Título da página de agradecimento

Clique no botão ‘Salvar e Começar a Editar a Página’ para continuar.

Isso iniciará a interface do construtor de páginas do SeedProd, onde você verá uma prévia ao vivo do seu modelo. Você pode simplesmente clicar e editar qualquer item na prévia ou adicionar novos blocos da coluna esquerda.

Editar página de agradecimento

Agora você pode usar esta oportunidade para promover sua lista de e-mail ou vender produtos adicionando blocos de grade de produtos do WooCommerce.

Sinta-se à vontade para experimentar diferentes títulos, textos e produtos para criar uma página de Agradecimento eficaz.

Quando terminar, não se esqueça de clicar no botão ‘Salvar e Publicar’ no canto superior direito da tela.

Salvar e publicar página do produto

Sua página de agradecimento personalizada agora está ativa. No entanto, você ainda precisa dizer ao WooCommerce para usar esta página como sua página de Agradecimento padrão.

Para fazer isso, você precisará instalar e ativar o plugin Thanks Redirect for WooCommerce. Para mais detalhes, veja nosso tutorial sobre como instalar um plugin do WordPress.

Ao ativar, vá para a página WooCommerce » Configurações e clique na aba ‘Produtos’.

Redirecionar página de agradecimento no WooCommerce

A partir daqui, você precisa marcar a opção ‘Ativar Redirecionamento Global de Agradecimento’. Depois disso, você verá um campo rotulado como ‘URL de Redirecionamento de Agradecimento’.

Cole sua nova URL da página de Agradecimento do WooCommerce nesta caixa e, em seguida, clique no botão ‘Salvar Alterações’.

Agora, quando os clientes concluírem uma compra, eles verão sua página de Agradecimento personalizada altamente otimizada. Eles terão muito mais probabilidade de clicar e pesquisar o restante de sua loja do que se você tivesse mantido o padrão.

Página de agradecimento personalizada no WooCommerce

Esperamos que este artigo tenha ajudado você a aprender como editar páginas do WooCommerce facilmente sem escrever código. Você também pode querer ver nosso guia completo de SEO para WooCommerce ou nossas principais escolhas para os melhores plugins de funil de vendas do WooCommerce para aumentar suas conversões.

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

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

10 CommentsLeave a Reply

  1. O WooCommerce foi um pesadelo pessoal para mim, e eu o evitei por muito tempo, acreditando que simplesmente não sabia como criar uma loja virtual. No entanto, um dia eu tive que, então instalei o WooCommerce. Fiquei surpreso ao descobrir que, com bons tutoriais, era bastante gerenciável, embora levasse tempo. Graças ao WPBeginner e a estes guias, agora sou muito mais habilidoso com o WooCommerce, e isso é principalmente graças a você e a estes artigos abrangentes.

  2. É interessante ver como as páginas do WooCommerce podem ser editadas sem codificação. Isso abre as portas para mais pessoas criarem e personalizarem suas lojas online, mesmo que não tenham experiência em programação. Esta pode ser uma ótima opção para pequenas empresas ou empreendedores que estão apenas começando.

    • Você está completamente certo.
      O Seedprod tornou fácil criar e personalizar páginas do WooCommerce, você não precisa aprender a codificar para personalizar. Como isso não depende do tema, será usado por todas as empresas e indivíduos.

  3. Como proprietário de uma loja online, muitas vezes preciso fazer alterações nas minhas páginas do WooCommerce sem a necessidade de conhecimento em codificação. O guia do WPBeginner sobre edição de páginas do WooCommerce tem sido incrivelmente útil para atender a essa necessidade.
    Com a ajuda de plugins como Elementor e Beaver Builder, agora consigo criar facilmente páginas personalizadas do WooCommerce sem a necessidade de conhecimento em codificação.
    Isso me economizou muito tempo e esforço em comparação com a edição manual do código para essas páginas.

    • Concordo totalmente com você que esses recursos são ouro! Poder personalizar as páginas da sua loja visualmente com construtores de arrastar e soltar como o Elementor economiza muito tempo em comparação com mexer com código.

      • Tenho uma opinião semelhante. No entanto, às vezes me deparo com o fato de que o Elementor deixa o site lento e o prejudica. Ambos os plugins são muito exigentes em relação ao desempenho do site. Ao combinar WooCommerce e Elementor, é necessária uma base de hospedagem web rápida e poderosa. É uma troca pela facilidade de gerenciamento e criação de conteúdo. Para iniciantes como eu, é realmente uma combinação ideal, e graças a Deus por isso. Eu prefiro pagar extra por hospedagem de qualidade se isso tornar o desenvolvimento de um site de e-commerce mais fácil nesse aspecto.

  4. Este artigo é uma salvação para usuários do WooCommerce que não entendem de tecnologia, como eu, que desejam fazer alterações em sua loja online sem aprender a codificar. É ótimo que muitas coisas agora sejam de arrastar e soltar.

    No entanto, tenho uma pergunta. É melhor ter shop.dominio ou dominio/shop?
    Faz alguma diferença do ponto de vista de SEO? Ou qualquer outra coisa?

    • Não deve fazer uma grande diferença em SEO de qualquer forma, se você quisesse tudo no mesmo site, é mais fácil usar domínio/loja, enquanto se você quisesse criar um subsite específico para a loja, o loja.domínio é normalmente o método a ser usado.

      Admin

    • This plugin is normally an alternative to Elementor so there is a good chance that it will be a replacement plugin for you :)

      Admin

Deixe uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.