Notas de checkout do WooCommerce: configure a seção do jeito que você quiser

Publicados: 2018-08-27

O checkout do WooCommerce fornece o campo de notas do pedido por padrão. Você não precisa configurar nada. O WooCommerce mostra esse campo, mas você pode remover informações adicionais na página de checkout do WooCommerce ou personalizar o formulário. Leia o artigo para saber como usar as notas do pedido e remover ou adicionar campos de checkout no WooCommerce. Vamos começar!

Você sabia que seu cliente pode enviar uma nota usando o campo Notas do pedido no formulário de checkout do WooCommerce? Ou talvez você queira remover completamente a seção de informações adicionais da página de checkout do WooCommerce?

Hoje, mostrarei como personalizar os campos de checkout, incluindo as notas do pedido.

Índice

  • Notas de pedido no WooCommerce
  • Como adicionar uma nota do cliente a um pedido WooCommerce
  • Personalize o checkout do WooCommerce com um plugin
  • Por que e como personalizar as notas do pedido WooCommerce?
  • Antes e depois das notas do pedido
  • Novos campos de checkout do WooCommerce
  • Como remover informações adicionais no checkout do WooCommerce

Notas de pedido no WooCommerce

O formulário de checkout padrão do WooCommerce vem com campos de cobrança, uma seção de remessa e notas de pedido.

Dê uma olhada na página de checkout:

Notas de pedidos do WooCommerce
Check-out WooCommerce - um cliente pode enviar uma nota para você: um exemplo

Você pode encontrar as notas do pedido na parte inferior do formulário de checkout.

Como adicionar uma nota do cliente a um pedido WooCommerce

Do seu cliente

Um cliente pode usar esta seção para enviar informações adicionais, uma nota de compra ou uma pergunta.

Nota do cliente enviada para o pedido WooCommerce usando a seção Notas do pedido
Nota do cliente enviada para o pedido WooCommerce usando a seção Notas do pedido

O campo é opcional embora.

Leia mais sobre como adicionar perguntas no formulário WooCommerce Checkout .

De uma loja

O proprietário de uma loja também pode adicionar uma nota a um cliente ou uma nota privada na seção Notas do pedido ao editar o pedido do WooCommerce:

Adicione uma nota privada e envie uma nota para o cliente na tela de edição de pedidos do WooCommerce
Adicione uma nota privada e envie uma nota para o cliente na tela de edição de pedidos do WooCommerce

Personalize o checkout do WooCommerce e as notas do pedido com um plug-in

Criamos este plug-in para que os proprietários de lojas WooCommerce possam ajustar o formulário de checkout às suas necessidades, por exemplo:

  • adicione facilmente campos personalizados ao checkout ,
  • edite os presentes ,
  • ou reorganize os campos no checkout .
Plug-in Flexível de Checkout Fields para gerenciar campos como notas de pedidos no WooCommerce ou para remover esta seção de informações adicionais
WooCommerce adiciona nota do cliente ao pedido com um plugin

Você pode baixar este plugin gratuitamente e experimentá-lo.

Notas de pedido WooCommerce e personalizador de campos de checkout

O WooCommerce adiciona notas de pedido ao checkout, mas você pode precisar de mais. Facilite com campos de checkout flexíveis! Este plug-in permite adicionar novos campos, removê-los e reorganizar os campos de checkout do WooCommerce!

Download de graça ou Acesse WordPress.org
Mais de 80.000 instalações ativas
Última atualização: 2023-03-13
Funciona com WooCommerce 7.1 - 7.6.x

Você pode adicionar campos personalizados a diferentes seções do checkout, como (antes ou depois):

  • Detalhes do cliente
  • Formulário de Cobrança
  • Formulário de envio
  • Formulário de registro
  • Notas de pedidos
  • Botão de envio

Você também pode modificar facilmente a seção Pedido, Envio ou Cobrança. Este plug-in permite reorganizar os campos ou ocultar os que você não precisa. Você também pode editar os campos padrão do WooCommerce!

Este plugin é ótimo e isso não é apenas minha opinião

Mais de 80.000 lojas usam este plugin diariamente em todo o mundo!

Você pode baixar este plugin gratuitamente, mas precisa da versão PRO para editar algumas seções do checkout. No entanto, verifique este plugin gratuitamente antes de comprar!

Se você deseja adicionar campos antes ou depois das notas de checkout do WooCommerce, acesse PRO → .

Por que e como personalizar as notas do pedido WooCommerce?

A questão é: esse campo atende às suas necessidades? Talvez você precise de algo mais , por exemplo para:

  1. adicionar uma caixa de seleção, botão de opção ou seletor de data nas notas do pedido?
  2. tornar este campo obrigatório ?
  3. remover completamente as informações adicionais do formulário de checkout do WooCommerce?

Você pode fazer essas coisas com um plugin!

Antes e depois das notas do pedido

Nosso plug-in pode se conectar às notas de checkout do WooCommerce. Dessa forma, você pode colocar alguns campos personalizados antes e/ou depois das notas padrão do pedido.

️ Você só precisa marcar essas caixas de seleção na tela Configurações:

notas de pedido woocommerce antes ou depois do pedido
WooCommerce adiciona notas do cliente ao pedido: escolha onde exibi-las

Depois de salvar as alterações, você pode configurar essas seções.

Personalize a seção de notas antes do pedido

️ Vamos começar com as notas antes do pedido .

