Como criar páginas WooCommerce: 2 métodos

Deseja adicionar páginas à sua loja, mas não tem certeza de como fazê-lo? Neste guia, mostraremos diferentes maneiras de criar páginas do WooCommerce passo a passo (sem necessidade de codificação).

O WooCommerce oferece a flexibilidade de adicionar páginas para personalizar sua loja online. Você pode criar todas as páginas padrão do WooCommerce ou páginas personalizadas. Antes de mostrarmos como fazer isso, vamos entender melhor os benefícios de criar ou reinstalar páginas.

Por que criar ou reinstalar páginas do WooCommerce?

Uma das razões mais comuns pelas quais os usuários criam páginas WooCommerce é porque estão perdendo algumas delas. Quando você configura o WooCommerce, a maioria das páginas padrão são criadas automaticamente. No entanto, se você pular algumas etapas, poderá impedir que o WooCommerce crie todas as páginas que sua loja online precisa. Se for esse o seu caso, a boa notícia é que você pode facilmente adicionar essas páginas.

Algumas das páginas do WooCommerce que você definitivamente deve criar se estiverem faltando em sua loja são:

• Página da Loja: A página da Loja é onde você exibe todos os produtos da sua loja online. Como você pode imaginar, isso pode ter um grande impacto no seu negócio, por isso é obrigatório para qualquer loja online. Se você está procurando maneiras de personalizar sua página de loja, pode dar uma olhada neste guia.

• Página do carrinho: quando um cliente deseja comprar um produto na página da loja, ele é armazenado na página do carrinho. É onde os compradores podem revisar seu pedido antes de pagar. Alguns plugins incluem a página do carrinho diretamente no checkout para simplificar o processo de checkout e aumentar as conversões.

• Página de Checkout: É onde os usuários pagam por seus produtos e você fecha a venda. Depois de selecionar um produto na página da loja e revisar o pedido na página do carrinho, os clientes pagam por meio de um gateway de pagamento na página de checkout. Em seguida, o pedido é feito e o processo de entrega é iniciado (se for um produto físico). Como mencionado acima, plugins como o Direct Checkout incluem a página do carrinho na página de checkout para acelerar o processo de compra.

• Página Minha Conta: A página Minha Conta é onde você armazena todas as informações pessoais, faturamento e endereço de entrega de seus clientes. A partir daqui, os compradores podem gerenciar seus pedidos e configurações.

Como criar páginas WooCommerce

Existem algumas maneiras diferentes de criar páginas WooCommerce:

1. Do painel do WordPress
2. Com códigos de acesso

Ambos os métodos permitem adicionar páginas facilmente. Neste guia, veremos os dois para que você possa escolher a melhor opção para você.

1. Como criar páginas WooCommerce a partir do painel do WordPress

No painel do WordPress, você pode criar todas as páginas padrão do WooCommerce ou a página da loja. Descreveremos os dois cenários abaixo.

1. Crie todas as páginas padrão do WooCommerce

Criar e instalar as páginas padrão do WooCommerce a partir do painel do WordPress é extremamente fácil e requer apenas alguns cliques.

Primeiro, vá para WooCommerce > Status . Em seguida, na guia Ferramentas , você verá a opção de criar páginas padrão do WooCommerce. Basta clicar no botão Criar Páginas para adicionar as páginas que faltam à sua loja.

NOTA: Lembre-se de que você criará apenas as páginas ausentes e não substituirá as páginas padrão que já existem em sua loja.

Por exemplo, digamos que você tenha uma loja online com as páginas Shop, Cart e Checkout, mas a página Minha conta está ausente. Se você pressionar Criar páginas , ele adicionará apenas a página Minha conta, deixando todas as outras páginas intocadas. É isso! Você acabou de criar as páginas do WooCommerce que estavam faltando na sua loja .

2. Crie uma página de loja no painel do WordPress

Criar uma página de loja no painel do WordPress também é bastante fácil.

Tudo o que você precisa fazer é acessar Páginas > Adicionar novo no seu painel. Em seguida, adicione o título da Loja à página e pressione Publicar .

