Crie campos personalizados no checkout do WooCommerce e nas páginas de produtos

O WooCommerce padrão não permite que você crie campos personalizados sem escrever seu código. No entanto, há situações em que você precisa do produto personalizado ou dos campos de checkout para lidar com um pedido WooCommerce de maneira eficaz! Não se preocupe. 2 plug-ins gratuitos ajudarão você a adicionar campos personalizados à sua loja.

Você sabe que pode ser necessário ter informações específicas sobre o produto ou o pedido que o WooCommerce não fornece !

Obtenha mais detalhes de um pedido adicionando um campo personalizado no WooCommerce. Deixe-me mostrar-lhe dois plugins gratuitos para fazer isso facilmente!

Índice

• O que são campos personalizados no WooCommerce?
• Campos personalizados do produto WooCommerce
• Campos personalizados WooCommerce Checkout

O que são campos personalizados no WooCommerce?

Você pode pensar nos campos personalizados como informações adicionais que descrevem, por exemplo, um produto ou um pedido. Eles irão ajudá-lo a mostrar melhor os produtos e obter mais detalhes para processar pedidos WooCommerce de forma eficaz!

Alguns exemplos de campos personalizados

• caixas de seleção
• campos de texto
• botões do rádio
• selecionadores de data
• seletores de cores
• etc.

É assim que eles se parecem no formulário de pedido:

Outro exemplo, você pode permitir que seus clientes carreguem arquivos nos pedidos ou insiram o número do IVA da UE para fins contábeis. Também seria ótimo alterar o tipo do campo de checkout ou ocultar alguns deles!

Vamos adicionar campos personalizados

Você provavelmente desejará criar dois tipos de campos personalizados no WooCommerce, por exemplo:

• campos personalizados na página de checkout do WooCommerce para obter mais detalhes sobre um pedido,
• e novos campos para personalizar a página do produto WooCommerce para que os produtos tenham mais opções.

Eu vou te mostrar os dois.

Campos personalizados do produto WooCommerce

Em primeiro lugar, você precisará de um plugin para isso. Dar uma olhada:

Baixe aqui:

Primeiro, dê uma olhada no conjunto exemplar de novos campos personalizados na página do produto que você pode adicionar com o plug-in gratuito Flexible Product Fields for WooCommerce :

Como você vê, você pode criar um assistente completo. Os clientes podem personalizar seus computadores dessa maneira. Além disso, algumas das opções precisam de um custo adicional. O plug-in adiciona a cobrança adicional ao preço total (disponível no PRO). Os clientes podem fazer pedidos de seus computadores personalizados e pagar antecipadamente o preço total.

Voltando ao visual. Esta é a configuração básica. Não usei nenhum estilo CSS e usei um tema WooCommerce padrão: Storefront. Você pode personalizar a aparência dos campos como quiser, é claro. Existe uma opção para esta finalidade no plugin.

Campos de produtos flexíveis

Resumindo, este plug-in permite criar complementos de produtos. Você pode adicionar novos campos personalizados aos produtos em sua loja WooCommerce. Você já viu um exemplo.

Os tipos de campos que você pode adicionar aos seus produtos WooCommerce

• Texto
• área de texto
• Número
• E-mail
• URL
• Caixa de seleção múltipla
• rádio com cores
• Tempo
• Cor
• Cabeçalho
• Parágrafo
• Imagem
• HTML
• Caixa de seleção
• Botao de radio
• Selecione
• Seleção múltipla
• Rádio com imagens
• Título
• Data (PRO)
• Carregamento de arquivo (PRO)

Você deve verificar esse guia! Você descobrirá que há muitos casos de uso. Orientamos os usuários passo a passo na configuração para implementar:

• Sistema de reserva simples,
• recurso de embalagem de presente,
• Assistente de dieta de catering,
• Assistente de computador etc.

Campos personalizados WooCommerce Checkout

Agora, deixe-me mostrar como adicionar campos personalizados ao pedido do WooCommerce na página de checkout!

Você vai precisar deste plugin:

Baixe aqui:

Vejamos o exemplo de uma página de checkout personalizada com o plug-in gratuito Flexible Checkout Fields for WooCommerce:

O plug-in permite adicionar, remover, reordenar e personalizar efetivamente a página de checkout do WooCommerce!

Campos de checkout flexíveis

Então, em suma, os Campos de Checkout Flexíveis permitem que você crie campos personalizados no checkout do WooCommerce→

Além disso, com este plug-in, você pode editar ou reorganizar os campos de checkout padrão do WooCommerce !

Por exemplo, você pode desabilitar alguns campos de endereço de cobrança para um checkout mais rápido.

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

Tipos de campos de checkout na versão gratuita

• Texto
• área de texto
• Número
• E-mail
• Telefone
• URL
• Caixa de seleção
• Cor
• Título
• Parágrafo
• Imagem
• HTML

Campos na versão PRO

• Caixa de seleção múltipla
• Botao de radio
• Selecione (menu suspenso)
• Seleção múltipla
• Rádio com imagens
• Data
• rádio com cores
• Tempo
• Carregar arquivo

Baixe esta extensão gratuita do WooCommerce para personalizar sua página de checkout.

Resumo

Adicionar produtos personalizados e campos de checkout no WooCommerce

Neste artigo, mostrei os plugins que você pode usar para criar campos personalizados no WooCommerce.

Existem dois plugins que você pode usar para criar campos personalizados no WooCommerce:

• Baixar campos de checkout flexíveis →
• Baixe Campos Flexíveis de Produto →

Ambos os plugins estão disponíveis para download gratuitamente. No entanto, a versão gratuita não oferece suporte a todos os recursos.

Informe-nos se tiver alguma dúvida sobre os plug-ins e a criação de campos personalizados!

Mais sobre nossos plug-ins