Adicionar uma tabela de medidas pop-up às suas páginas de produto
Com os metacampos, é possível personalizar as funções e a aparência da loja e salvar informações especializadas que não costumam ser solicitadas no admin da Shopify. Eles podem ser usados internamente no admin da Shopify e também exibidos na loja virtual.
Com metacampos, é possível adicionar uma referência de página a um bloco pop-up que exibe um link nas páginas do produto. Quando clicado, o link abre um pop-up que exibe o conteúdo da sua página. É possível adicionar imagens e outras mídias utilizando o editor de rich text de suas páginas.
A seguir, alguns exemplos de informações pop-up que podem ser adicionadas às páginas de produto:
- Gráficos de tamanhos
- Instruções de cuidado
- Instruções de montagem
- Especificações do produto
- Perguntas frequentes
Este é um tutorial de 4 etapas que apresenta metacampos de referência da página e como criar um metacampo de produto para uma referência de página, como criar um modelo de página do produto para sua loja virtual, como adicionar uma nova página, como fazer referência a uma página em produtos específicos e como aplicar o modelo de página do produto a produtos específicos. Use este tutorial para criar o conteúdo que quiser na janela pop-up. O tutorial usa o exemplo da tabela de medidas.
Este tutorial requer um tema da Online Store 2.0. Se você estiver usando um tema vintage ou quiser adicionar tipos de metacampos não aceitos por seu tema, poderá editar o código do seu tema ou contratar um Parceiro da Shopify.
Nesta página
Etapa 1: criar um metacampo de produto para uma página
Para começar, você precisa criar uma definição de metacampo de referência para suas páginas de produtos. O metacampo do produto vincula a uma página específica e pode ser personalizado para cada produto. Se você não adicionar uma referência de página a um produto que usa o mesmo modelo, o texto do link pop-up ainda será exibido como se tivesse conteúdo. Para exibir apenas o link pop-up em produtos específicos, você pode criar um modelo de produto e aplicá-lo apenas a produtos relevantes.
Com metacampos de referência de página, você pode exibir informações diferentes do produto criando páginas diferentes para outros tipos de produtos. Por exemplo, você pode criar duas páginas de tabela de medidas diferentes para duas faixas etárias diferentes, como uma tabela de medidas para crianças pequenas e uma tabela de medidas para bebês, e então adicionar a referência de página para tamanhos de bebês apenas a produtos destinados a crianças pequenas.
Você precisa criar uma definição de metacampo para uma referência de página para conectá-la ao bloco pop-up no editor de temas. Por padrão, o acesso à vitrine é selecionado quando você cria a definição de metacampo.
Etapas:
Desktop
No admin da Shopify, acesse Configurações > Dados personalizados.
Na seção Definições de metacampo, clique em Produtos.
Clique em Adicionar definição.
No campo Nome, insira Tabela de medidas.
Clique em ⊕ Selecionar tipo.
Selecione Página no menu suspenso. Por padrão, Uma página é selecionada.
Clique em Salvar.
iPhone
- No app da Shopify, toque em ... > Configurações.
- Toque em Dados personalizados.
- Na seção Definições de metacampos, toque em Produtos.
- Toque em +.
- No campo Nome, insira Tabela de medidas.
- Toque em + Selecionar tipo.
- Toque para selecionar Página no menu suspenso. Por padrão, Uma página é selecionada.
- Toque em Salvar.
Android
- No app da Shopify, toque em ☰ > Configurações.
- Toque em Dados personalizados.
- Na seção Definições de metacampos, toque em Produtos.
- Toque em +.
- No campo Nome, insira Tabela de medidas.
- Toque em + Selecionar tipo.
- Toque para selecionar Página no menu suspenso. Por padrão, Uma página é selecionada.
- Toque em ✓ para salvar.
Etapa 2: criar um modelo de página do produto
Este tutorial requer um tema da Online Store 2.0. Se você estiver usando um tema vintage ou quiser adicionar tipos de metacampos não aceitos por seu tema, poderá editar o código do seu tema ou contratar um Parceiro da Shopify.
Após adicionar uma seção ou um bloco, clique no ícone de origem dinâmica para selecionar um metacampo:

Se você não quiser adicionar o link pop-up à tabela de medidas de todos os seus produtos, precisará criar um novo modelo de página do produto. Nas etapas, você cria um novo modelo de página do produto, mas também pode escolher um modelo de página de produto para personalizar.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Ao lado do tema que você quer personalizar, clique em Personalizar.
- No menu suspenso Página inicial na parte superior do editor, clique em Produtos e, depois, em ⊕ Criar modelo para criar e personalizar um novo modelo.
- Na barra lateral de navegação Seções, acesse Modelo > blocos de Informações do produto e, depois, clique em ⊕ Adicionar bloco.
- Clique em Pop-up.
- No campo Etiqueta do link, insira Tabela de medidas. Este é o texto exibido que o cliente pode clicar para obter o conteúdo da página pop-up.
- Ao lado de Página, clique no ícone de origem dinâmica e, depois, clique para selecionar o metacampo de referência da página que você criou.
- Clique em Salvar.
iPhone
- No app da Shopify, toque em ... > loja virtual.
- Toque em Gerenciar todos os temas.
- Ao lado do tema que você quer personalizar, toque em Personalizar.
- No menu suspenso Página inicial na parte superior do editor, toque em Produtos e, depois, toque em ⊕ Criar modelo para criar e personalizar um novo modelo.
- Na barra lateral de navegação Seções, acesse Modelo > blocos de Informações do produto e, depois, toque em ⊕ Adicionar bloco.
- Toque em Pop-up.
- No campo Etiqueta do link, insira Tabela de medidas. Este é o texto exibido que o cliente pode clicar para obter o conteúdo da página pop-up.
- Ao lado de Página, toque no ícone de origem dinâmica e, depois, toque para selecionar o metacampo de referência da página que você criou.
- Toque em Salvar.
Android
- No app da Shopify, toque em ☰ > Loja virtual.
- Toque em Gerenciar todos os temas.
- Ao lado do tema que você quer personalizar, toque em Personalizar.
- No menu suspenso Página inicial na parte superior do editor, toque em Produtos e, depois, toque em ⊕ Criar modelo para criar e personalizar um novo modelo.
- Na barra lateral de navegação Seções, acesse Modelo > blocos de Informações do produto e, depois, toque em ⊕ Adicionar bloco.
- Toque em Pop-up.
- No campo Etiqueta do link, insira Tabela de medidas. Este é o texto exibido que o cliente pode clicar para obter o conteúdo da página pop-up.
- Ao lado de Página, toque no ícone de origem dinâmica e, depois, toque para selecionar o metacampo de referência da página que você criou.
- Toque em ✓ para salvar seu tema.
Etapa 3: adicionar uma página com a tabela de medidas
Você precisa criar uma página com conteúdo da tabela de medidas que os metacampos fazem referência. Se você já tem uma página criada, pule para a etapa 4.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Páginas.
- Clique em Adicionar página.
- No campo Título, insira Tabela de medidas e adicione as informações da tabela em Conteúdo.
- Na seção Visibilidade, definir a página como Visível.
- Clique em Salvar.
iPhone
- No app da Shopify, toque em ... > loja virtual.
- Toque em Páginas.
- Toque em Adicionar página.
- No campo Título, insira Tabela de medidas e adicione as informações da tabela em Conteúdo.
- Na seção Visibilidade, definir a página como Visível.
- Toque em Salvar.
Android
- No app da Shopify, toque em ☰ > Loja virtual.
- Toque em Páginas.
- Toque em Adicionar página.
- No campo Título, insira Tabela de medidas e adicione as informações da tabela em Conteúdo.
- Na seção Visibilidade, definir a página como Visível.
- Toque em ✓ para salvar.
Você pode criar quantas páginas de tabelas de medidas forem necessárias para referência no metacampo. No entanto, você pode vincular apenas uma página no metacampo do produto.
Etapa 4: fazer referência à página e aplicar o modelo de produto a produtos específicos
Quando você adiciona uma referência de página a um produto específico, as informações dessa página são exibidas somente com esse produto. Se você deixar a referência da página em branco para um produto que usa esse modelo de produto, o texto do link ainda será exibido como um link. No entanto, o pop-up estará em branco, sem referência de página, e poderá ser confuso para seus clientes. Use um modelo de página de produto diferente para tipos de produto específicos que tenham tabelas de medidas, como roupas ou sapatos, e um modelo de produto para outros tipos de produto, como brinquedos infantis ou joias e outros acessórios.
Saiba mais sobre modelos.
Etapas:
Desktop
- No admin da Shopify, acesse Produtos.
- Clique no produto ao qual deseja adicionar uma referência de página.
- Na seção Metacampos de produto, clique na referência de página Tabela de medidas e, depois, em Selecionar páginas e selecione a página Tabela de medidas.
- Na seção Modelo de tema, selecione o modelo de página do produto Tabela de medidas que você criou na etapa 2.
- Clique em Salvar.
iPhone
- No app da Shopify, acesse Produtos > Todos os produtos.
- Toque no produto ao qual deseja adicionar uma referência de página.
- Na seção Metacampos de produto, toque na referência de página Tabela de medidas e, depois, em Selecionar páginas e selecione a página Tabela de medidas.
- Na seção Modelo de tema, selecione o modelo de página do produto Tabela de medidas que você criou na etapa 2.
- Toque em Salvar.
Android
- No app da Shopify, acesse Produtos > Todos os produtos.
- Toque no produto ao qual deseja adicionar uma referência de página.
- Na seção Metacampos de produto, toque na referência de página Tabela de medidas e, depois, em Selecionar páginas e selecione a página Tabela de medidas.
- Na seção Modelo de tema, selecione o modelo de página do produto Tabela de medidas que você criou na etapa 2.
- Toque em ✓ para salvar.
Você pode repetir essas etapas para quantos produtos você precisar.