Em seguida, vá para WooCommerce > Configurações e navegue até a guia Produtos . Clique na opção Página da loja, selecione a página da loja que você acabou de criar no menu suspenso e salve as alterações.

É isso! Você verá a página padrão da Loja assim que visualizar a página. A página mostrará automaticamente todos os produtos que você listou para sua loja online.

2. Como criar páginas WooCommerce com códigos de acesso

Criar páginas WooCommerce a partir do painel do WordPress é fácil, mas há outra maneira conveniente de adicionar páginas à sua loja. Este método envolve o uso de códigos de acesso. Shortcodes são pequenos trechos que ajudam você a exibir conteúdo ou adicionar funcionalidades sem escrever longos scripts de código. Se você não estiver familiarizado com códigos de acesso, recomendamos que você dê uma olhada neste guia completo para iniciantes.

O WooCommerce inclui códigos de acesso padrão que fornecem mais flexibilidade para adicionar páginas à sua loja em comparação com o método anterior.

Para criar páginas WooCommerce usando códigos de acesso, tudo o que você precisa fazer é acessar Páginas > Adicionar novo, adicionar o título da página que deseja criar e usar o código de acesso correspondente. Vamos dar uma olhada em alguns exemplos.

1. Página do carrinho

Para adicionar uma página de carrinho, crie uma nova página, chame-a de “Cart”, adicione o seguinte shortcode e publique-o

 [ woocommerce_cart ] 

Depois disso, vá para WooCommerce > Configurações e abra a guia Avançado . Em seguida, selecione a página Carrinho que você acabou de criar para a opção Página Carrinho e salve-a.

É isso, agora você exibirá os produtos que seus compradores têm em seus carrinhos na página Carrinho que você acabou de criar.

2. Página de checkout

Da mesma forma, se você quiser criar a página de checkout padrão do WooCommerce, basta criar uma nova página e chamá-la de “Checkout”. Em seguida, adicione o seguinte código de acesso e publique a página.

 [ woocommerce_checkout ] 

Mais uma vez, vá para WooCommerce > Configurações e abra a guia Avançado . Depois disso, selecione a página de checkout que você acabou de criar como opção para a página de checkout e salve as alterações.

A página de checkout padrão é boa, mas se você quiser se destacar e aumentar suas taxas de conversão, deve personalizá-la. Se for esse o seu caso, confira nosso guia sobre como editar a página de checkout do WooCommerce.

3. Página Minha Conta

Para criar a página Minha conta do WooCommerce, tudo o que você precisa fazer é criar uma nova página, chamá-la de “Minha conta” e adicionar o seguinte código de acesso.

 [ woocommerce_my_account ] 

Depois disso, vá para WooCommerce > Configurações e abra a guia Avançado . Por fim, selecione a página Minha conta que você acabou de criar como opção para a página Minha conta e salve as alterações.

Se você quiser incrementar sua página Minha conta, confira nosso guia passo a passo sobre como personalizá-la.

Pronto, é assim que você cria páginas WooCommerce usando códigos de acesso . Curto e doce, não foi?

Até agora, mostramos várias maneiras de adicionar páginas à sua loja. Mas, esse é apenas o primeiro passo. Para levar sua loja para o próximo nível, você precisa personalizar suas páginas e aproveitá-las ao máximo. Vamos dar uma olhada em como fazê-lo.

Como personalizar páginas do WooCommerce

Os recursos padrão do WooCommerce têm opções muito limitadas quando se trata de personalizar as páginas. Eles não têm opções adicionais para alguns dos elementos importantes, como botões e opções de campo. Portanto, para aproveitar ao máximo sua loja, você deve fazer algumas alterações em suas páginas.

A boa notícia é que personalizar as páginas do WooCommerce é tão fácil quanto criá-las. Neste post, mostraremos como editar páginas usando um plug-in.

Para este tutorial, usaremos StoreCustomzier. É uma ferramenta freemium muito fácil de usar quando se trata de editar suas páginas WooCommerce. Este plugin usa uma interface de arrastar e soltar amigável que ajuda você a editar as páginas confortavelmente.

1. Instale o plug-in

Primeiro, você precisa instalar e ativar o StoreCustomizer. No painel do WordPress, vá para Plugins > Adicionar novo e procure por StoreCustomizer. Em seguida, clique em Instalar agora e ative o plugin.

