Tutoriais confiáveis de WordPress, quando você mais precisa.
Guia para Iniciantes em WordPress
WPB Cup
Mais de 25 Milhões
Sites usando nossos plugins
16+
Anos de experiência com WordPress
3000+
Tutoriais de WordPress por especialistas

Menos Devoluções, Mais Vendas: Como Adicionar Tabelas de Tamanhos no WooCommerce

Você já se perguntou quantas vendas você perde porque os compradores não têm certeza se um item realmente servirá neles?

Ao comprar roupas ou sapatos online, a maior preocupação de um cliente é obter o tamanho certo. Essa incerteza muitas vezes leva o cliente a fechar a aba e procurar uma loja que forneça informações mais claras, resultando em carrinhos abandonados e vendas perdidas para você.

Eu entendo o quão frustrante é perder clientes potenciais apenas por causa de dúvidas sobre o tamanho. É por isso que ajudei muitos proprietários de lojas a configurar guias de tamanho claros em suas páginas de produtos, o que remove essa dúvida e dá aos clientes a confiança para clicar em ‘Adicionar ao Carrinho’.

Neste guia, mostrarei como adicionar facilmente um guia de tamanhos à sua loja WooCommerce usando três métodos comprovados. Ao final, você terá um sistema implementado que reduz devoluções, aumenta as vendas e mantém seus clientes satisfeitos.

Como Adicionar Guias de Tamanhos às Páginas de Produtos WooCommerce

Resumindo: Existem várias maneiras de adicionar um guia de tamanhos ao WooCommerce. Se você tem um orçamento apertado, pode usar o plugin gratuito WPC Product Size Chart. Se você quer economizar tempo importando modelos de tamanhos pré-fabricados, recomendo Advanced Product Size Charts Pro. Você também pode usar SeedProd para personalizar o layout da sua página de produto.

Por que Adicionar um Guia de Tamanhos à Sua Loja WooCommerce?

O maior motivo para altas taxas de devolução em lojas online é frequentemente o tamanho incorreto. Quando um cliente recebe um item que não serve, isso leva a uma experiência frustrante para ele e custos de envio extras para você.

Ao adicionar um guia de tamanhos claro, você garante que seus compradores tenham todas as informações de que precisam antes de comprar. Isso constrói confiança e ajuda as pessoas a se sentirem mais confiantes ao clicar no botão ‘Adicionar ao Carrinho’.

Além de reduzir devoluções, um guia de tamanhos profissional oferece vários benefícios técnicos para sua loja:

  • Taxas de Conversão Mais Altas: Compradores são muito mais propensos a concluir uma compra quando não estão preocupados com o ajuste.
  • Menos Tickets de Suporte: Você não precisará gastar tanto tempo respondendo e-mails de clientes pedindo medidas específicas.
  • Melhor Experiência Mobile: Usar um pop-up de guia permite que usuários de dispositivos móveis verifiquem rapidamente os tamanhos sem sair da página do produto.
  • SEO Aprimorado: Informações detalhadas do produto, como medidas, podem ajudar sua loja a aparecer em consultas de pesquisa mais específicas.
Benefícios de Adicionar Guias de Tamanhos às Suas Páginas de Produtos WooCommerce

Dedicar alguns minutos para adicionar um guia de tamanhos é uma das maneiras mais fáceis de construir confiança com seus compradores e proteger seus lucros.

Com isso em mente, vamos analisar as melhores maneiras de configurar isso em seu site sem escrever nenhum código.

Qual Método é Certo Para Você?

Existem algumas maneiras diferentes de adicionar guias de tamanhos à sua loja, dependendo do seu orçamento e do quanto de controle de design você deseja. Você pode usar os links rápidos abaixo para pular para o método que melhor se adapta às suas necessidades:

Antes de começar qualquer um desses métodos, certifique-se de ter uma loja WooCommerce ativa com pelo menos alguns produtos já adicionados.

Se você ainda não configurou isso, pode seguir meu guia passo a passo sobre WooCommerce Simplificado.

Método 1: Adicione uma Tabela de Tamanhos Usando um Plugin Gratuito

Se você está procurando uma maneira confiável e gratuita de adicionar tabelas de tamanhos, recomendo o plugin WPC Product Size Chart for WooCommerce. Ele é incrivelmente leve e muito amigável para iniciantes.

