Funil de vendas
Oferta pós-compra com produtos de assinatura em funis de vendasComo configurar a marcação automática de pedidos para funis de vendas do GemPages (usando o Shopify Flow)Como alterar a landing page em um funil de vendas do GemPagesComo vincular sua página de pré-venda à página de vendasApresentando Sales Pages – Uma nova adição ao GemPages Sales FunnelOferta dinâmica de funil de vendasAs limitações no design de páginas de pós-compra com GemPagesGatilho dinâmico do funil de vendasEstratégias de upsell pós-compra para impulsionar suas vendasFunil de vendas e perguntas frequentes do GemPagesTestando o funil de vendas GemPages Upsell com pedidos do Shopify e produto de US$ 1GemPages Sales Funnel: Salvar modelo no recurso de bibliotecaComo solucionar problemas de ofertas pós-compra que não aparecemGemPages One-Click Post-Purchase: Métodos de pagamento suportados
editor
Visão geral do GemPages
Apresentando uma maneira mais inteligente de construir: o novo editor GemPagesComo usar o GemPagesUma introdução ao GemPages V7Instale o GemPages na sua loja ShopifyQual é a diferença entre GemPages V6 e V7?Uma visão geral das configurações avançadas da guiaIntegrar um aplicativo de terceirosTrocar páginas no editor GemPagesSuporte ao cliente GemPages: canais e opçõesUma visão geral do painel GemPagesUma introdução à biblioteca
Dicas do editor
Como usar o ícone de configurações responsivoComo editar o espaçamento usando o ícone de cadeado/desbloqueioComo usar o seletor de coresComo copiar e colar estilos entre elementosComo agrupar elementos em uma linhaComo renomear seções para gerenciar sua página com mais facilidadeComo selecionar elementos ocultos usando a árvore de camadas no GemPagesComo duplicar itens no gerenciamento de itens (carrossel, abas, acordeão e lista de itens)
Principais características
Recurso multilíngue no GemPagesComo excluir seções não utilizadasApresentamos a nova biblioteca do GemPages.Recurso de Otimização de PáginaRecurso de download de arquivo de depuração no GemPagesComo usar o recurso de compartilhamento de página no GemPagesApresentando o recurso de interaçãoComo posso usar um modelo?Posso transferir um modelo do GemPages para outra loja Shopify?Seção de tema GemPages e perguntas frequentesEstilos globaisImagem para LayoutBiblioteca de modelos V7Salvamento automático e histórico de versões no GemPagesÁrvore de CamadasEditor de texto embutidoPágina de destino instantânea (sem cabeçalho)Fontes CoelhoImagem para Layout
Base de Design
Projetos de layout
Como adicionar um mapa ao seu GemPages V7Como dividir as descrições de produtos em abas sanfonadas no GemPages V7Como criar um carrossel de coleções no ShopifyConverter um design Figma em um layout editávelComo colocar um botão sobre uma imagem?Alterar o tamanho do banner do heróiComo criar um carrossel com textoUse Row para construir o layout desejadoGemAI Image-to-Layout: Transforme qualquer imagem ou URL em um layout editável.Gerador de conteúdo de IA com GemAIColoque os botões lado a ladoColoque texto sobre a imagemComo criar uma grade de 5 colunas com elemento de linha ou carrossel
Projetos móveis
Como definir um fundo gradiente apenas em dispositivos móveis no GemPagesA imagem é exibida de forma diferente na visualização para dispositivos móveis e desktopComo alterar texto somente no celularComo aumentar o tamanho das imagens no celular sem afetar o desktopVisão geral do design da Web responsivoOtimize o design para dispositivos móveis que não seja afetado no desktop?Mostrar/Ocultar Elemento ou Seção em Cada DispositivoReordenar colunas/conteúdo no celular
Projetos de Seção
Configurações da seção GemPages: Layout, Plano de fundo, Forma e controles avançadosPor que meu design não está aparecendo na visualização para tablet?Otimize as imagens do banner do herói para todos os dispositivosComo criar uma página de detalhes do produto com elementos do produto no GemPagesCrie amostras de cores de produtos com o elemento Variantes e AmostrasCrie a seção de postagens mais recentes do blog na página inicial com o elemento de lista de artigosCrie uma lista de produtos em destaque com o elemento Lista de produtosSeção de produtos relacionados ao design com elemento de lista de produtosSeção de design de herói com elemento de banner de heróiDesign Slideshow com Banner de Herói e Elemento CarrosselSeção de pacotes de desconto por volume de design com elemento de linha e produtoCrie uma seção de pacote de desconto por volume com o elemento de pacote de produtosDesign de cronômetro de contagem regressiva em linha na barra de anúnciosProjetar estimativa de envio com elemento de data de entregaSeção de depoimentos de design com elemento carrosselSeção de e-mail opt-in de design com boletim informativo e elemento pop-upElemento de Paralaxe do Banner do HeróiComo criar uma galeria de imagens com o GemPages?Seção de formulário de contato de design com elemento de formulário de contatoCrie um formulário de inscrição para boletim informativo usando o elemento de boletim informativoDesign da seção "Destaque em" do logotipo da marca com o elemento MarqueeComo criar uma seção de barra de anúncios com o elemento Marquee no GemPagesCrie uma seção fixaConfigurações básicas de uma página
Configurações de controle
Margem, preenchimento, espaçamento e alinhamento
Centralize o texto do botãoVisão geral de margem, preenchimento, espaçamento e posicionamentoAdicionar margem negativa a um elemento ou seçãoAdicionar ou remover espaçamento entre elementosAlterar o elemento Gap InsideComo Alinhar Elementos em GemPagesComo definir a posição do elemento em GemPagesTrazer um elemento para a frente ou para trás usando o Z-IndexRemover espaçamento entre o cabeçalho do tema e o conteúdo da página
Tamanho e Dimensão
Tamanho de imagem do blog do Shopify: o guia completo para dimensões ideaisGuia de Logotipos do Shopify: Tamanhos, Dicas de Design e Como Adicioná-lo com o GemPagesGuia de tamanhos de imagens de produtos da Shopify (atualização de 2026)Guia de Tamanhos de Banners do Shopify: Dimensões ideais para imagens principais (desktop e mobile)Alterar o tamanho da colunaVisão geral de tamanho e dimensãoAlterar a proporção da imagemTamanho recomendado para imagens
Codificação personalizada
Como tornar os pontos de navegação do carrossel transparentes com borda branca Como adicionar um botão "Carregar mais" a uma lista de artigosComo substituir os pontos do carrossel por botões de navegação (setas) usando código personalizadoComo corrigir o problema da configuração de sombra à direita que não está sendo exibida no carrosselComo adicionar sombra ao texto de um botão usando código personalizadoComo alterar a cor do ícone em um elemento de botão usando código personalizadoComo alterar o tamanho do ícone em um elemento de botão usando código personalizadoPersonalize o estilo do elemento com código CSS e Javascript personalizadoAdicionar classe CSS extra ao elemento
elementos
Elementos básicos
Remover o ícone do WhatsApp da minha página inicialGuia de cores CSS: como usar CSS para estilizar fundos em GemPagesElemento de banner de vídeoElemento de linha (divisor)Elemento de bloco de textoElemento de CabeçalhoElemento BotãoElemento de imagemElemento do botão Adicionar ao carrinho do produtoElemento de ícone Elemento da lista de íconesElemento de vídeoElemento Fixo de Volta ao Topo
Elementos do produto
Crie um botão fixo "Adicionar ao carrinho" que direcione para a página de finalização da compra.Como exibir imagens de produtos com base nas variantes selecionadasComo usar um botão para acionar minha página de checkoutBotão Adicionar carrinho acima da imagem do produtoAdicione uma coleção à sua landing pageExibir conteúdo dinâmico do produto em GemPagesMarcar produto como “Esgotado” no GemPagesElemento do produtoElemento da lista de produtosElemento do botão Adicionar ao carrinho do produtoElemento de imagem do produtoElemento de título do produtoElemento de descrição do produto Elemento do fornecedor do produtoProduto SKUElemento de preço do produtoElemento de quantidade do produtoUpload de arquivo de produtoElemento de desconto de pacoteElemento de emblema do produtoElemento de produtos relacionadosVisualização do produto Mais elementosElemento de etiqueta de descontoElemento de botão de checkout dinâmicoElemento de campo personalizado do produtoElemento de Variantes e Amostras de ProdutosElemento de contagem regressiva
Elementos de blog e artigo
Elemento da lista de artigosElemento do título do artigoElemento de imagem do artigoElemento de trecho do artigoElemento de conteúdo do artigoElemento de data do artigoElemento do autor do artigoElemento de categoria de artigoElemento de etiqueta de artigoElemento da barra de ferramentas de coleçãoArtigo Leia mais Elemento
Designs de página
Geral
Crie uma seção de compartilhamento social em sua páginaComo definir a imagem de visualização social do Shopify (imagem original) no Shopify e no GemPagesComo exibir produtos na ordem de mais vendidos usando GemPagesComo transformar um menu hambúrguer em um menu horizontal no ShopifyComo criar uma loja de produtos digitais no Shopify e no GemPagesComo usar produtos complementares no Shopify e no GemPagesComo usar gradientes CSS para fundos no Shopify e GemPagesComo disparar um pop-up via hiperlinkComo criar uma loja de impressão sob demanda do Shopify com o GemPagesComo criar um controle deslizante do Shopify no celular com o GemPages V7Compreendendo o limite de páginas do ShopifyPágina de status do Shopify: o que é e por que é importante (para usuários do GemPages)Crie uma barra de progresso de envio no GemPagesCrie uma loja Shopify de produto único com GemPagesComo criar um pop-up de vídeoComo adicionar um vídeo curto do YouTube à sua página do ShopifyComo converter uma página de coleção em outro tipo de páginaComo personalizar sua página de checkout do ShopifyComo fazer upload de um logotipo transparente?Como posso duplicar uma página?Como criar uma nova página no GemPagesEditar modelos originais do Shopify com GemPagesAlterar tipo de páginaImportar e Exportar ModelosSalvar uma seção na biblioteca de modelosInserir seção de tema no meu tema ShopifyO que é uma seção e quantas posso criar em uma página?Limites de seção do ShopifyCriar seção global com seção temáticaImportar/Exportar uma Página de Outra Loja Shopify
homepages
Use minha página inicial como página do produtoComo definir sua página de destino como a página inicialComo criar uma nova página inicialSubstituir página inicial padrão pela página inicial do GemPagesAdicione o feed do Instagram à página inicial com o InstafeedBotão de link para a página de detalhes do produto com o elemento Exibir mais do produtoCrie uma seção de lista de coleção em destaque com o elemento Hero Banner
Páginas de coleção
Solução de problemas: Coleção não aparece na página de coleção do GemPagesComo atribuir uma coleção a uma página de coleçãoSubstitua sua página de coleção padrão pelo modelo de coleção GemPagesExibir dinamicamente o banner da coleção com base em cada coleçãoAdicionar paginação de coleção com elemento de paginação de coleçãoComo criar uma lista de produtos com o elemento Prodct ListCrie uma barra de ferramentas de coleção com GemPagesAdicionar uma lista de produtos usando o elemento Lista de produtosCriar uma nova página de coleção do Shopify
Páginas do produto
Criar uma caixa de informações para vários produtos no GemPagesCrie uma mensagem “Avise-me quando estiver de volta ao estoque”Crie um pop-up na página do produtoBotão Adicionar carrinho acima da imagem do produtoComo adicionar recomendações de produtos no Shopify e no GemPagesComo marcar produtos como esgotados com GemPages no ShopifyComo alterar o custo de envio/definir o custo de postagem no ShopifyDesign de layout de vídeo para página de produtoComo atualizar todas as páginas de produtos usando o modelo de página de produto?Excluir uma seção da sua páginaComo tornar a imagem do produto em tela cheiaComo exibir o preço do produto e comparar o preço na mesma linhaCrie complementos de produtos na sua página de produtos usando GemPagesComo criar uma página de produto usando modelos GemPagesComo editar a página de produto padrão do Shopify com o GemPagesAdicione avaliações e classificações por estrelas do Shopify à sua página de produtoComo adicionar produtos relacionados com o elemento Lista de produtosAdicione uma tabela de tamanhos à sua página de produtoCrie uma página de produto personalizada com opções personalizadas e upload de arquivoExibir Comparar Preço com Elemento PreçoAdicionar ícones de pagamento sob o botão Adicionar ao carrinhoComo adicionar o widget de assinatura à página do produtoComo criar uma nova página de produtoRedirecionar para o checkout após adicionar ao carrinhoAdicione um botão de lista de desejos à sua página de produtoAbra a gaveta do carrinho ou deslize o carrinho após adicionar ao carrinhoAdicione GIFs à sua páginaEntenda a página do produto versus o modelo do produtoEntenda a página de coleção vs modelo de coleçãoPersonalize os detalhes do produto Shopify na sua páginaAtribuir produtos a um modelo no GemPagesSubstitua sua página de produto padrão pela página de produto GemPagesComo adicionar metacampos de produtos à sua página do ShopifyCriar um pacote de produtosIncorpore um vídeo personalizado em sua página
Páginas de destino instantâneas
Como conectar a Instant Landing Page (ILP) ao ShopifyUse subdomínio para página de destino instantânea (sem cabeçalho)Adicionar formulário Klaviyo à página de destino instantâneaAdicione o formulário de recompensas de fidelidade Yotpo à página de destino instantâneaAdicionar Judge.me Public Token às páginas de destino instantâneas
Posts do Blog
Como atualizar o modelo padrão de postagem do blog na seção Tema do GemPagesCrie um índice na página do seu blog.Como adicionar uma seção de revisão de blog à sua página de postagem de blogEditar postagem de blog existente com GemPagesCriar uma nova postagem de blogCrie uma nova página de listagem de blog
Subpáginas
Adicionar uma página de agendamento de consultasCrie uma página de perguntas frequentes do ShopifyComo criar uma página em breve?Como criar uma página de perguntas frequentes para sua loja Shopify com GemPagesComo criar uma página de depoimento no Shopify usando GemPagesCrie uma página Sobre nós da ShopifyCrie uma página de publieditorial ou listagemCrie um melhor contato conosco com GemPagesCrie uma seção e página Sobre nós melhores com o GemPages
Visualização e publicação
Configurações de publicação
Atualização do GemPages: Melhorias no progresso da publicação e na detecção de erros.Acesse minhas páginas criadas no editor GemPagesCancelar a publicação de uma página ativaConfigurações de publicaçãoComo ocultar uma página dos mecanismos de busca (sem indexação e sem acompanhamento)Alterar o identificador de URL da sua página
Vá ao vivo e torne-se padrão
Como publicar uma landing page?Crie uma página inicial padrãoO que acontece quando altero o tema?Coloque a página no ar na lojaUse um modelo de página de produto GemPages para todos os produtos em sua loja ShopifyO que é uma página padrão e como alterá-la?Use a Landing Page como Home Page ou Product Page e vice-versaUse a página criada pelo GemPages como minha página inicialDefinir uma página GemPages como padrãoRestaure sua página excluídaVincule sua página ao menu do ShopifyNão é possível publicar minha páginaDespublicar uma página projetada com GemPagesVincule seus itens de menu ao cabeçalho e rodapé do Shopify
Shopify e temas
Configurações do Shopify e temas
Renomear um modelo no ShopifyComo centralizar texto em CSS no ShopifyComo personalizar a página de pesquisa do ShopifyComo usar as tags do ShopifyAlterar um Favicon no ShopifyRemova o código GemPages com a desinstalação seguraRemova o código GemPages do seu temaComo o GemPages funciona com seus temas do Shopify
Dados do Shopify
Como ajustar o tamanho da fonte com CSSPagamentos do ShopifyComo configurar frete grátis no Shopify e exibi-lo no GemPagesConecte seu domínio Shopify a uma página GemPagesComo integrar o Hotjar com sua loja ShopifyComo adicionar e exibir metacampos variantes em GemPagesComo alterar o tamanho do texto CSS no ShopifyEditor de imagens para ShopifyAdicionar SKUs do Shopify para meus produtosHabilitar Apple Pay para Minha Loja ShopifyComo configurar descontos automáticos no meu ShopifyEstoque do Shopify: como gerenciar e rastrear o estoque com eficiênciaProteja formulários contra spam e bots no GemPagesOnde os dados são salvos depois que os visitantes enviam um formulário?Conceder acesso de colaborador do Shopify para solução de problemasTraduzir e adaptar da Shopify
Integrações de aplicativos
Conversão
Como integrar o Hotjar com sua loja ShopifyHextom: Barra de contagem regressivaSEOAnt ‑ Sticky Adicionar ao carrinhoMelhor Compra CumprimentoAutomatizador de imagens de variantes SALista de desejos Swym PlusCarrinho adesivo: Gaveta deslizante para carrinhoSwish (anteriormente Wishlist King)Imagem Variante StarAppsReConvert Upsell e Cross SellGrowave: Lealdade e lista de desejos +Opções infinitas de produtosAplicativo MBC BundleQikify - Carrinho deslizante, Adicionar ao carrinho fixoPC ‑ Opções de produtos personalizados (anteriormente Opções de produtos e personalizador)MaxBundle - Pacotes de produtosUpsell e Cross Sell - SelleasyFly: Pacotes e quebras de quantidadePacotes e kits simplesFBP | Pacote Rápido de Produtos (anteriormente Pacote Rápido: Descontos em Pacotes)Pacotes e descontos ilimitadosEB | Easy Bundle Builder (anteriormente Easy Bundle Builder)Assinaturas do ShopifyRecarregar assinaturasPacotes ShopifyLiberar formulário COD e upsellsPesquisa e descoberta da ShopifyFormulário COD EasySell e UpsellsGaveta de carrinho deslizante da AMPQikify Upsell BOGO e brinde grátisRecomendação de produto mais sensataVenda cruzada e upsell por SSCqikify Vendas Pop-up e ProvaBundler - Pacotes de produtosFrequentemente comprados juntosPacotes amplos - quebras de quantidade
Avaliações
Como usar o aplicativo Trustpilot Reviews com o GemPagesCríticas de KlaviyoOkendo: Críticas e FidelidadeTrustShop: Avaliações de produtosMAG: Avaliações de produtosTrustReviews: Avaliações de produtosUGC do aplicativo de análises de produtos da OpinewAvaliações de produtos Yotpo e UGCAli Reviews: Análise de Produtos de IA (anteriormente Kudosi)Ar: aplicativo de análises de produtos e UGCAvaliações do Google por ReputonAvaliações do Google e Prova Social (anteriormente Tagembed‑Social Post & Review)Junip ‑ Avaliações de produtos e UGCAplicativo de avaliações de produtos ReviewXpoAnálises de produtos TrustWILL (anteriormente o aplicativo de análises de produtos com IA Trustoo)Avaliações de produtos FeraAvaliações do produto LAI na AmazonRyviu: Aplicativo de Avaliações de ProdutosRivyo: Aplicativo de Avaliações e FidelidadeLoox ‑ Avaliações visuais de produtosLoox ‑ Avaliações visuais de produtosAvaliações e fidelidade carimbadasAvaliações de produtos Judge.me
Designs de lojas
EcoBoostify Loja Vídeos ReelsAplicativo Shopify FormsTabela e tamanho de tamanho de kiwiAmostra de cor e pacotes GLOProteja formulários contra spam e bots no GemPagesBarra de Anúncios EssenciaisTabela de tamanhos e guia de tamanhos BFCriador de formulário de contato POWROpções de produtos do HulkSEOAnt ‑ Emblemas e ícones de confiançaOpções de produtos Avis, variantesSmartviewer: Visualização rápidaConstrutor de Formulários HulkSalesPop: Pop-up de pedidos e vendasWilldesk: Chat ao vivo e chatbot de IAPoderoso criador de formulários de contatoOpções de Produtos Globo, VarianteSwatch King: Opções de variantesNotificar! De volta ao estoque | Pré-encomendaOpções de produtos personalizados Tepo VariantePesquisa e descoberta da ShopifyVariante de opções de produtos EasifyConversor de moeda BUCKS PRO++O:Solicitar um orçamento ‑ Ocultar preçoOpções de produtos KingCSC: Tabela de tamanhos e guia de tamanhosQuebras de quantidade do pacote KachingSEOant ‑ Emblemas e ícone de confiança (Confie em mim)Opções de produtos SCSearchanise Pesquisa e Filtro
Sales & Marketing
Lista de desejos WC e produtos de volta ao estoquePrograma de Recompensas de Fidelidade AppstleOferta adicional de pacotes AOV.aiZotek TikTok Pixel Meta Pixel FeedPop-ups e formulários do Segunowetracked.io ConectarPrograma de Fidelidade e Recompensas BLOYGaveta de carrinho deslizante CartlyMarketing de afiliados UpPromoteTrustedSite ‑ Emblemas de confiança ES de volta ao estoque Avise-me!Como integrar o Microsoft Clarity com o ShopifyTambém comprei CBBDistintivos de confiança do urso de conversãoSegundo Email MarketingEmail Marketing AfterShip, SMS Feed do Instagram Instafeed IGConstrutor de Formulários HulkWilldesk: Chat ao vivo e chatbot de IAPrograma de Fidelidade Trustoo (anteriormente Loloyal: Fidelidade e Indicações)Aumente a pesquisa e o filtro de IAOpções de produto de opção varianteGoodAPI Plant Tree Clean OceanFirepush – SMS e Web PushEtiquetas e emblemas de produtos TA (anteriormente BSS: Etiquetas e emblemas de produtos)Hextom: Aumento de vendas definitivoWhatmore Vídeos Compráveis + ReelQuebras de quantidade do pacote RapiAgendamento de consulta CowlendarWOD: Faça sua encomenda agoraPré-encomenda Wolf | Pré-encomenda agoraDescontos por volume da Koala BundlesBON: Referências de recompensas de fidelidadeCaixa de entrada da Shopify Etiquetas e emblemas de produtos FordeerRecurso SEO Checker fornecido pelo Avada SEO SuiteVitais: Avaliações, Pacotes, IAKlaviyo: marketing por e-mail e SMSPushOwl: Notificações Push da WebSearchPie: SEO, Velocidade e EsquemaMensagens no local da KlarnaEmail Marketing MailchimpOmnisend Email Marketing e SMSInstafeed – Feed do Instagram
Solução de problemas e perguntas frequentes
Rolagem horizontal em dispositivos móveis: causas e como corrigir no GemPagesSolução de problemas: Códigos de erro do GemPagesSolução de problemas: interação não funcionaSolução de problemas: Mensagens de erro do GemPagesComo acessar suas páginas publicadas criadas com GemPages?Solução de problemas: Coleção não aparece na página de coleção do GemPagesMeu design não fica bom no celularPor que a imagem da minha variante não aparece quando a seleciono?Os aplicativos não estão aparecendo na minha página GemPages – Solução de problemasSolução de problemas: vídeo não reproduz em dispositivos móveisSolução de problemas: Minhas páginas parecem inconsistentes em vários dispositivosSolução de problemas: a página do GemPages não está salvando as alterações.Não é possível visualizar a loja no Shopify - Solução de problemasA gaveta do carrinho não aparece no Shopify – Solução de problemasSolução de problemas: minha página de produto fica diferente após a publicaçãoPor que minha landing page não está carregando no meu site?Por que minha página publicada está aparecendo vazia?Por que minha página de produtos não está exibindo produtos?Perguntas frequentes sobre fontesAtualize o preço e o formato da moeda do seu produto.Como configurar uma gaveta de carrinho do Shopify com o GemPages
Animação e Efeito
Alterar os estilos de foco do botão
Neste guia, você aprenderá como personalizar os estilos de foco dos botões no GemPages. O que são estilos de foco? Os estilos de foco se referem às mudanças que ocorrem quando um usuário move seu...
Como tornar um elemento fixo?
Neste guia rápido, você aprenderá a criar um elemento fixo no GemPages, garantindo que conteúdos importantes, como botões de chamada para ação ou banners promocionais, permaneçam acessíveis o tempo todo. Por que criar um elemento...
Faça o botão animado Adicionar ao carrinho tremer
Este artigo irá guiá-lo através da criação de uma animação de shake no GemPages para fazer seu botão se destacar e encorajar mais cliques. Por que fazer um botão animado? Adicionando animação ao seu “Adicionar...
Adicionar sobreposição em uma imagem usando o elemento Hero Banner
Este artigo explica como adicionar um efeito de sobreposição à sua imagem usando o Elemento de Banner Hero no GemPages. Sobre o Efeito de Sobreposição em Imagens O efeito de sobreposição adiciona uma camada semitransparente...
Adicionar animações aos elementos no GemPages
Este artigo fornece um guia sobre como adicionar animações aos elementos do GemPages. Ele é feito sob medida para a versão 7 do GemPages, focando exclusivamente em animações populares para aprimorar a experiência do usuário, como...
Comece a vender