Passar para o conteúdo principal

Novo tema padrão: entenda como funciona o tema padrão das novas lojas da Loja Integrada

Saiba como funciona o novo tema padrão, suas possibilidades, e o que fazer se você já tinha uma loja e encontrou essa nova experiência ao criar uma loja adicional.

⏱️ Tempo de leitura: 6 minutos

Nível: ⭐⭐⭐☆☆ (Intermediário)

Este artigo aborda:

  • O que é o novo tema padrão

  • O que significa "versão Beta"

  • O que é diferente nessa experiência

  • Compatibilidade de aplicativos e serviços

  • O que acontece ao instalar um tema da loja de temas

  • Já tinha uma loja e criou uma nova? Entenda essa experiência

Introdução

Toda nova loja criada na Loja Integrada já vem com o novo tema padrão: uma experiência de personalização pensada para ser prática e direta, sem necessidade de mexer em código. Ele foi construído sobre uma nova tecnologia, parte de uma versão Beta focada em simplicidade. Este artigo explica como ele funciona, quais são suas possibilidades e limitações.


O que significa "versão Beta"?

O termo Beta indica que o novo tema padrão é uma tecnologia em construção — não porque seja inferior, mas porque está sendo desenvolvida e aprimorada continuamente para acompanhar o que há de mais moderno no mercado.

Isso quer dizer que é uma experiência mais simples se comparada aos temas da loja de temas. Mas simples não significa incompleta: o novo tema padrão já reúne tudo o que acreditamos ajudar uma loja a converter mais — uma vitrine rápida, personalização direta pelo painel e uma jornada de compra fluida para o seu cliente.

Pense assim: os temas atuais da loja de temas são soluções consolidadas, testadas, e que atendem perfeitamente às lojas que precisam de personalizações mais avançadas. Já o novo tema padrão foi pensado para quem está começando, entregando o essencial para vender bem, com uma tecnologia rápida e uma curva de aprendizado bem menor.


Qual tema minha loja usa?

Antes de continuar, identifique em qual situação sua loja se encontra:

Situação

Descrição

Novo tema padrão

Sua loja foi criada recentemente e você nunca instalou outro tema

Tema da loja de temas ou de agência

Sua loja usa um tema instalado da loja de temas, ou um tema personalizado por agência

Não tem certeza? Veja as diferenças no painel

Se não lembra ou não tem certeza, esses pontos ajudam a identificar rapidamente:

Em Configurações > Gerais:

  • Seção "Gerenciamento": no novo tema padrão, não existe a opção "Usarei minha loja como:" — apenas o modo Loja virtual está disponível, não é possível usar como loja Catálogo ou Orçamento

  • Seção "Produtos": não existe a opção "Valor do produto restrito?" — no novo tema padrão, todos os valores são exibidos, não é possível ocultá-los

Em Personalize sua loja:

  • As opções "Incluir código HTML" e "Selos" não aparecem

  • No lugar de "Editar CSS", aparece "CSS Avançado"

Em Soluções:

  • A opção "Serviços" não aparece

Se sua loja não tem nenhuma dessas opções, ela está no novo tema padrão. Se elas aparecem normalmente, sua loja está usando um tema da loja de temas ou de agência.


Se você usa o novo tema padrão

Esta seção é para lojistas que estão usando o tema que já veio configurado na criação da loja.

Como funciona o novo tema padrão

Toda a configuração do novo tema padrão é feita em Personalize sua loja, direto no painel, a qualquer momento — sem necessidade de conhecimento técnico. Como é uma estrutura mais simples, algumas opções que existem ali para os temas da loja de temas não fazem parte dessa experiência. Nas próximas seções você confere onde ajustar cada elemento visual e a lista completa do que muda.

Personalizando sua loja

Todas as opções de personalização do novo tema padrão ficam concentradas em Personalize sua loja, direto no painel — sem necessidade de conhecimento técnico. É por lá que você ajusta cores, logo, banners e demais elementos visuais da loja.

Para o passo a passo completo de cada opção de personalização, consulte o artigo Como configurar o tema padrão da sua loja.