Primeiro, você precisa instalar e ativar o plugin. Se precisar de ajuda, consulte nosso guia sobre como instalar um plugin do WordPress.

Após ativado, vá para Tabelas de Tamanhos » Adicionar Nova no seu painel de administração do WordPress para criar seu primeiro guia.

Primeiro, dê um título descritivo à sua tabela de tamanhos (como 'Tabela de Tamanhos Femininos').

Adicionando um Título ao Gráfico Usando WPC Product Size Chart for WooCommerce

Em seguida, role para baixo até a caixa 'Configuração'.

Se o seu fabricante lhe deu um guia de tamanhos como uma imagem JPEG ou PNG, você pode clicar no botão 'Adicionar Mídia' nas áreas 'Texto Acima' ou 'Texto Abaixo' para carregar sua imagem diretamente na tabela.

Adicionando um Guia de Tamanhos com Imagem Usando WPC Product Size Chart for WooCommerce

No entanto, lembre-se de que construir uma tabela baseada em texto usando a grade do plugin geralmente é melhor para compradores em dispositivos móveis, pois ela se redimensionará automaticamente para caber em telas menores sem que eles precisem apertar e dar zoom.

Se você preferir digitar suas medidas, procure pela seção 'Tabela de Medidas' bem no meio.

Aqui, você pode adicionar linhas e colunas para construir seu layout e, em seguida, clicar dentro dos campos para digitar seus dados de dimensionamento.

Criando uma Tabela de Medidas Usando WPC Product Size Chart for WooCommerce

Finalmente, você precisa dizer ao plugin onde exibir esta tabela. Procure pelo menu suspenso 'Aplicar' na parte superior da caixa de Configuração.

Eu recomendo fortemente atribuir sua tabela a categorias de produtos específicas aqui para que ela apareça automaticamente, o que economizará muito tempo.

Aplicando um Guia de Tamanhos a uma Categoria de Produto Automaticamente Usando WPC Product Size Chart for WooCommerce

Se você selecionar 'Nenhum' neste menu suspenso, terá que editar manualmente cada produto WooCommerce individualmente e atribuir a tabela usando a nova aba 'Tabelas de Tamanhos' localizada na caixa de Dados do Produto.

Quando terminar, clique no botão 'Publicar' na parte superior da tela.

Publicando um Guia de Tamanhos WPC Product Size Chart for WooCommerce

O plugin adicionará automaticamente um botão 'Tabela de Tamanhos' aos seus produtos designados. Quando os clientes clicarem neste botão, seu guia de medidas será aberto em um pop-up limpo e informativo.

Método 2: Adicionar uma Tabela de Tamanhos Usando um Plugin Premium

Embora a criação manual de tabelas funcione bem para alguns itens, lojas maiores geralmente precisam de um fluxo de trabalho mais rápido.

Para recursos avançados como modelos pré-fabricados e exibição limpa em pop-ups, recomendo usar o plugin premium Advanced Product Size Charts Pro.

Primeiro, você precisa comprar, instalar e ativar o plugin Pro. Se precisar de ajuda, consulte nosso guia sobre como instalar um plugin do WordPress.

Assim que a versão Pro estiver ativa, navegue até Tabela de Tamanhos » Todas as Tabelas de Tamanhos no seu painel de administração do WordPress.

A biblioteca de modelos de guias de tamanhos pré-fabricados no Advanced Product Size Charts Pro

Você verá uma lista de aproximadamente 10 tabelas pré-fabricadas (como 'Camiseta Masculina' e 'Sapatos Femininos'). Estes são seus modelos prontos.

Em vez de começar do zero, encontre o modelo que mais se aproxima do seu tipo de produto.

Passe o mouse sobre o título e clique no link 'Editar'. Isso abre o editor de tabelas com todos os dados de medição já preenchidos.

Role para baixo até a seção 'Tabela de Medidas', onde você verá a grade de medição.

Criando uma Tabela de Gráfico Usando Advanced Product Size Charts Pro
  • Para Editar: Dê um duplo clique em qualquer célula para alterar os números ou o texto para corresponder ao seu inventário.
  • Para Expandir: Use os botões (+) no final das linhas ou colunas para adicionar novos tamanhos (como XXL) ou novos tipos de medição (como 'Comprimento da Manga').
  • Para Limpar: Clique no ícone de 'Lixeira' em qualquer linha não utilizada para garantir que elas não apareçam como espaços em branco estranhos em seu site ativo.