Eu criei duas caixas de seleção simples aqui. Além disso, dei um título à seção (é opcional). Eu uso a tag de título H3:

antes de encomendar notas do cliente
Nota do cliente WooCommerce: Antes do pedido

Mostrarei como fica no checkout logo após outra configuração de seção.

Personalize a seção de notas após o pedido

️ Então, vamos fornecer algum campo aleatório para notas após o pedido . Coloquei aqui um campo HTML simples. É o tipo de campo no qual você pode fornecer qualquer código HTML que deseja exibir no checkout.

Forneci um texto simples 'Nada aqui'. Além disso, nomeei a seção novamente. Desta vez, usei a tag de título H5.

após as notas de checkout do pedido
Nota do cliente WooCommerce: Após as notas do pedido

Veja o efeito final:

Minha seção antes do pedido
Notas de pedido do WooCommerce: resultado final
Você também pode estilizar esses campos se quiser!

Muitos mais recursos do plugin

Você pode editar todo o checkout se precisar. No entanto, são as notas de checkout do WooCommerce que lhe interessam. Você aprendeu como configurar o antes e o depois desta seção. No entanto, você também pode configurar a própria seção Pedido. Olhar:

Personalize ou remova informações adicionais nas seções de checkout do WooCommerce - Notas do pedido
Personalize sua nota de cliente WooCommerce

Como você vê, você pode facilmente tornar o campo padrão obrigatório.

Novos campos de checkout do WooCommerce

Você pode adicionar qualquer campo personalizado a esta seção se precisar!

Existem muitos campos personalizados que você pode adicionar ao checkout do WooCommerce!

Confira abaixo alguns exemplos deles:

Texto de Linha Única

Use o campo de texto de linha única com ou depois de remover informações adicionais no WooCommerce
Adicionar informações adicionais WooCommerce checkout: campo de texto

Texto do Parágrafo

Campo de texto de parágrafo com ou depois de remover informações adicionais no WooCommerce
Notas de pedido WooCommerce: campo de parágrafo

Caixa de seleção

Entrada da caixa de seleção
Notas de pedido WooCommerce: campo de caixa de seleção

Botão de opção (disponível na versão PRO)

Campo do botão de opção com ou depois de remover informações adicionais no WooCommerce
Nota do cliente WooCommerce: botão de opção

Selecione (Dropdown) (disponível na versão PRO)

campo suspenso com ou depois de remover informações adicionais no WooCommerce
Adicione um campo suspenso (Selecionar) como uma nota de pedido do WooCommerce

Seletor de data (disponível na versão PRO)

Campo de data
O Date Picker também pode servir como um campo de nota do cliente WooCommerce

Seletor de tempo (disponível na versão PRO)

Campo de tempo
Permita que seu cliente adicione um campo seletor de tempo ao pedido do WooCommerce

Seletor de cores

Campo seletor de cores
O seletor de cores é outra maneira de o WooCommerce adicionar notas do cliente ao pedido

Título

Campo de título
Notas de pedido WooCommerce: campo de título

HTML ou texto simples

campo HTML
Que tal adicionar a nota do cliente WooCommerce como um campo HTML?

Upload de arquivo (disponível na versão PRO)

Campo de upload de arquivo
Upload de arquivo no checkout do WooCommerce adicionado com campos de checkout flexíveis
Como visto acima, existem alguns recursos disponíveis apenas na versão PRO do plugin. Se você gostaria de ler mais ou experimentar a demonstração antes de comprá-lo, visite Campos de Checkout Flexível PRO .

Certamente, com este plug-in, você pode configurar a seção de notas do pedido do WooCommerce da maneira que desejar!

Como remover informações adicionais do checkout WooCommerce

Depois de definir campos personalizados, ou quando você não precisa de tantos campos de checkout, você pode se deparar com essas questões.

Como remover informações adicionais na página de checkout do WooCommerce?

É muito simples com o plugin Flexible Checkout Fields.

  1. Vá para WooCommerce → Campos de checkout ,

    Adicionar nota do cliente WooCommerce
    Aqui é onde você pode encontrar Campos de Checkout Flexível no Painel
  2. Edite o campo, por exemplo, as Notas do pedido,
    Você pode adicionar ou WooCommerce remover informações adicionais
    É assim que você edita um campo de checkout personalizado

  3. Oculte o campo tornando-o desativado,

    Desativar um campo - remova informações adicionais ou quaisquer campos de checkout do WooCommerce
    Ocultar um campo de checkout
  4. Essa é a maneira simples de remover campos como notas de pedido, se você não precisar de informações adicionais para processar pedidos WooCommerce!
Remova informações adicionais do checkout do WooCommerce
É assim que você pode remover informações adicionais no WooCommerce.

Obtenha o plug-in GRATUITO para remover campos da página de checkout do WooCommerce →

Resumo

Se você tiver alguma dúvida, informe-nos na seção de comentários abaixo.

Verifique todos os recursos da versão PRO na página do produto e na documentação do plugin !

Notas de pedido WooCommerce e personalizador de campos de checkout

O WooCommerce adiciona notas de pedido ao checkout, mas você pode precisar de mais. Facilite com campos de checkout flexíveis! Este plug-in permite adicionar novos campos, removê-los e reorganizar os campos de checkout do WooCommerce!

Adicionar ao carrinho ou ver detalhes
Mais de 80.000 instalações ativas
Última atualização: 2023-03-27
Funciona com WooCommerce 7.1 - 7.6.x

Você também pode achar estes artigos interessantes: