Você pode criar sua página de detalhes do produto:
- Usando uma seção de detalhes do produto pré-concebida do biblioteca de modelos.
- Começando do zero com elementos do produto
O que são os Elementos do Produto?
O processo de Elemento do produto no GemPages permite que você exiba dinamicamente informações de produtos do Shopify em sua página.
Uso: Só pode ser usado dentro de um Módulo de Produto, que serve como um contêiner para todos os elementos relacionados ao produto.
Elementos Filhos: Melhore sua página de detalhes do produto com o seguinte:
- Elementos principais: Imagem, Título, Descrição, Preço, Variantes, Botão Adicionar ao Carrinho
- Outros Elementos: SKU, emblema do produto, impulsionadores de conversão (cronômetros regressivos, contadores de estoque, etc.)
Como criar uma página de detalhes do produto usando elementos do produto
Observação: Certifique-se de que seus produtos estejam configurados corretamente no Shopify antes de começar.
Passo 1: Abra o Editor de GemPages na sua loja Shopify. Selecione a página do produto que deseja editar ou crie uma nova página do zero.
Passo 2: Na barra lateral esquerda, arraste e solte um Módulo de Produto na sua página.
Por padrão, o módulo inclui elementos principais como Imagem, título, descrição, preço, variantes e botão Adicionar ao carrinho, sincronizado automaticamente do Shopify.
Principais elementos do produto para adicionar e personalizar
1. Título do produto
O título será exibido por padrão quando você adicionar o elemento. Se ele for removido ou precisar de reposicionamento, arraste e solte-o da barra lateral.
2. Imagens e miniaturas de produtos (imagem, vídeo, banner de vídeo, etc.)
A imagem será exibida por padrão quando você adicionar o módulo de produto. Se removido ou se desejar posicionamento adicional da imagem, arraste o Imagem do produto elemento da barra lateral para uma nova posição. Este elemento suporta imagens de produtos, vídeos e banners de vídeo para ajudar a mostrar seu produto visualmente.
Leia mais: Guia de elementos de imagem do produto
3. Emblema do produto
Emblemas de produtos, como “Liquidação com 50% de desconto” ou “Edição limitada”, ajudam a destacar atributos especiais do seu produto.
No Elemento Produto, arraste e solte o Elemento de emblema do produto no editor GemPages.
Leia mais: Guia de elementos do emblema do produto
4. SKU do produto
Exibir o SKU (Stock Keeping Unit) ajuda tanto os clientes quanto os gerentes da loja a rastrear os produtos com eficiência.
Procure o Produto SKU no elemento do produto. Arraste e solte-o no editor GemPages.
Leia mais: Guia de elementos de SKU do produto
5. Descrição do Produto
As descrições dos produtos aparecem por padrão, mas podem ser movidas.
Arraste o Descrição do Produto elemento da barra lateral se forem necessários ajustes.
Leia mais: Guia de Elementos de Descrição do Produto
6. Preço do produto
O preço aparece por padrão e é obtido diretamente do Shopify.
Reposicione o Preço do produto elemento arrastando-o para o local de sua preferência, se necessário.
Leia mais: Guia de Elementos de Preço de Produto
7. Quantidade do produto
Exiba o seletor de quantidade, permitindo que os clientes escolham o número de itens que desejam comprar.
Se você reposicionar ou remover o Quantidade de produto elemento, arraste-o de volta da barra lateral para onde você gostaria que ele fosse exibido.
Leia mais: Guia de Elementos de Quantidade de Produtos
8. Opções/Variantes do produto
Variantes de produtos como cor, tamanho e material são carregadas automaticamente.
Para ajustar a exibição ou alterar a posição das opções do produto, arraste o Variantes de produtos elemento para o local desejado. Você pode personalizar estilos variantes com amostras para opções de cores ou menus suspensos para facilitar a seleção.
Leia mais: Guia de variantes e amostras de produtos
As variantes lidam com atributos como cor, tamanho e material (se definidas como variantes da Shopify). No entanto, para obter informações adicionais que não afetam o SKU (como instruções de cuidado), use os Metacampos de Produto da Shopify e exiba-os por meio de Texto Dinâmico ou Blocos Personalizados dentro do seu módulo de produto.
9. Botão Adicionar ao carrinho/Comprar agora
Este botão é incluído por padrão, e você pode personalizar sua cor, texto e tamanho para destacá-lo na página.
Arraste o botão da barra lateral se ele for removido ou reposicionado. Personalize o comportamento do botão para redirecionar para o checkout, abrir a gaveta do carrinho ou permanecer na mesma página.
Leia mais: Guia de elementos do botão Adicionar ao carrinho
10. Impulsionadores de conversão
Adicionar elementos que criem urgência ou forneçam prova social pode aumentar significativamente as conversões.
- O GemPages permite que você adicione Temporizadores de contagem regressiva or Contadores de Estoque
- Você também pode integrar Confiança Emblemas or Comentários de aplicativos de terceiros. Para obter instruções detalhadas sobre como integrar um aplicativo de terceiros com o GemPages, consulte Este artigo.
Passo 4: Quando estiver satisfeito com seu design, salve seu progresso e publique suas alterações.
Perguntas
1. Posso usar um modelo de página de produto para produtos diferentes com informações diferentes?
Sim. Você pode criar um modelo de página de produto universal usando o Elemento de produto e extrair conteúdo exclusivo específico do produto usando Metacampos de produtos do Shopify. Isso permite que cada produto exiba seu próprio conteúdo dinâmico, mesmo quando compartilha o mesmo design de página.
2. Posso editar o título ou a descrição do produto diretamente no GemPages?
Não. Os elementos Título do Produto e Descrição do Produto extraem dados automaticamente do Admin da Shopify. Se precisar alterá-los, você deverá editá-los diretamente no Admin da Shopify.
3. Os metacampos de produtos são suportados em todos os planos do GemPages?
Os Metacampos de Produto são suportados no GemPages V7. No entanto, certifique-se de que seu plano inclua a funcionalidade de Texto Dinâmico para aproveitar ao máximo esse recurso.
Obrigado por seus comentários