Este guia explica a diferença entre um Página do produto e uma Modelo do Produto no Shopify e mostra como criar layouts dinâmicos ou personalizados usando o GemPages para sua loja.
Página de produto vs. modelo de produto
Conhecendo as diferenças entre um Página do produto e uma Modelo do Produto pode ajudar você a criar os designs certos para suas necessidades.
- Página do produto: Uma página na sua loja Shopify exibindo um produto específico.
- Modelo do Produto: Um layout de design criado no GemPages que pode ser atribuído a uma ou mais páginas de produtos, definindo sua aparência e layout.
Como Funciona:
- Quando um produto é atribuído a um modelo: A página do produto adota o estilo e o layout do modelo.
- Quando vários produtos são atribuídos a um modelo: Todas as páginas de produtos atribuídas compartilham o mesmo design de modelo.

Aqui está uma tabela de comparação para maior clareza:
| Característica | Página do produto | Modelo do Produto |
| Definição | Exibe um único produto. | Layout reutilizável para vários produtos. |
| Caso de uso | Designs exclusivos para itens emblemáticos. | Layouts consistentes em todos os produtos. |
| Flexibilidade | Alto; cada página é personalizada individualmente. | Limitado; as alterações afetam todas as páginas atribuídas. |
| Eficiência de tempo | Demorado para várias páginas. | Eficiência de tempo para projetos em lote. |
| Considerações sobre SEO | Configurações individuais. | Configurações compartilhadas, personalizáveis por produto. |
| Edição | As edições afetam apenas uma página. | As edições atualizam todos os produtos atribuídos. |
| Suporte GemPages | Suporta totalmente a personalização de página única. | Suporta totalmente o design de modelos. |
Como criar um modelo de produto para vários produtos?
Siga estes passos para criar um Modelo de produto dinâmico que funciona para todos ou produtos específicos:
Passo 1: Abra o Painel GemPages. Clique Criar nova página, Em seguida, selecione Página do produto como o tipo de página.

Escolha:
- Começar do zero para um design totalmente personalizado.

- Use um modelo pré-fabricado para uma configuração mais rápida (este guia usa um modelo pré-fabricado como exemplo).

Passo 2: Para criar um modelo de produto que funcione em várias páginas de produtos e seja atualizado dinamicamente, você precisa incluir o seguinte elementos dinâmicos do produto:
- Título do Produto
- Imagens de produtos
- Preço do produto
- Botão Adicionar ao carrinho
- Descrição do Produto
- Elemento de Variantes e Amostras de Produtos
- Visualização do produto Mais elementos
- Elemento de campo personalizado do produto
- Outros elementos opcionais: avaliações de produtos, tempo estimado de envio e muito mais.
Esses elementos garantem que o modelo seja atualizado dinamicamente com conteúdo específico do produto para cada página à qual ele é atribuído.
Passo 3: No Editor GemPages, clique em Produto atribuído botão na barra superior esquerda para escolher onde aplicar seu modelo de produto:

Escolha entre 2 opções e clique Confirmar.

- Todos os Produtos: O modelo será aplicado a todos os produtos da sua loja.
- Produtos Específicos: Selecione os produtos específicos para os quais você deseja usar este modelo.
Como criar um modelo de produto para uma página de produto específica?
Se você deseja projetar um página única para apenas um produto, você não precisa depender de elementos dinâmicos. Em vez disso, você pode usar elementos estáticos para personalizar totalmente a página para aquele produto.
Se você estiver criando uma página exclusiva para um produto específico, siga estas etapas:
Passo 1: Acesse GemPages e crie uma nova página de produto
Passo 2: Como esta página é para um único produto, você pode adicionar diretamente elementos estáticos em vez de dinâmicos:
- Imagens e vídeos: Adicione recursos visuais exclusivos para este produto.
- Texto: Destaque pontos de venda exclusivos com mensagens personalizadas.
- botões: Adicione chamadas para ação personalizadas como “Pré-encomende agora” ou “Saiba mais”.
Observação: Você ainda pode usar elementos dinâmicos para uma única página de produto, mas elementos estáticos geralmente são preferidos para designs totalmente personalizados.
Passo 3: No Editor GemPages, clique em Produto atribuído botão (canto superior esquerdo). Selecione o produto específico para o qual esta página foi criada.

Este método é ideal se você deseja exibir um produto emblemático com um design totalmente personalizado, independente de outras páginas de produtos na sua loja.