Os banners merecem atenção especial: o tema padrão conta com quatro tipos (Full Banner, Tarja, Vitrine e Mini), cada um com uma função e dimensões recomendadas diferentes. Para montar as artes corretamente, consulte Quais são os tipos de banner do tema padrão e quais as dimensões recomendadas?


O que é diferente no novo tema padrão

O novo tema padrão foi pensado para oferecer uma experiência simplificada, onde toda a personalização acontece pelo painel — sem necessidade de código. Por isso, algumas funcionalidades disponíveis nos temas da loja de temas não fazem parte dessa experiência:

  • Códigos HTML e CSS: a seção completa de códigos personalizados não está disponível nessa estrutura. Ainda assim, é possível adicionar CSS Avançado em três páginas específicas — Minha Conta, Checkout e Login — em Personalize sua loja > CSS Avançado

  • Integrações via código: scripts e integrações que dependem de código personalizado (fora das páginas citadas acima) não podem ser adicionados, editados ou excluídos

  • Carrinho e Checkout: essas páginas mantêm o formato atual e não acompanham a personalização do novo tema

  • Aplicativos: alguns aplicativos disponíveis em Soluções > Aplicativos ainda não são compatíveis com o novo tema padrão. Confira a lista de aplicativos compatíveis para verificar se os que você usa estão disponíveis

  • Serviços: alguns serviços da Loja de Serviços dependem de personalizações avançadas de layout ou scripts e, por isso, não são compatíveis com o novo tema padrão. Consulte Serviços compatíveis com o novo tema padrão antes de contratar

  • Modo da loja: apenas o modo Loja virtual está disponível. Não é possível configurar a loja como Catálogo ou Orçamento

  • Exibição de preços: todos os valores de produtos são exibidos publicamente. Não é possível restringir ou ocultar o valor do produto

  • Selos: a opção de adicionar selos personalizados na loja não está disponível

💡 Dica: Se você sentir necessidade de códigos personalizados além do que o CSS Avançado permite, pode instalar um tema gratuito ou adquirir um tema na loja de temas. Assim, você terá acesso à seção completa de Códigos HTML e CSS.

O que acontece se eu instalar outro tema?

Se você optar por instalar um tema da loja de temas, sua loja passará a funcionar com a estrutura que suporta esses temas — ganhando acesso à personalização via código e a opções diferentes de layout.

⚠️ Atenção: Essa mudança é definitiva. Ao instalar um tema da loja de temas, não é possível voltar ao novo tema padrão. Avalie qual experiência faz mais sentido para o seu negócio antes de decidir.


Já tinha uma loja e criou uma nova? Entenda essa experiência

Se você já tinha uma loja na Loja Integrada e, por qualquer motivo, criou uma loja adicional, é possível que essa nova loja tenha vindo com o novo tema padrão — já que ele é a experiência padrão para todas as lojas criadas atualmente, independentemente de você já ter outra loja na plataforma.

Quero que a loja nova tenha a experiência anterior (temas da loja de temas)

Isso é possível. Basta instalar um tema gratuito ou pago na loja de temas da sua nova loja. Ao fazer isso, ela passa a funcionar com a estrutura que suporta esses temas, com acesso à personalização via código e a opções diferentes de layout — a mesma experiência da sua loja antiga.

⚠️ Atenção: Essa mudança é definitiva. Depois de instalar um tema da loja de temas, não é possível voltar ao novo tema padrão.

Quero que minha loja antiga tenha essa nova experiência

No momento, isso não é possível. Por conta das limitações iniciais dessa versão Beta — principalmente a compatibilidade ainda parcial com aplicativos e a ausência da seção completa de códigos HTML — ainda não estamos migrando lojas antigas para o novo tema padrão. Uma loja já em operação tende a depender desses recursos, e migrá-la agora poderia impactar funcionalidades que ela já usa. Assim que essas limitações forem resolvidas, você será avisado pelos canais oficiais da Loja Integrada.


Comparativo: novo tema padrão vs temas da loja de temas

Aspecto

Novo tema padrão

Temas da loja de temas

Ideal para

Quem busca praticidade e simplicidade

Quem precisa de layouts variados ou personalização avançada

Personalização