2. Abra o Personalizador de Temas

Agora você pode personalizar qualquer página. Abra o personalizador em Aparência > Personalizar e você será direcionado para o personalizador de temas. Para esta demonstração, usaremos o Storefront, mas lembre-se de que as opções de tema podem variar de tema para tema. Agora, pressione StoreCustomizer para personalizar as páginas do WooCommerce.

Aqui, você pode editar todas as principais páginas da sua loja online:

• Comprar
• produtos
• Minha conta
• Carrinho
• Confira

Agora é hora de começar a editar suas páginas.

3. Personalize as páginas do WooCommerce

Você pode fazer alterações em várias páginas do WooCommerce, além de muitas opções personalizáveis.

eu. Página da loja

Aqui, você pode editar o número de produtos por linha ou página. Além disso, você pode editar os arquivos da loja e os elementos de design, além de personalizar os textos dos botões da página. Além disso, você pode adicionar banners, emblemas e editar o título do produto, preço, botões e muito mais.

ii. Página do produto

Você pode remover vários elementos, como zoom de imagem, lightbox e controle deslizante de imagem da página do produto. Além disso, você também pode definir o número de miniaturas de imagens do produto por linha, além de opções adicionais para editar as guias da página do produto e os elementos de design. Por exemplo, você pode editar ou remover guias da Página do Produto, adicionar ou editar botões, incluir banners e muito mais.

iii. Página da conta

Para a página Conta, você pode modificar várias guias de conta. Isso inclui o painel, downloads, pedidos, endereço, detalhes e logout. Você também pode selecionar o design da guia da conta com uma guia lateral e estilo horizontal.

4. Página do carrinho

Também existem várias opções personalizáveis ​​para a página do carrinho. Você pode adicionar o botão 'Voltar à loja', mostrar descontos, adicionar informações extras sobre produtos e remover links de produtos. Além disso, você também obtém algumas opções adicionais para vendas cruzadas e ferramentas de carrinho, página de carrinho vazia e elementos de design.

v. Página de checkout

StoreCustomizer também permite que você personalize a página de checkout. Você pode adicionar imagens personalizadas, editar ou remover campos de checkout e personalizar elementos de design. Se você quiser dar um passo adiante, pode usar plugins específicos para personalizar a página de checkout, como Checkout Manager for WooCommerce e Direct Checkout.

Estas são apenas algumas das coisas que você pode fazer em suas páginas WooCommerce com este plugin. No entanto, se você deseja personalizar ainda mais sua loja e levá-la para o próximo nível, recomendamos que você confira alguns de nossos guias sobre como editar cada página específica:

• Como personalizar a página da loja WooCommerce
• Edite a página de checkout no WooCommerce
• Como personalizar a página Minha conta do WooCommerce
• Personalizar a página do produto WooCommerce

Conclusão

Em suma, mostramos diferentes maneiras de criar e reinstalar algumas páginas do WooCommerce. Se alguma de suas páginas estiver faltando, você poderá adicioná-la ou reinstalá-la.

Neste guia, explicamos dois métodos para fazer isso:

• Do painel do WordPress
• Como usar códigos de acesso

Ambos os métodos são muito eficazes e fáceis de usar, mesmo para iniciantes. Criar páginas a partir do painel é a opção mais rápida, mas se você quiser mais flexibilidade, pode usar códigos de acesso.

Além disso, como o WooCommerce tem opções de personalização limitadas para as páginas padrão, vimos uma das maneiras mais fáceis de personalizar suas páginas usando o StoreCustomizer. Este plugin é um excelente polivalente que permite editar qualquer página. No entanto, se você deseja realizar uma personalização mais complexa em páginas específicas, recomendamos que você dê uma olhada em alguns de nossos guias.

Por fim, se você deseja personalizar as páginas do WooCommerce usando Divi e Elementor, confira os seguintes posts:

• Como personalizar a página do produto com o Divi
• Personalize a página do produto com o Elementor

Você encontrou este guia útil? Qual método você usou para criar páginas para sua loja? Você conhece outras formas? Deixe-nos saber na seção de comentários abaixo.