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.
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.
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.
- 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
.
- 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
ouLista 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.
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.
- 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.
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
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.
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
(í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
.
- 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>
- Clique em Salvar.
- Verifique como o metafield é exibido no frontend da loja.
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
eIndexar dados de metafields de variantes de produtos
- Navegue até
Status de Indexação
- Clique em
Agendar Sincronização
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:
{% 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 %}
<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:
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.