Como exibir uma tabela de tamanhos na sua página de produto?
Opção 1: Usando o elemento de imagem
Se você tiver uma imagem de tabela de tamanhos pré-definida, poderá adicioná-la facilmente à sua página de produto.
Passo 1: Abra sua página de produto no editor GemPages e encontre o Elemento de imagem.
Passo 2: Arraste o elemento da barra lateral esquerda e solte-o no local desejado na sua página.
Passo 3: Sob o fonte seção, passe o mouse sobre a imagem atual e clique Carregar imagem.
Passo 4: Depois que a imagem da tabela de tamanhos for carregada, você pode modificar as configurações da sua maneira.
Opção 2: Usando código personalizado
Passo 1: Navegue para o seu Administrador do Shopify > Produtos. Selecione o produto ao qual deseja adicionar a tabela de tamanhos.
Passo 2: Sob o Descrição seção, crie uma tabela de tamanhos usando o mesa função. Quando terminar, clique Economize.
Passo 3: No editor de descrição, alterne para o modo HTML clicando em Mostrar HTML botão.
Copie o código HTML da sua tabela de tamanhos.
Passo 4: No editor GemPages, arraste o Código personalizado elemento na barra lateral e coloque-o onde você deseja que a tabela de tamanhos apareça.
Passo 5: Sob o Código personalizado seção, clique para abrir o painel de código.
Passo 6: Cole o código HTML no Aba HTML e acerte Salve.
Verifique o resultado:
Opção 3: Usando aplicativos de terceiros
Para uma tabela de tamanhos mais dinâmica ou personalizável, aplicativos de terceiros são uma ótima opção. Muitos aplicativos se integram perfeitamente com o GemPages, oferecendo recursos como recomendações automáticas de dimensionamento e personalização avançada.
Para explorar essas opções, visite GemPages Help Center – Integração de tabela de tamanhos para um guia passo a passo sobre como usar aplicativos populares de tabela de tamanhos.
Prática recomendada: crie um pop-up de tabela de tamanhos com o GemPages
Em vez de mostrar a tabela de tamanhos diretamente na página do produto, você pode torná-la mais amigável ao usuário exibindo-a dentro de um Popup.
Dessa forma, sua página permanece limpa e os clientes podem abrir o gráfico somente quando precisarem.
Por que isso é recomendado:
- Mantém a página do produto limpa e sem distrações.
- Proporciona uma melhor experiência ao cliente: a tabela de tamanhos está sempre acessível, mas não ocupa espaço.
- Funciona perfeitamente com gráficos de tamanho de imagem e tabela.
Usar um pop-up para sua tabela de tamanhos é a abordagem mais flexível e garante que os clientes possam verificar facilmente os tamanhos sem sair da página do produto.
Siga estas etapas abaixo para criar um pop-up de tabela de tamanhos na sua página:
Passo 1: Após localizá-lo no Editor GemPages, você pode usar a barra de pesquisa para encontrar o Elemento Pop-up. Em seguida, arraste e solte o elemento na área de design.
Passo 2: Continue adicionando um Elemento de Imagem aninhado no Pop-up.
Passo 3: No painel de configurações da imagem, vá para fonte seção e passe o mouse sobre a imagem atual. Em seguida, clique Carregar imagem para carregar a imagem da sua tabela de tamanhos.
Passo 4: Clique fora do pop-up e arraste e solte um Elemento de Botão na posição desejada na página.
Passo 5: Configure o botão como preferir no Configurações aba.
Por exemplo, você pode alterar a cor de fundo, ajustar o tamanho do botão ou adicionar um efeito de foco.
Em seguida, edite o texto do botão e configure o estilo do texto. Você pode tentar "Verifique seu tamanho" ou "Guia de tamanhos" para incentivar seus visitantes a clicarem.
Passo 6: Desloque-se até o de vidrio seção e ative-a. A partir daí, defina o Após clicar = Abrir pop-upe selecione o pop-up criado na Etapa 1-3.
Agora, o pop-up aparecerá quando seus visitantes clicarem neste botão.
Salve e publique novamente sua página, e você poderá conferir o resultado na loja ao vivo.
Resultado:
Obrigado por seus comentários