Ir para o conteúdo principal

Shopify metafields: como usar campos personalizados para melhorar seu feed

· 27 minutos de leitura
Oleksii Tyshkevych
Eugen Barilyuk

Existem 10 principais recursos que tornam uma ótima página de produto, e um deles é apresentar informações detalhadas do produto. Na sua loja Shopify, você pode ir além da lista padrão de campos para produtos, como título do item, descrição, imagens, preço, SKU e assim por diante.

A lista de atributos acima é ótima para a maioria dos produtos. No entanto, alguns itens requerem atributos não padronizados para sua apresentação completa na página do produto. Por exemplo, pode ser um valor de sensibilidade para fones de ouvido, material do vestido, corrente de carregamento para um carregador de parede, calorias para um doce, tempo de queima para uma vela, data de validade do produto, ingredientes do produto, etc.

Então, como você lista atributos de produto não padronizados em uma página de produto de uma loja Shopify? A resposta são os metafields (também conhecidos como campos personalizados).

As lojas frequentemente usam marketplaces online para vendas adicionais, ao enviar seus produtos por meio de um feed de produtos. É importante incluir todas as informações do produto para uma melhor apresentação do item nesses mecanismos de compras online. Portanto, é bom incluir dados dos metafields no seu feed de produtos.

Informação

Com o aplicativo Mulwi Shopping Feeds, você pode incluir metafields no feed de produtos. Torne seus produtos listados nos marketplaces online mais atrativos para os compradores e gere vendas adicionais.

O que são metafields no Shopify

Metafield é uma maneira de uma loja Shopify incluir praticamente qualquer informação relacionada a um produto ou coleção de produtos. Esses dados podem ser recuperados por aplicativos e comerciantes dentro do admin do Shopify.

o que são metafields no Shopify

Para usar um campo personalizado no Shopify, primeiro você precisa criá-lo no admin da loja. Em seguida, em cada produto que possui esse metafield, preencha o seu valor. Por último, você precisa ativar a exibição dos metafields no frontend da loja.

Como adicionar metafields no admin do Shopify

Você pode colocar cada atributo não padronizado em seu metafield. Para usar esse campo personalizado, você precisa defini-lo:

No admin do Shopify:

  • Acesse Configurações > Metafields.
  • Selecione a parte da loja onde você deseja adicionar um novo campo personalizado. Por exemplo, Produtos, Variantes de Produto ou Coleções.

imagem

  • Clique em Adicionar definição.
    • Dê um nome a este metafield e sua descrição.
    • Deixe Namespace and key como está.
    • Ative a opção Expor este metafield para solicitações da API da loja.

imagem

  • Clique em Selecionar tipo de conteúdo. Escolha o tipo de valor do metafield. Selecione entre os tipos DATA E HORA, MEDIDA, NÚMERO (Inteiro, Decimal), REFERÊNCIA (Arquivo, Página, Produto, Variante de Produto, Coleção), TEXTO (Texto único ou Texto de várias linhas), OUTRO (Cor, JSON, Dinheiro, Classificação, Verdadeiro ou falso, URL).
  • Escolha Um valor ou Lista de valores.

:::dica nota

Um metafield pode conter um valor ou uma lista de valores. Por exemplo, se você deseja adicionar um campo personalizado para a data de validade do produto. Para as dimensões do produto (comprimento, largura, altura), um metafield com uma lista de valores é mais adequado.

image

Uma lista de valores de metafield pode armazenar até 128 valores.

:::

  • Selecione as regras de validação para o metafield. As opções de validação dependem do tipo de conteúdo escolhido na etapa anterior.

imagem

  • Clique no botão Salvar.
  • Anote a chave de acesso do metafield para referência futura. Essa chave de acesso pode ter um formato como product.metafields.custom.product_certification.

Como preencher os dados do metafield para um produto no admin do Shopify

Os metafields criados agora são acessíveis na página de edição do produto no admin do Shopify. Para um acesso mais rápido ao metafield específico na página de edição do produto, você pode fixá-lo nas configurações do Shopify.

Para preencher os dados do metafield para um produto específico, siga estas etapas:

  • Abra a página de edição do produto no admin do Shopify.
  • Clique no campo cinza ao lado do nome do metafield.
  • Digite o valor do metafield.
  • Clique em Salvar.

image

Como editar metafields em massa no Shopify

Para editar um metafield do Shopify em massa, você precisa alterar a URL na barra de endereço do seu navegador. A URL do editor em massa é semelhante a esta:

https://NOME-DA-SUA-LOJA.myshopify.com/admin/bulk?resource_name=Product&edit=metafields.custom.NAMESPACE-DO-METAFIELD:TIPO-DE-CONTEÚDO-DO-METAFIELD

No link de exemplo acima, substitua:

  • NOME-DA-SUA-LOJA pelo nome da sua loja.
  • NAMESPACE-DO-METAFIELD pelo namespace do metafield que você anotou anteriormente.
  • TIPO-DE-CONTEÚDO-DO-METAFIELD pelo tipo de conteúdo do metafield.