Dica de Especialista: Ao personalizar sua tabela, certifique-se de excluir quaisquer linhas vazias usando o ícone de lixeira. Deixar linhas em branco no editor geralmente resulta em espaços em branco estranhos na sua página de produto ativa, confundindo os compradores.

Em seguida, role para baixo até a seção 'Configurações da Tabela de Tamanhos', perto do topo da página.

Para a Posição da Tabela de Tamanhos, escolha 'Popup Modal'. Esta é a opção profissional mais popular.

Selecionando a Opção de Popup no Advanced Product Size Charts Pro

Agora você pode usar o campo 'Título do Link da Tabela de Tamanhos' para alterar o texto real do botão (como 'Ver Guia de Ajuste').

Você também pode usar o menu suspenso 'Ícone do Popup' para adicionar um sinal visual ao lado do seu link e ajustar o 'Tamanho da Fonte da Tabela' para garantir que o texto seja fácil de ler em todos os dispositivos.

Personalizando Outras Configurações de Popup no Advanced Product Size Charts Pro

Finalmente, você precisa dizer ao WooCommerce quais produtos devem exibir esta tabela específica.

Olhe para o lado direito da sua tela, onde você verá caixas de meta dedicadas para Atribuir Categoria, Atribuir Etiqueta, Atribuir Atributos e Atribuir Produto.

Atribuindo um Guia de Tamanhos a Produtos Usando Advanced Product Size Charts Pro

Para economizar tempo, basta marcar as caixas relevantes na caixa de meta 'Atribuir Categoria' (como 'Camisas' ou 'Sapatos'). Isso aplica automaticamente a tabela a todos os itens dessa categoria.

Se você tiver um item exclusivo que se ajusta de forma diferente do restante do seu inventário, pode usar a caixa 'Atribuir Produto' para aplicar a tabela apenas a esse item específico.

Quando estiver satisfeito com a configuração, clique no botão 'Atualizar' ou 'Publicar' no lado direito da tela. Sua tabela de tamanhos agora está ativa.

Atualizando um Guia de Tamanhos Usando Advanced Product Size Charts Pro

Recomendo fortemente abrir uma das páginas de seus produtos em uma nova aba para verificar se o botão aparece no lugar certo e se o pop-up tem a aparência correta tanto no desktop quanto no celular.

Método 3: Adicionar uma Tabela de Tamanhos Usando um Page Builder

Se você deseja controle total sobre onde exatamente seu guia de tamanhos aparece e como toda a sua página de produto se parece, recomendo fortemente o uso do Website Builder SeedProd.

Usar o SeedProd substituirá seu tema WordPress atual, então este método é melhor se você quiser redesenhar toda a sua loja online do zero.

Isso permite que você coloque sua tabela de tamanhos exatamente onde ela converterá melhor, como logo abaixo do preço ou dentro de uma aba de produto personalizada.

Usar o SeedProd lhe dá a liberdade de construir uma experiência de compra verdadeiramente única.

Se você quiser um guia mais detalhado sobre como configurar o design da sua loja personalizada, confira meu guia sobre como personalizar páginas de produtos WooCommerce (método sem código).

Observação: Você precisará de uma licença SeedProd Elite para acessar os blocos específicos do WooCommerce e os recursos do Website Builder necessários para este método.

Primeiro, você precisa instalar e ativar o plugin SeedProd.

Se precisar de ajuda, consulte nosso guia sobre como instalar um plugin WordPress. E como você comprou uma licença Elite, não se esqueça de ativar sua chave de licença na página SeedProd » Configurações.

Verificando a chave de licença do SeedProd Pro

Em seguida, vá para SeedProd » Website Builder no seu painel de administração do WordPress.

Observação: Você pode ignorar o menu ‘AI Theme Builder‘ para este tutorial, pois queremos os controles manuais encontrados aqui.

Para criar o layout da sua tabela de tamanhos, clique no botão ‘Adicionar Novo Modelo’ na seção ‘Ações Rápidas’.

Adicionando um Novo Modelo Usando o Construtor de Sites SeedProd

No pop-up que aparece, dê um nome descritivo ao seu modelo (como ‘Produto Único Personalizado’).

