Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como adicionar um construtor de produtos personalizado no WooCommerce (fácil)

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Deseja adicionar um construtor de produtos personalizado no WooCommerce?

Um construtor de produtos personalizados permite que os clientes criem produtos e os personalizem de acordo com suas próprias necessidades. Essa forma interativa de personalizar pedidos de produtos pode aumentar as conversões de vendas em sua loja WooCommerce.

Neste artigo, mostraremos como adicionar facilmente um construtor de produtos personalizado no WooCommerce sem contratar nenhum desenvolvedor ou escrever qualquer código.

How to add a custom product builder in WooCommerce

Por que adicionar um construtor de produtos personalizado no WooCommerce?

A adição de um construtor de produtos personalizados no WooCommerce permite que seus clientes personalizem os produtos antes de fazer um pedido.

Por exemplo, você pode adicionar produtos de impressão sob demanda e permitir que os clientes adicionem seus logotipos, imagens e textos aos produtos.

Um designer de produtos personalizados para o WooCommerce pode ser usado para vender seus próprios produtos que os clientes podem personalizar antes do envio.

Como alternativa, você também pode iniciar um negócio de dropshipping e deixar que um fornecedor terceirizado cuide da personalização e do envio.

Dito isso, vamos dar uma olhada em como adicionar um construtor de produtos personalizado à sua loja WooCommerce.

Adição de um construtor de produtos personalizado a uma loja WooCommmerce

Para este tutorial, usaremos o Zakeke. Ele é uma ferramenta de personalização de produtos do WooCommerce e oferece uma experiência perfeita de criação de produtos para seus usuários. O designer de produtos é realmente fácil de usar, tanto para clientes quanto para proprietários de lojas.

Primeiro, você precisa visitar o site da Zakeke e registrar-se em uma conta. Você pode clicar no botão “Iniciar avaliação gratuita” para começar.

Zakeke

A Zakeke funciona com as plataformas de comércio eletrônico mais populares, incluindo o WooCommerce.

Para conectar sua loja à Zakeke, volte para a área de administração do site WordPress.

Em seguida, você precisa instalar e ativar o plugin gratuito Zakeke. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

O plug-in gratuito funciona como um conector entre seu site e o construtor de produtos Zakeke.

Após a ativação, você será solicitado a conectar sua loja WooCommerce à sua conta Zakeke. Basta clicar no botão “Connect” (Conectar) para continuar.

Connect Zakeke

Em seguida, você será solicitado a permitir o acesso da Zakeke para realizar ações em sua loja WooCommerce.

Clique no botão “Approve” (Aprovar) para seguir em frente.

Connect Zakeke to WooCommerce

Isso o levará ao painel de controle da Zakeke.

Agora você pode acessar a opção “Customizable Products” (Produtos personalizáveis) no menu à sua esquerda.

Go to customizable products

Agora você está pronto para adicionar produtos que podem ser personalizados pelos clientes.

Como adicionar seu primeiro produto personalizável

Quando você estiver em Customizable Products, clique no botão “Add” (Adicionar).

Add your custom product

Em seguida, você pode escolher um produto de sua própria loja, criar um produto do zero ou selecionar um serviço de impressão sob demanda.

Para fins deste tutorial, optaremos por adicionar produtos de nossa própria loja de demonstração.

Choose where to get your product from

Em seguida, a Zakeke carregará os produtos de sua loja.

Você precisa escolher o produto que deseja configurar.

Choose a product from your store

Depois disso, a Zakeke escolherá a imagem do produto em sua loja.

Você pode carregar uma imagem diferente se quiser usá-la. Você também pode carregar o verso da imagem do produto ou adicionar variações.

Change custom product image

Quando você estiver satisfeito com as imagens do produto, clique no botão “Set print area” (Definir área de impressão).

Isso abrirá uma janela pop-up na qual será necessário definir uma régua simplesmente desenhando uma linha com o mouse e fornecendo uma medida.

Make a line with the ruler

Em seguida, você precisa selecionar uma forma para a área de impressão e desenhá-la na imagem do produto.

