Ajuda
Fazer login

Adicionar swatches de cor com metacampos de categoria

Os metacampos de categoria são associados a categorias de produtos específicas na Taxonomia de produtos padrão da Shopify. Chamados de características de produto na taxonomia, os metacampos de categoria ajudam a adicionar as informações certas aos produtos para que eles sejam mais fáceis de encontrar pelos visitantes no site, em marketplaces e em mecanismos de pesquisa.

Por exemplo, se você adicionar a categoria de produto Vestuário e acessórios > Roupas > Blusas > Camisas, poderá adicionar metacampos de categoria para tamanho da roupa, decote, tipo de comprimento da manga e muito mais. Com base nas previsões do Shopify Magic, alguns metacampos de categoria são adicionados por padrão. Outros metacampos de categoria podem ser sugeridos, e você pode optar por adicioná-los à sua loja. Os metacampos de categoria têm entradas-padrão que você pode usar como estão ou personalizar ainda mais.

É possível conectar metacampos de categoria às opções de variante do produto e as entradas aos valores da opção. Isso significa que você pode editar a cor preto e defini-la como grafite, e os valores da variante serão atualizados em todos os lugares em que a cor for usada. Ao usar entradas de cor como opções de variante, você pode exibir as opções de variante como swatches para as opções de cor nas páginas de produto da sua vitrine virtual.

Você pode adicionar metacampos de categoria aos seus produtos diretamente no admin da Shopify.

Para concluir todas as etapas, você precisa de um tema compatível com opções de variante com swatches. Se você estiver usando temas antigos ou quiser adicionar recursos incompatíveis com o seu tema, edite o código do tema ou contrate um Parceiro da Shopify para ajudar.

Este tutorial de 5 etapas apresenta a Taxonomia de produtos padrão da Shopify e ensina a adicionar metacampos de categoria, conectar opções de variante a metacampos de categoria, personalizar swatches de cor em sua loja virtual e adicionar swatches de cor como filtro na pesquisa da loja com o app Search and Discovery.

Nesta página

Etapa 1: adicionar uma categoria de produto

Uma categoria de produto é selecionada entre as categorias predefinidas na Taxonomia de produtos padrão da Shopify.

A Taxonomia de produtos padrão da Shopify é usada para os seguintes fins:

  • Liberar características de produto, conhecidas como metacampos de categoria, que são associadas a cada categoria de produto.
  • Gerencie melhor os produtos na Shopify, por exemplo, como condição para uma coleção ou para ajudar a filtrar a lista de produtos.
  • Facilitar a venda de produtos em outros canais de vendas que exigem um tipo de produto padronizado, como o Facebook ou o Google.
  • Determinar a alíquota de tributação do produto quando você usa o Shopify Tax. Seus produtos podem estar sujeitos a alíquotas ou isenções especiais. Quando um produto é categorizado corretamente, a alíquota mais precisa é cobrada no checkout. A cobrança de tributos sobre vendas a mais ou a menos pode criar responsabilidade financeira ou legal para sua empresa.

Um exemplo de categoria de produto é Vestuário e acessórios > Roupas > Blusas > Camisas. Essa é a categoria usada como exemplo em todo este tutorial. No entanto, é possível adicionar swatches de cor para qualquer metacampo de categoria com a característica de produto cor.

Outros metacampos de categoria para Vestuário e acessórios > Roupas > Blusas > Camisas incluem tamanho, decote, tipo de comprimento da manga, tipo de comprimento da blusa, faixa etária, tecido, gênero de destino e características da roupa. Os metacampos de categoria têm entradas-padrão que você pode usar como estão ou personalizar ainda mais para manter um branding consistente. Por exemplo, se a cor preto não estiver de acordo com seu branding, você poderá renomeá-la para grafite.

Dependendo das informações e da mídia que você fornece para um produto, uma categoria pode ser preenchida automaticamente. É possível alterá-la para outra categoria.

Etapas:

Desktop

  1. No admin da Shopify, acesse Produtos.

  2. Clique em um produto.

  3. Na seção Categoria, selecione Vestuário e acessórios > Roupas > Blusas > Camisas ou outra Categoria com o metacampo de categoria de cor.

  4. Clique em Salvar.

Dispositivo móvel
  1. No app da Shopify, toque no ícone Produtos.
  2. Toque em um produto para editá-lo ou pesquise por um.
  3. Na seção Categoria, toque em Selecionar categoria.
  4. Selecione Vestuário e acessórios > Roupas > Blusas > Camisas ou outra Categoria com a característica de produto cor.
  5. Toque em Salvar ou ✓.

Etapa 2: adicionar e editar entradas para os metacampos de categoria

Depois de adicionar uma categoria de produto, você pode adicionar todas as entradas necessárias para os valores da opção de variante do produto.