Em seguida, no menu suspenso ‘Tipo’, selecione ‘Produto Único’.

Criando um Novo Modelo de Tema de Produto Único no SeedProd

Em seguida, você precisa definir suas ‘Condições’.

Por padrão, o SeedProd define isso automaticamente como ‘Incluir’ e ‘Tipo de Postagem de Produto’. Isso significa que seu novo layout aparecerá em todos os produtos da sua loja.

Se for isso que você deseja, simplesmente clique no botão ‘Salvar’.

Adicionando um Guia de Tamanhos a Todos os Produtos Usando SeedProd

No entanto, se você quiser que esta tabela de tamanhos específica apareça apenas em itens selecionados, você pode alterá-la facilmente.

Você precisa clicar no menu suspenso, rolar para baixo até a seção ‘WooCommerce’ e selecionar ‘Categoria de Produto’.

Você precisará digitar cuidadosamente o nome exato ou slug da sua categoria (como ‘camisas’ ou ‘sapatos’) na caixa de texto e, em seguida, clicar em ‘Criar Modelo’.

Adicionando um Guia de Tamanhos a uma Categoria de Produto Usando SeedProd

O SeedProd agora abrirá seu editor visual de arrastar e soltar. No lado esquerdo da sua tela, você verá uma seção para seus blocos WooCommerce.

Você pode arrastar e soltar blocos essenciais como Imagem do Produto, Título do Produto, Preço do Produto e botão Adicionar ao Carrinho diretamente em sua tela para construir seu layout.

Construindo uma Página de Produto Usando SeedProd

Para adicionar seu guia de tamanhos, você tem três opções profissionais para escolher:

  • O Bloco de Imagem: Arraste um bloco de ‘Imagem’ diretamente abaixo do preço e carregue sua imagem do guia de tamanhos.
  • O Bloco de Abas de Dados do Produto: Arraste este bloco para o seu layout. Nas configurações, adicione uma nova aba, renomeie-a para ‘Guia de Tamanhos’ e digite ou cole sua tabela de medidas na área de conteúdo.
  • O Bloco de Acordeão: Arraste um bloco de ‘Acordeão’ e nomeie-o ‘Verifique Seu Tamanho’. Isso mantém a página limpa e mostra as medidas apenas quando o cliente clica para expandi-lo.
Adicionando uma Imagem de Guia de Tamanhos a uma Página de Produto no SeedProd

Quando estiver satisfeito com o design da sua página de produto personalizada, clique no botão ‘Salvar’ no canto superior direito do editor.

Em seguida, clique na seta suspensa ao lado do botão Salvar e selecione ‘Publicar’.

Publicando uma Página de Produto Personalizada no SeedProd

Finalmente, saia de volta para o painel SeedProd » Construtor de Sites.

Quando estiver pronto, você deve ativar o interruptor ‘Ativar Tema SeedProd’ para ‘LIGADO’ na parte superior da página. Se você pular esta etapa, seu design personalizado não aparecerá em sua loja ativa.

Importante: Como esta configuração substitui seu tema ativo do WordPress pelo SeedProd, certifique-se de que você também criou seus modelos de ‘Cabeçalho’ e ‘Rodapé’ no Construtor de Sites. Se não o fizer, seu site ativo pode perder seu menu de navegação!

Para detalhes, veja nosso guia sobre como criar um tema personalizado do WordPress com SeedProd.

Habilitando o Tema SeedProd

Sua página de produto personalizada e guia de tamanhos agora estão ativos e prontos para seus compradores.

Formas Bônus de Otimizar Sua Loja WooCommerce

Adicionar um gráfico de tamanhos é um ótimo primeiro passo, mas existem outras maneiras de tornar sua loja mais bem-sucedida.

Usar as ferramentas certas pode ajudá-lo a transformar mais visitantes em clientes:

FAQs Sobre Gráficos de Tamanhos do WooCommerce

Eu ajudei muitos proprietários de lojas a configurar seus guias de medidas. Aqui estão algumas das perguntas mais comuns que recebo sobre a adição de um gráfico de tamanhos no WooCommerce.

1. Como adiciono um gráfico de tamanhos no WooCommerce gratuitamente?