Pelo painel, sem código

Pelo painel + acesso a HTML e CSS

Variedade visual

Um tema com opções de configuração

Diversos temas com estilos distintos

CSS personalizado

CSS Avançado apenas em Minha Conta, Checkout e Login

Seção completa de HTML e CSS disponível

Integrações via código

Não disponível (fora do CSS Avançado)

Disponível

Aplicativos

Compatível com todos

Serviços

Compatível com todos

Modo da loja

Apenas Loja virtual

Loja virtual, Catálogo ou Orçamento

Exibição de preços

Sempre visível

Pode ser restrito/ocultado

Selos personalizados

Não disponível

Disponível

Carrinho e Checkout

Mantêm o formato atual

Personalizáveis


Dúvidas Frequentes

Como sei qual tema minha loja está usando?

Veja a seção "Não tem certeza? Veja as diferenças no painel", logo no início deste artigo — ela lista os pontos do painel (Configurações > Gerais, Personalize sua loja e Soluções) que mudam entre o novo tema padrão e os temas da loja de temas.

Posso voltar ao novo tema padrão depois de instalar outro tema?

Não. Ao instalar um tema da loja de temas, a mudança é definitiva.

Os aplicativos da minha loja vão funcionar no novo tema padrão?

Nem todos os aplicativos são compatíveis com o novo tema padrão. Confira a lista de aplicativos compatíveis antes de trocar de tema.

Minhas integrações via código vão funcionar no novo tema padrão?

O novo tema padrão não oferece a seção completa de Códigos HTML e CSS. É possível adicionar CSS Avançado apenas em Minha Conta, Checkout e Login, em Personalize sua loja > CSS Avançado. Para outras integrações via código, considere usar um tema da loja de temas.

Os serviços da Loja de Serviços funcionam com o novo tema padrão?

Alguns sim. Serviços que dependem de personalizações avançadas de layout ou scripts não são compatíveis. Confira a lista de serviços compatíveis antes de contratar.

Posso usar minha loja como Catálogo ou Orçamento no novo tema padrão?

Não. O novo tema padrão funciona apenas no modo Loja virtual. Se sua operação depende do modo Catálogo ou Orçamento, você precisa instalar um tema da loja de temas.

Posso ocultar o valor dos produtos no novo tema padrão?

Não. No novo tema padrão, todos os valores de produtos ficam sempre visíveis publicamente. A opção de restringir/ocultar o valor do produto só existe nos temas da loja de temas.

O Carrinho e o Checkout mudam com o novo tema padrão?

Não. Essas páginas mantêm o formato atual e não acompanham a personalização do novo tema.

Criei uma nova loja e ela veio com uma experiência diferente da minha loja antiga. Isso é normal?

Sim. O novo tema padrão é a experiência padrão para todas as lojas criadas atualmente, mesmo que você já tenha outra loja na plataforma. Veja a seção "Já tinha uma loja e criou uma nova?" para entender suas opções.

Posso pedir para minha loja antiga receber o novo tema padrão?

Ainda não. As limitações iniciais da versão Beta — como a compatibilidade parcial com aplicativos e a ausência da seção completa de códigos HTML — tornam essa migração arriscada para uma loja já em operação, por isso ela não está disponível no momento.

O novo tema padrão vai receber novas funcionalidades?

O novo tema padrão está em constante evolução. Acompanhe as novidades pelos canais oficiais da Loja Integrada.


Resumo dos passos principais

  1. Toda loja criada atualmente na Loja Integrada já vem com o novo tema padrão, uma experiência mais rápida e simplificada

  2. O Beta é mais simples que os temas da loja de temas, mas já reúne o essencial para ajudar sua loja a converter mais

  3. Se quiser recursos avançados (código, mais aplicativos), você pode instalar um tema da loja de temas — mudança definitiva

  4. Se você já tinha uma loja e criou uma nova com essa experiência, pode levar a loja nova para o formato anterior instalando um tema da loja de temas; a loja antiga ainda não pode receber o novo tema padrão

Pronto! Agora você já sabe como funciona o novo tema padrão e o que considerar antes de trocar de experiência.

Respondeu à sua pergunta?