Você deseja usar o WooCommerce para adicionar um campo de entrada à página do seu produto? Se quiser adicionar campos de entrada (como entrada de texto, caixas de seleção, botões de opção e amostras) às páginas de produtos WooCommerce, você precisará de uma ajudinha de um plug-in.
Felizmente, o plugin Advanced Product Fields for WooCommerce permite adicionar campos de entrada adicionais para que seus clientes possam personalizar seus produtos antes de adicioná-los ao carrinho. Além disso, esses campos de entrada podem ser exibidos condicionalmente e influenciar o preço final do produto.
Depois de concluir este tutorial, você poderá usar o WooCommerce para adicionar um campo de entrada à página do seu produto em apenas 2 etapas.
Quais campos de entrada você pode adicionar?
Campos de produto avançados para WooCommerce permitem adicionar uma ampla variedade de campos de entrada aos seus produtos WooCommerce:
- Campo de entrada de texto e área de texto
- Listas suspensas
- Caixas de seleção
- Uploads de arquivos
- botões do rádio
- Campos numéricos
- Amostras de imagens
- Amostras de cores
- selecionadores de data
Nesta seção, orientaremos você nas etapas para adicionar seu primeiro campo de entrada a um produto WooCommerce. Você terá que seguir 2 etapas principais:
- Instale o plugin de campos de produto, Advanced Product Fields for WooCommerce.
- Crie um campo de entrada em seu produto.
Etapa 1 – Instale campos de produtos avançados para WooCommerce
Para começar, adquira campos de produtos avançados para WooCommerce na loja Studio Wombat: studiowombat.com/advanced-product-fields-for-woocommerce
Em seguida, siga estas etapas:
- Vá para Plugins → Adicionar novo → Carregar plugin .
- Escolha o arquivo zip que você baixou, carregue-o e clique em Ativar.
- Insira sua chave de licença para ativar o plugin.
Agora que você instalou os campos avançados de produto, pode usar o WooCommerce para adicionar um campo de entrada a um produto.
Etapa 2: crie seu primeiro campo de entrada
Neste exemplo, adicionaremos um campo de texto personalizado a um produto WooCommerce existente. Vá para Produtos → Todos os produtos e edite um produto de sua escolha.
Encontre a seção Os campos personalizados dentro da caixa Datas do produto :
Clique em Adicione seu primeiro campo e você verá uma seção aparecer com todas as opções para seu novo campo de entrada.
Analisaremos as configurações mais importantes aqui:
- Cara: Este é o tipo de campo que você deseja criar. Você pode escolher qualquer coisa, desde caixas de seleção até amostras de cores. Neste caso, vamos selecionar Texto como nosso campo de escolha.
- Rótulo: O rótulo é o texto que você deseja exibir acima ou abaixo do campo de texto. Dessa forma, você informa aos seus clientes para que serve esse campo.
- As opções a seguir permitem refinar ainda mais o campo de entrada. Você pode limitar o número de caracteres, adicionar preços adicionais ao campo e muito mais.
Feito isso, basta atualizar seu produto rolando de volta para a seção Publicar do produto. Verifique a página do seu produto para o campo de entrada:
Como funciona para o cliente?
Em circunstâncias normais, quando o visitante navegar na página da sua loja, ele verá um botão “adicionar ao carrinho”. Mas quando o seu produto tiver campos de entrada adicionais anexados, os visitantes verão um botão “selecionar opções”.
Clicar neste botão leva os clientes à página do produto, onde podem personalizar seu produto antes de adicioná-lo ao carrinho.
Todos os dados inseridos pelo cliente ficarão visíveis para o administrador da loja na tela de gerenciamento de pedidos.