Você pode adicionar um gráfico de tamanhos gratuitamente usando o plugin WPC Product Size Chart. Ele inclui um construtor de tabelas simples e permite que você use facilmente o botão ‘Adicionar Mídia’ para carregar imagens de tamanhos em suas páginas de produto gratuitamente.

2. Posso mostrar um gráfico de tamanhos diferente do WooCommerce para cada categoria de produto?

Sim, você pode atribuir tabelas diferentes a categorias específicas usando tanto o plugin gratuito WPC Product Size Chart quanto o plugin Advanced Product Size Charts Pro. Isso permite que você tenha um guia para sua categoria de ‘Camisetas’ e um completamente diferente para ‘Sapatos’.

3. Um plugin de tabela de tamanhos vai deixar meu site WooCommerce lento?

Não, ferramentas de tabela de tamanhos bem codificadas são muito leves. Descobri que elas carregam apenas os scripts necessários quando um usuário visualiza o produto ou clica no botão pop-up, portanto, não prejudicará a velocidade de carregamento da sua página WooCommerce.

4. O WooCommerce tem um recurso de tabela de tamanhos integrado?

O WooCommerce não possui um recurso de tabela de tamanhos integrado. Embora você possa usar os atributos de produto do WooCommerce para listar medidas, usar uma ferramenta dedicada como os plugins mencionados acima é muito melhor para criar uma tabela visual que seja fácil para os clientes lerem.

5. Como faço para carregar uma imagem de tabela de tamanhos no WooCommerce?

Se você já tem uma tabela de tamanhos pré-feita salva como imagem (como JPEG ou PNG) do seu fabricante, não precisa construir uma nova tabela do zero. Você pode usar o SeedProd para adicionar um bloco de Imagem diretamente ao layout da sua página de produto, ou pode usar o botão ‘Adicionar Mídia’ nas configurações de configuração gratuitas do WPC Product Size Chart.

Apenas lembre-se que imagens estáticas às vezes podem ser difíceis de ler em celulares. Se você carregar uma imagem, não se esqueça de adicionar Texto Alternativo para que os motores de busca e compradores com deficiência visual ainda possam entender suas informações de dimensionamento.

6. Que dados devo incluir nas minhas tabelas de tamanhos?

Para vestuário, as medidas comuns incluem busto, cintura, quadril e entrepernas. Para sapatos, o comprimento do pé é crucial. Sempre inclua unidades imperiais (polegadas) e métricas (cm) se seu público for internacional. Considere adicionar um guia ‘Como Medir’ ou diagramas para ajudar os clientes a obter leituras precisas.

7. Como as tabelas de tamanhos ajudam a reduzir devoluções na minha loja?

As tabelas de tamanhos comunicam claramente as medidas do produto, o que ajuda os clientes a escolherem o tamanho correto na primeira vez. Isso reduz significativamente as chances de eles receberem um item que não serve, o que, por sua vez, diminui suas taxas de devolução e economiza dinheiro em frete e processamento.

8. Como adiciono tamanhos selecionáveis (como P, M, G) aos meus produtos?

Existem duas maneiras diferentes de adicionar tamanhos funcionais à sua loja WooCommerce, dependendo do que você deseja que o cliente faça:

  • Para selecionar um tamanho para compra: Se você deseja adicionar um menu suspenso na sua página de produto para que um cliente possa escolher ‘Médio’ antes de clicar em Adicionar ao Carrinho, você precisa usar os atributos e variações de produto integrados do WooCommerce.
  • Para navegar pela loja por tamanho: Se você deseja uma barra lateral estilo Amazon onde os clientes podem marcar uma caixa ‘Médio’ para ver apenas itens de tamanho médio em todo o seu catálogo, você precisa usar um plugin de filtro de produto como o WPFilters.

Para configurar tamanhos funcionais, confira nossos guias completos sobre como adicionar atributos de produto e como configurar filtros de produto.

Recursos Adicionais para Lojas Online

Espero que estes métodos ajudem você a criar uma experiência de compra perfeita para seus clientes.

Se você está pronto para dar o próximo passo no crescimento do seu negócio online, recomendo explorar alguns dos meus outros artigos abaixo.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do 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 ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

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

Interações do Leitor

Comentários

  1. Parabéns, você tem a oportunidade de ser o primeiro a comentar neste artigo.
    Tem alguma pergunta ou sugestão? Por favor, deixe um comentário para iniciar a discussão.

Deixe uma resposta

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