Aqui está o exemplo da URL:

https://sua-loja-de-testes.myshopify.com/admin/bulk?resource_name=Product&edit=metafields.custom.product_certification:text

imagem

Como usar metafields no Shopify

Para exibir metafields de produtos do Shopify na frente da loja, é necessário conectá-los ao tema da loja. Com um tema Online Store 2.0, os metafields podem ser ativados por meio do editor de temas. Temas de geração anterior exigem a alteração do código do tema diretamente.

nota

Se você deseja saber qual geração de tema da frente de loja é usada em sua loja Shopify, no admin navegue até Loja Online > Temas > Ações > Editar código. Localize o arquivo product.json na pasta Templates.

Se você encontrar o arquivo product.json, sua loja utiliza uma segunda geração de temas do Shopify.

Habilitar metafields para loja com tema Online Store 2.0

Os temas de frontend do Online Store 2.0 fornecem um editor intuitivo no navegador para habilitar metafields:

  • Abra o admin do Shopify e navegue até Loja Online > Temas.
  • Clique no botão Personalizar.
  • Localize o modelo de página onde você deseja colocar o campo personalizado. Por exemplo, modelo de página de produto.
  • Adicione um novo bloco como um espaço reservado para o metafield. Cada bloco permite adicionar até 20 campos personalizados.
  • Clique em image (ícone de conexão de fonte dinâmica).
  • Selecione o metafield que você deseja exibir nesse tipo de página.
  • Clique em Inserir.
  • Adicione um texto para descrever o valor do campo personalizado na frente da loja.
  • Clique em Salvar.

Habilitar metafields para loja com tema antigo

Para habilitar metafields nas gerações mais antigas de temas de frontend do Shopify, é necessário editar o arquivo de modelo de página diretamente.

No painel de admin do Shopify:

  • Navegue até Loja Online > Temas.
  • Clique em Ações > Editar código.

image

  • Localize o arquivo de modelo de página. Por exemplo, um arquivo de modelo product-template.liquid para a página de produto.
  • Vá para a posição na página onde o campo personalizado deve ser exibido.
  • Insira o código do metafield. Por exemplo:
Código do campo personalizado para a página de produto do Shopify

Replace METAFIELD-NAME and METAFIELD-NAMESPACE with a frontend name displayed for the metafield and a metafield name key you have written down when created the custom field.

<div class=”additional-attributes”>
<table>
<tbody>
<tr><th>METAFIELD-NAME</th><td>{{ product.metafields.METAFIELD-NAMESPACE }}</td></tr>
</tbody>
</table>
</div>

image

  • Clique em Salvar.
  • Verifique como o metafield é exibido no frontend da loja.

image

Como incluir metafields no feed de produtos do Shopify

O aplicativo Omega Commerce Shopping Feeds gera um feed de produtos sem os metafields. Para incluir campos personalizados no seu feed de produtos, você precisa personalizar o modelo do feed.

Passo 1. Ativar indexação de metafields

Você pode incluir metafields no seu feed de produtos após indexá-los.

No aplicativo Omega Commerce:

  • Navegue até Configurações Globais > Indexação
  • Ative Indexar dados de metafields de produtos e Indexar dados de metafields de variantes de produtos

image

  • Navegue até Status de Indexação
  • Clique em Agendar Sincronização

image

Passo 2. Usar metafields shopify em um feed de produtos

Após a indexação ser concluída, você pode chamar os metafields dentro do modelo do feed. Para obter os dados do metafield, insira no feed da seguinte forma: {{ product.meta_fields.NAMESPACE-DO-METAFIELD }}. Substitua NAMESPACE-DO-METAFIELD pelo namespace do seu metafield.

Aqui está um exemplo de modelo personalizado de feed de produtos XML com um metafield:

INPUT

{% for product in context.products %}
<item>
<id><![CDATA[{{ product.sku }}]]></id>
<title><![CDATA[{{ product.title }}]]></title>
<metafield><![CDATA[{{ product.meta_fields.custom.product_certification }}]]></metafield>
</item>
{% endfor %}
OUTPUT
<item>
<id><![CDATA[TOY139]]></id>
<title><![CDATA[4"10-cm Digimon Tailmon Plush Toy]]></title>
<metafield><![CDATA[Yes]]></metafield>
</item>

Aqui está como esse metafield parece na página de edição do produto no admin da loja Shopify:

image

Resumo

Metafields são uma ótima maneira de apresentar atributos de produtos não padronizados em uma loja Shopify, como data de validade ou calorias. Habilite esses campos personalizados no frontend da loja e aprimore a apresentação dos produtos para seus compradores.

Quando uma loja gera vendas extras em marketplaces online (como Google Shopping, Fruugo, ShareASale ou Idealo), ela apresenta os produtos aos clientes por meio do feed de produtos.

Com o aplicativo Omega Commerce Shopping Feeds, você pode incluir metafields no seu feed de produtos. Torne seus produtos nos marketplaces online mais atrativos para os clientes e gere mais vendas.