Etapas:

Desktop

  1. No admin da Shopify, acesse Produtos.

  2. Clique no produto com os metacampos de categoria que você quer editar ou adicionar.

  3. Para adicionar uma entrada a partir das entradas-padrão, siga estas etapas:

    1. Na seção Metacampos de categoria, clique no metacampo de categoria e, depois, clique na entrada que você quer editar.
    2. Edite os campos conforme necessário.
    3. Clique em Salvar.

  4. Para adicionar uma entrada personalizada, siga estas etapas:

    1. Na seção Metacampos de categoria, clique no metacampo de categoria e, em seguida, em Adicionar nova entrada
    2. Preencha os campos da entrada.
    3. Clique em Salvar.

  5. Clique em Salvar.

Dispositivo móvel

  1. No app da Shopify, toque no ícone Produtos.

  2. Toque no produto com os metacampos de categoria que você quer editar ou adicionar.

  3. Para adicionar uma entrada a partir das entradas-padrão, siga estas etapas:

    1. Na seção Metacampos, toque em Ver tudo.
    2. Toque no metacampo de categoria. Selecione valores adicionais.
    3. Toque em Salvar ou ✓.

  4. Para adicionar uma entrada personalizada, siga estas etapas:

    1. Na seção Metacampos, toque em Ver tudo.
    2. Toque no metacampo de categoria.
    3. Toque em +.
    4. Preencha os campos da entrada.
    5. Toque em Salvar ou ✓.

Etapa 3: conectar os metacampos de categoria às opções de variante

Para este tutorial, você conectará o metacampo de categoria para cor. Você pode conectar quaisquer outros metacampos de categoria, conforme necessário.

Ao adicionar uma variante, é exibida uma lista de metacampos de categoria à qual você pode se conectar ou pode criar uma opção personalizada.

Etapas:

Desktop

  1. No admin da Shopify, acesse Produtos.

  2. Clique no produto que você quer editar.

  3. Na seção Variantes, clique em + Adicionar opções como tamanho ou cor.

  4. Se houver um metacampo de categoria disponível para conexão, selecione-o. Os valores da opção são preenchidos automaticamente com as entradas que você adicionou ao metacampo de categoria. Você pode selecionar mais valores de opção ou criar novos.

  5. Opcional: se você quiser adicionar valores de opção personalizados, clique em Editar e, depois, em Adicionar nova entrada. Preencha os campos de entrada e clique em Salvar.

  6. Clique em Salvar para salvar o produto.

Dispositivo móvel
  1. No app da Shopify, toque no ícone Produtos.
  2. Toque em um produto.
  3. Se você não tiver opções de variante, na seção Variantes, toque em + Adicionar opções como tamanho ou cor. Se você tiver opções de variante, na seção Opções, toque em Editar e, depois, em Adicionar opção.
  4. Se houver um metacampo de categoria disponível para conexão, toque para selecioná-lo. Os valores da opção são preenchidos automaticamente com as entradas que você adicionou ao metacampo de categoria. Você pode selecionar mais valores de opção ou criar novos tocando em Adicionar valor e, depois, nos valores que deseja adicionar.
  5. Opcional: se você quiser adicionar valores de opção personalizados, digite a opção no campo Adicionar valor. Toque em + Adicionar {option name}, preencha os campos de entrada e, depois, toque em Salvar ou ✓.
  6. Toque em Salvar ou ✓.

Migrar as opções de variante para metacampos de categoria

Se você já criou um produto com opções de variante, é possível migrar os valores para metacampos de categoria e gerar rapidamente várias combinações de novas variantes. Se você usa metacampos de categoria para criar opções de variante, pode atualizar os nomes delas em um único lugar, e a alteração será aplicada em todos os locais em que o valor do metacampo de categoria está conectado.

Conecte o metacampo de categoria a uma opção existente clicando no ícone de origem dinâmica ⛁;

Desktop

Etapas:

  1. No admin da Shopify, acesse Produtos.

  2. Clique no produto com opções de variante que você quer migrar para metacampos de categoria.

  3. Opcional: se o produto não tiver uma Categoria, siga uma destas etapas:

    • Insira a categoria do produto e selecione o resultado mais preciso na lista Categoria de produto.
    • Navegue por cada nível das categorias e subcategorias para encontrar a categoria do produto.
    • Clique em Sugerida para aceitar a categoria sugerida.

  4. Para conectar a opção de variante a um metacampo de categoria, realize uma das seguintes tarefas:

    • Clique em uma opção existente, no ícone de origem dinâmica e, depois, no metacampo de categoria que você quer conectar.
    • Clique em Adicionar outra opção e, depois, no metacampo de categoria que você quer conectar.

  5. Clique em Salvar.