Para este tutorial, usaremos a forma retangular.

Create a rectangular area on your product

Quando terminar, clique no botão “Salvar” para continuar.

Em seguida, você precisa clicar no botão “I don’t offer variations, go to preview” (Não ofereço variações, vá para a visualização).

Go to product preview

Agora você verá os detalhes do produto.

Não se esqueça de clicar no botão “Salvar” para armazenar suas alterações.

View preview and save custom product

A Zakeke agora mostrará uma visualização do construtor de produtos personalizados.

Você pode testar para ver se tudo está funcionando corretamente e fazer alterações, se necessário. Há também uma opção para fazer um pedido de teste.

Test the custom product builder

Quando você estiver satisfeito com as alterações, basta clicar no botão “Publicar” na parte superior.

Configuração dos métodos de impressão

A próxima etapa é definir os métodos de impressão. É aqui que você pode escolher como deseja que os arquivos de design sejam formatados para impressão.

No painel da sua conta Zakeke, vá para “Métodos de impressão” na coluna da esquerda e clique no botão “Adicionar”.

Add a printing method

A partir daí, você pode escolher os recursos de impressão que deseja permitir que seus clientes usem.

Você também pode escolher os tipos de arquivo, a resolução e o formato. Se permitir que os usuários adicionem uma caixa de texto ao produto, você terá opções para controlar o estilo do texto, a fonte, o formato, a cor, o tamanho e muito mais.

Edit printing method details

Na parte inferior, você pode escolher os produtos existentes aos quais esse método se aplicaria.

Não se esqueça de clicar no botão “Salvar” para armazenar suas alterações.

Select products to apply printing methods

Usando o Custom Product Builder no WooCommerce

A Zakeke adicionará a opção de personalização do produto a todos os produtos que você adicionar usando o configurador de produtos.

Basta visitar o produto em sua loja e você verá a opção de Personalizar o produto.

Customize your product

Isso abrirá a interface do designer de produtos, que inclui uma visualização das ferramentas de design de imagem do produto à direita.

Os usuários podem adicionar texto ou fazer upload de imagens de seus dispositivos ou contas de mídia social.

Add image to product in the builder

Eles também podem ajustar a imagem ou o texto dentro da área de impressão simplesmente arrastando os cantos. Há também opções para escolher diferentes fontes, cores e estilos.

Uma vez concluído, os usuários podem fazer o download de uma cópia do design em PDF, salvá-lo ou simplesmente adicioná-lo ao carrinho.

Depois disso, os clientes podem fazer o check-out como fariam normalmente, com uma visualização do produto personalizado no carrinho.

View cart with custom product

Dica bônus: Venda de produtos mais personalizáveis no WooCommerce

Produtos personalizáveis e um designer de produtos elegante podem ajudá-lo a fazer mais vendas. Entretanto, os clientes talvez não saibam que podem personalizar e projetar seus produtos.

É aí que entra o OptinMonster.

É o melhor software de otimização de conversão do mercado que permite converter facilmente os visitantes do WooCommerce em clientes pagantes.

O OptinMonster vem com popups lightbox, popups slide-in, barras de notificação, cronômetros de contagem regressiva e muito mais. Todas essas ferramentas podem ajudá-lo a exibir a mensagem certa para seus clientes no momento certo.

Upsell popup preview

Com suas poderosas regras de exibição, você pode segmentar os clientes e mostrar a eles campanhas personalizadas.

Por exemplo, você pode oferecer frete grátis para clientes de uma determinada área, mostrar um pop-up deslizante para produtos personalizáveis ou oferecer um cupom por tempo limitado para recuperar vendas de carrinhos abandonados.

OptinMonster countdown timer

Esperamos que este artigo tenha ajudado você a aprender como adicionar facilmente um construtor de produtos personalizado no WooCommerce. Talvez você também queira ver nosso guia sobre como rastrear conversões no WooCommerce para expandir seus negócios e nossa comparação dos melhores provedores de hospedagem do WooCommerce.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

1 comentárioDeixe uma resposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.