Mais do que apenas um plug-in de designer de camisetas para WooCommerce

Publicados: 2018-07-26

Quer oferecer produtos mais atraentes e personalizados em sua loja? Deixe-me mostrar um poderoso plug-in WooCommerce para adicionar campos personalizados e usar também como um ótimo designer de camisetas. Siga meu guia passo a passo e aprenda como customizar seus produtos WooCommerce com sucesso!

Você já teve a opção de preparar produtos WooCommerce mais robustos com mais recursos, campos personalizados e opções configuráveis?

Hoje, mostrarei a você um plug-in para personalizar sua página de produto WooCommerce facilmente!

Índice

  • Plugin de designer de camiseta personalizada WooCommerce
  • Como adicionar campos personalizados aos produtos?
  • Vamos criar uma camiseta personalizável no WooCommerce!

Plugin de designer de camiseta personalizada WooCommerce

Primeiro, vamos dar uma olhada na página do produto (iremos configurar tal produto mais adiante neste artigo).

Esses campos extras foram adicionados com Campos de produto flexíveis :

Designer de camisetas WooCommerce
WooCommerce T-Shirt Store: página do produto

Assim, os clientes podem optar por embalagens de melhor qualidade (100% algodão) ou para presente. Eu configurei essas opções como campos extras . Os clientes têm que pagar um custo adicional por eles.

Você pode adicionar um preço extra para os campos usando a versão PRO do plugin.

Campos de produtos flexíveis PRO WooCommerce $ 59

Crie um assistente de produto para vender gravuras, embalagens de presente, mensagens de presente, cartões de visita, selos e opcionalmente cobrar por isso (fixo ou percentual).

Adicionar ao carrinho ou ver detalhes
Mais de 10.000 instalações ativas
Última atualização: 2023-03-15
Funciona com WooCommerce 7.1 - 7.5.x
Você também pode começar a personalizar os produtos WooCommerce com a versão !

Ao escolher um campo extra, eles podem ver o resumo antes de adicioná-lo ao carrinho:

Plugin de designer de camiseta personalizada WooCommerce calculando o preço total
Preço extra adicionado com campos de produtos flexíveis
Confira este produto → em nossa loja de demonstração. Você também pode criar sua loja de demonstração → onde encontrará este produto que pré-configuramos anteriormente.

Claro, todas as opções selecionadas aparecem no carrinho:

Resumo do carrinho de designer de camisetas WooCommerce
Campos extras adicionados com campos de produtos flexíveis - Resumo do carrinho

Você também verá o que os clientes escolhem no painel de administração:

T-shirt desenhada com FPF
Campos de produtos flexíveis - Editar pedido

Como adicionar campos personalizados aos produtos?

Primeiro, você precisará do plug-in gratuito Flexible Product Fields . Vamos usá-lo para configurar todas as opções de produtos WooCommerce, por exemplo, em sua loja de camisetas. É um designer de página de produto leve e fácil de usar .

Com a versão PRO do plug-in , você pode adicionar até 20 campos personalizados extras gratuitos a uma página de produto WooCommerce. Perfeito se o que você está procurando é um plug-in WooCommerce flexível para criar produtos personalizados e o próprio designer de camisetas!

A versão gratuita permite adicionar os seguintes 18 campos extras

  • Texto
  • área de texto
  • Número
  • E-mail
  • URL
  • Caixa de seleção
  • Rádio
  • Caixa de seleção múltipla
  • Selecione
  • Seleção múltipla
  • Rádio com imagens
  • rádio com cores
  • Tempo
  • Cor
  • Cabeçalho
  • Parágrafo
  • Imagem
  • HTML
Além disso, a versão PRO permite adicionar lógica condicional e preços aos seus campos extras.

Campos de produtos flexíveis WooCommerce

Crie um assistente de produto para vender gravuras, embalagens de presente, mensagens de presente, cartões de visita, selos e opcionalmente cobrar por isso (fixo ou percentual).

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

Clique no botão acima para baixá-lo gratuitamente.

Você também pode baixá-lo gratuitamente no WordPress.org ou instalá-lo diretamente na seção de plug-ins da sua loja, procurando campos de produtos flexíveis :

Plugin de designer de camisetas WooCommerce
Adicione campos de produtos flexíveis seguindo estas etapas

Você pode verificar o plug-in como seu personalizador de produtos WooCommerce, por exemplo, o designer de camisetas personalizadas.

Crie uma camiseta personalizável no WooCommerce!

Ok, agora vamos ver como configurar um produto de camiseta personalizável em seu WooCommerce .

  1. Crie campos personalizados para o produto WooCommerce

    Primeiro, teremos que adicionar um novo grupo de campos.

    Escolha Produtos → Campos de produtos no menu do WordPress. Então você precisa adicionar um novo grupo de campos:

    Adicionar novo grupo de campos em Campos de produtos flexíveis

    Em seguida, atribua esse grupo a um produto , categoria ou todos os produtos da sua loja.

    É assim que o grupo de campos deve ficar:

    Adicionando campos extras para criar uma camiseta
    Designer de camisetas WooCommerce com campos de produtos flexíveis
  2. Ajuste os campos personalizados da camiseta

    Agora clique, por exemplo, no primeiro campo (Sex - Radio Field) para configurá-lo:

    Criando um design de camiseta WooCommerce
    Personalização de campo de produto extra

    Como você pode ver, temos um tipo de campo Rádio aqui.

    Decidi tornar este campo obrigatório . Há também opções de campo.

    O plug-in salvará o valor no pedido do WooCommerce. E o rótulo é o que o cliente vê na página do produto.

    Você também pode definir sua classe CSS para campos personalizados .

    A seguir, o campo Gramagem . Parece muito familiar e semelhante ao anterior:

    Editando o campo de rádio de gramatura com um plug-in de designer de camisetas WooCommerce
    Campo de gramatura

    Ainda outro campo de rádio aqui:

    Criando uma página de produto WooCommerce de camiseta
    Composição: outro campo extra

    Agora temos algo novo. Esse é o tipo de campo de texto .

    Defino o Character Limit para 30 caracteres e um preço fixo (disponível no PRO).

    Adicionando limite de caracteres e preço fixo
    Impressão: campo de texto

    O último é o campo Embalagem para presente . Este é o tipo de campo Caixa de seleção . Aqui, também adicionei preços extras no campo Preços:

    Produto personalizável WooCommerce - campos personalizados na página do produto

  3. o efeito final

    Isso é tudo! Configuramos com sucesso a loja de camisetas WooCommerce.

    Agora, dê uma olhada no resultado final!

    Necessita de outros campos para as suas t-shirts? Confira nosso guia onde explicamos todos os campos → de Campos de Produto Flexível.

Então, você acha que o plugin pode ser chamado de designer de camisetas personalizadas WooCommerce?

Resumo

Neste artigo, você aprendeu como configurar sua loja de camisetas WooCommerce com um plug-in.

Além do mais, você viu a página de camiseta personalizada criada com o plug-in/designer . Mas lembre-se de que as opções de plug-in são muito flexíveis , para que você possa vender reservas, serviços e produtos mais personalizados em seu WooCommerce ! Espero que você faça bom uso da versão gratuita!

Claro, se você tiver alguma dúvida sobre campos personalizados e personalizador de produtos WooCommerce, informe-nos! Você pode enviar seus comentários na seção de comentários abaixo.