Dispositivo móvel
  1. No app da Shopify, toque no ícone Produtos.
  2. Toque no produto com opções de variante que você quer migrar para metacampos de categoria.
  3. Opcional: se o produto não tiver uma Categoria, siga uma destas etapas:
    • Toque em Selecionar categoria, insira a categoria do produto e selecione o resultado mais preciso na lista Categoria.
    • Toque em Selecionar categoria, navegue por cada nível das categorias e subcategorias para encontrar a categoria de produto mais precisa e, em seguida, toque na categoria para selecioná-la.
  4. Na seção Opções, toque em Editar.
  5. Para conectar a opção de variante a um metacampo de categoria, realize uma das seguintes tarefas:
    • Toque em uma opção existente, em Nenhuma origem conectada e, em seguida, no metacampo de categoria que você quer conectar.
    • Toque em Adicionar opção e, depois, no metacampo de categoria que você quer conectar.
  6. Uma caixa de diálogo será exibida com uma mensagem informando que os valores existentes serão apagados. Toque em Continuar.
  7. Toque em Salvar ou ✓.

Etapa 4: personalizar os swatches de cor para a loja virtual

A seguir, você personalizará os swatches de cor para a loja virtual.

Exemplo de loja virtual com opções de swatch selecionáveis

Exemplo de configurações do Dawn para swatches

Personalizar swatches no tema

Se você tiver um bloco seletor de variantes, os swatches deverão ser exibidos por padrão. É possível personalizar a exibição deles nas configurações do bloco.

Etapas:

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Clique em Editar tema.

  3. Acesse o produto ao qual você adicionou as opções de cor.

  4. Opcional: para personalizar os swatches, clique no bloco Seletor de variantes. É possível alterar a exibição dos swatches escolhendo entre Círculo, Quadrado ou Nenhum.

  5. Clique em Salvar para salvar o tema.

Agora você pode acessar a página do produto na loja virtual e os swatches de cor serão exibidos para os valores da opção de variante.

Você também pode adicionar swatches de cor aos filtros da loja com o app Search and Discovery. Saiba mais sobre o app Search and Discovery.

Se o app Search and Discovery não estiver instalado em sua loja, será preciso instalá-lo antes de seguir estas etapas. Saiba mais sobre como instalar apps.

Etapas:

  1. No app Shopify Search & Discovery, acesse Filtros e clique em Adicionar filtro.
  2. Clique em + Selecionar origem e selecione Cor com o tipo Metacampo de categoria.
  3. Opcional: renomeie o filtro.
  4. Opcional: altere o comportamento do filtro.
  5. Opcional: altere a exibição visual clicando em Gerenciar valores. Em seguida, selecione Incluir swatch, que exibe a cor padrão, e Usar imagens quando disponíveis, que exibe as imagens que você adicionar para as cores. Deixe as duas opções desmarcadas para que a busca seja apenas por texto.
  6. Opcional: selecione os valores do filtro para agrupá-los como um valor único.
  7. Opcional: classifique os valores do filtro.
  8. Clique em Salvar.

Opções de cor com swatches

A taxonomia de produtos da Shopify atualizada inclui uma característica de cor padrão que permite adicionar swatches de cor à sua vitrine virtual. Para acessar essa característica padrão, selecione uma categoria de produto que inclua um metacampo de categoria de cor. Os seguintes metacampos de categoria são compatíveis com swatches de cor:

  • Cor do verso
  • Cor do estofado do encosto
  • Cor da faixa
  • Cor do cobertor
  • Cor do corpo
  • Cor da tampa da base
  • Cor
  • Cor do dossel
  • Cor do estojo
  • Cor do núcleo
  • Cor da capa
  • Cor do mostrador
  • Cor da porta
  • Cor da base do capacho
  • Cor da armação dos óculos
  • Cor da lente dos óculos
  • Cor da escala
  • Cor da flor
  • Cor da placa de acionamento
  • Cor do calçado
  • Cor da base
  • Cor da armação
  • Cor de móveis/acessórios
  • Cor do cabo
  • Cor da estrutura
  • Cor da tinta
  • Cor do instrumento
  • Cor da corda do instrumento
  • Cor da superfície de salto
  • Cor do laser
  • Cor da perna
  • Cor da lente
  • Cor da luz
  • Cor do braço
  • Cor da caneta
  • Cor do mastro
  • Cor do riser
  • Cor da haste
  • Cor da base do selim
  • Cor do assento do selim
  • Cor do assento
  • Cor do estofamento do assento
  • Cor do eixo
  • Cor do lençol
  • Cor da prateleira
  • Cor da estrutura/armação
  • Cor da ripa
  • Cor do carretel
  • Cor da corda
  • Cor da ventosa
  • Cor do tampo da mesa
  • Cor do tanque
  • Cor da haste
  • Cor da parte superior
  • Cor do estofamento