Fazer login
Começar avaliação gratuita

Adicionar, ver e comprar temas

Para ajudar você a começar, a página Temas do seu administrador tem um tema padrão configurado quando você abre uma conta na Shopify. Se desejar personalizar um tema diferente para sua loja virtual, você precisará adicionar um tema ao seu admin.

Você pode adicionar um tema das seguintes maneiras:

  • Você pode descrever seu negócio com suas próprias palavras e gerar um tema personalizado gratuito com inteligência artificial.
  • Escolha um tema gratuito no admin da Shopify.
  • Experimente uma das opções pagas da Loja de temas da Shopify. É possível pré-visualizar e personalizar os modelos no editor, mas é necessário comprar o tema antes de publicá-lo na loja virtual.
  • Caso você já tenha um tema em um arquivo ZIP salvo no computador, carregue-o.

Está trabalhando em um projeto de desenvolvimento ou está colaborando com um Parceiro da Shopify ou uma agência? Então considere as duas alternativas abaixo na hora de adicionar um tema à loja:

Você pode adicionar vários temas à sua conta para experimentar novos temas, manter versões sazonais do tema publicado ou testar alterações em uma cópia do tema publicado. Você pode visualizar qualquer um desses temas, mas apenas um tema pode ser publicado por vez. Quando você muda para um novo tema, ainda é possível acessar seu tema antigo na página Temas da Shopify.

Depois de adicionar um tema, crie um link para compartilhar uma pré-visualização dos temas não publicados com outras pessoas. Isso pode ser útil caso você queira receber feedback antes de publicar um novo tema ou antes de inaugurar a loja virtual. Não é possível compartilhar uma pré-visualização de uma tema publicado.

Nesta página

Requisitos de qualificação do tema

Analise os seguintes requisitos de qualificação para adicionar temas à sua loja ou organização:

  • O número máximo de temas que você pode adicionar depende do seu plano: - Lojas no plano Shopify Starter só podem adicionar o tema Spotlight. - Lojas e organizações nos planos Basic, Shopify e Advanced podem adicionar até 20 temas. - Lojas e organizações no plano Shopify Plus podem adicionar até 100 temas.

Lembre-se de que, se você atingir o limite do plano, será necessário remover um tema antes de adicionar um novo. Cada loja de expansão ativa precisa ter uma licença do tema.

Gerar um tema gratuito com inteligência artificial

Você pode usar IA para gerar um tema personalizado gratuito na página Temas do admin da Shopify. Além disso, a ajuda com as personalizações desses temas está disponível na Shopify.

Etapas:

Desktop

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Na seção Crie sua loja em segundos, escreva uma descrição do seu negócio e clique em Gerar tema para gerar até três temas personalizados gratuitos.

  3. Clique no tema de interesse e em Experimentar o tema para aplicá-lo à sua loja.

  4. adicionar o tema à seção "Biblioteca de temas" da página Temas do admin.

iPhone

  1. No app da Shopify, toque no botão menu horizontal.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar temas.

  4. Na seção Crie sua loja em segundos, situada perto da parte inferior da página, descreva a empresa e toque em Gerar temas. Isso vai gerar até três temas gratuitos personalizados.

  5. Toque em Experimentar o tema para usar o tema que você gostou na loja.

  6. adicionar o tema à seção "Biblioteca de temas" da página Temas do admin.

Android

  1. No app da Shopify, toque no botão Menu.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar temas.

  4. Na seção Crie sua loja em segundos, situada perto da parte inferior da página, descreva a empresa e toque em Gerar temas. Isso vai gerar até três temas gratuitos personalizados.

  5. Toque no tema de interesse e em Experimentar o tema para aplicá-lo na sua loja.

  6. adicionar o tema à seção "Biblioteca de temas" da página Temas do admin.

Adicionar um tema gratuito a partir do admin

Os temas gratuitos são desenvolvidos pela Shopify. Além disso, a ajuda com as personalizações desses temas está disponível na Shopify.

Os temas gratuitos são desenvolvidos pela Shopify. Além disso, a ajuda com as personalizações desses temas está disponível na Shopify.

Etapas:

Desktop

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Na seção Temas gratuitos populares, situada perto da parte inferior da página, você pode ver as principais opções gratuitas da Shopify Theme Store. Outra opção é clicar em Acessar Theme Store para ver todas as alternativas disponíveis.

  3. Clique no nome do tema para ver informações relacionadas na Loja de temas da Shopify.

  4. Clique no botão Adicionar para adicionar o tema à seção "Biblioteca de temas" da página Temas do admin.

iPhone

  1. No app da Shopify, toque no botão menu horizontal.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar temas.

  4. Na seção Temas gratuitos populares, situada perto da parte inferior da página, você pode ver as principais opções gratuitas da Shopify Theme Store. Outra opção é tocar em Acessar Theme Store para ver todas as alternativas disponíveis.

  5. Toque no nome do tema para ver informações relacionadas na Shopify Theme Store.

  6. Toque no botão Adicionar. adicionar o tema à seção "Biblioteca de temas" da página Temas do admin.

Android

  1. No app da Shopify, toque no botão Menu.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar temas.

  4. Na seção Temas gratuitos populares, situada perto da parte inferior da página, você pode ver as principais opções gratuitas da Shopify Theme Store. Outra opção é tocar em Acessar Theme Store para ver todas as alternativas disponíveis.

  5. Toque no nome do tema para ver informações relacionadas na Shopify Theme Store.

  6. Toque no botão Adicionar. adicionar o tema à seção "Biblioteca de temas" da página Temas do admin.

Experimentar uma das opções pagas da Loja de temas da Shopify

Antes de se comprometer a comprar um tema pago, você pode conhecê-lo visualizando-o no admin da Shopify. É possível usar o editor de temas para personalizar um tema visualizado, por exemplo, alterando-o para usar as cores ou o estilo da sua marca, bem como seus produtos. Se você comprar o tema, as personalizações que fizer serão salvas.

Pré-visualize até 19 temas pagos ao mesmo tempo e compare vários antes de decidir qual comprar. Os temas pagos em teste têm a etiqueta Avaliação gratuita do tema.

Para receber atendimento relacionado a um tema pago, entre em contato com o respectivo desenvolvedor.

Etapas:

  1. Acesse a Loja de temas da Shopify e escolha um tema pago.
  2. Clique em Experimentar tema para adicioná-lo à loja virtual.
  3. No admin da Shopify, clique em Loja virtual > Temas.
  4. Na seção Biblioteca de temas, clique no botão menu horizontal para abrir o menu de ações ao lado do tema que você quer pré-visualizar.
  5. Clique em Pré-visualizar.

Também é possível personalizar um tema na pré-visualização. Se você estiver contente com o tema, poderá comprá-lo. Além disso, as personalizações que você fizer nele serão salvas.

Comprar um tema da Loja de temas da Shopify

Somente usuários com todas as permissões de nível da loja abaixo podem comprar um tema na Shopify Theme Store:

  • Temas
  • Gerenciar e instalar apps e canais de vendas
  • Aprovar cobranças de apps

Depois de experimentar um tema pago na loja virtual, você pode comprá-lo. Lembre-se de que só é possível publicar os temas comprados. Um tema comprado na Shopify Theme Store é licenciado exclusivamente para a loja em que a compra foi feita. Caso queira usá-lo em uma loja diferente, talvez você possa ter a qualificação para transferi-lo.

Os temas pagos são criados por desenvolvedores de terceiros. O atendimento geral e as atualizações desses temas são fornecidos pelo respectivo desenvolvedor. Caso você precise de personalizações avançadas, mas não tenha experiência em desenvolvimento de sites com HTML, CSS e JavaScript, contrate um Parceiro da Shopify.

Etapas:

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Clique em Adicionar temas > Acessar Theme Store.

  3. Procure o tema que você quer comprar e clique em Experimentar tema.

  4. Na seção Biblioteca de temas, clique em Comprar no tema que você quer adquirir para iniciar a transação.

Fazer upload de um arquivo de tema do seu computador

Se você tiver um tema salvo no seu computador em arquivo ZIP, faça o upload dele na página Temas do admin da Shopify.

Antes de carregá-lo, verifique se os arquivos do tema estão compactados em um único ZIP.

Depois de fazer upload do arquivo ZIP, o tema será adicionado à página Temas do admin da Shopify.

Etapas:

Desktop

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Na seção Biblioteca de temas, clique em Adicionar tema > Fazer upload do arquivo compactado.

  3. Na caixa de diálogo Fazer upload de tema, clique em Escolher arquivo para selecionar o arquivo ZIP.

  4. Clique em Fazer upload.

iPhone

  1. No app da Shopify, toque no botão menu horizontal.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar temas.

  4. Na seção Biblioteca de temas, toque em Adicionar tema > Fazer upload do arquivo compactado.

  5. Na caixa de diálogo Fazer upload de tema, toque em Escolher arquivo para selecionar o arquivo ZIP.

  6. Toque em Fazer upload.

Android

  1. No app da Shopify, toque no botão Menu.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar temas.

  4. Na seção Biblioteca de temas, toque em Adicionar tema > Fazer upload do arquivo compactado.

  5. Na caixa de diálogo Fazer upload de tema, toque em Escolher arquivo para selecionar o arquivo ZIP.

  6. Toque em Fazer upload.

Trocar de temas

Novos temas adicionados à loja aparecem na seção Biblioteca de temas da página Temas na Shopify. Caso queira mudar para um novo tema, publique-o em sua loja virtual. Quando você faz isso, o tema antigo ainda fica disponível na biblioteca de temas (e é possível voltar a usá-lo).

Temas atualizados manualmente são exibidos como uma versão separada na biblioteca de temas. Quando você muda para a versão atualizada, a antiga ainda fica disponível na Biblioteca de temas. Para saber mais, consulte Atualizar temas.

Preparação para mudar de temas

Quando você adiciona um tema à biblioteca de temas, é possível personalizá-lo antes da publicação. Essa é uma boa oportunidade para fazer uma revisão e ajustar configurações e conteúdo para que reflitam sua empresa. Também é possível alternar vários temas que você preparou sem precisar configurá-los novamente.

Os produtos, as coleções, os menus, as páginas e os posts do blog da loja não são alterados ou excluídos quando você muda para um novo tema, pois são gerenciados no admin, separados do tema. No entanto, o conteúdo e as configurações gerenciados no editor de temas, no editor de código do tema e no editor de idiomas são exclusivos para cada tema e versão que você carregar.

As partes mencionadas a seguir estão vinculadas ao tema da loja virtual. Sendo assim, elas precisam ser personalizadas em cada tema que você usar:

Nem todos os temas aceitam todos os recursos da Shopify. Analise a lista de recursos do tema para confirmar se ele inclui tudo o que você precisa.

Pré-visualização do tema

Você pode pré-visualizar qualquer tema na seção Temas da loja virtual. A pré-visualização exibe o tema visualizado na loja virtual em uma aba do navegador com a barra de pré-visualização da loja.

A barra de pré-visualização da loja virtual exibe as seguintes informações sobre o tema:

  • O nome do tema.
  • O status do tema. O tema publicado tem o status Ativo. Temas não publicados têm o status Rascunho.

É possível personalizar a pré-visualização com as seguintes ações:

  • Na seção ícone de visualização Visualizar como, você pode selecionar um país ou idioma diferente para a pré-visualização. Saiba mais sobre mercados internacionais e como adicionar outros idiomas ao seu tema.
  • Clique no botão link para compartilhar uma pré-visualização do seu tema.
  • Clique em Fechar pré-visualização para fechar a pré-visualização e exibir o tema publicado.
  • Clique em Personalizar tema para abrir o editor de temas e personalizá-lo.
  • Clique próximo à parte superior da barra de pré-visualização para recolhê-la. Você pode clicar de novo para expandi-la.

Compartilhar uma pré-visualização de tema com outras pessoas

Se você está prestes a lançar sua loja virtual ou tem planos de usar um novo tema, pode compartilhar uma pré-visualização do tema e assim coletar o feedback de outras pessoas.

Você pode criar um link para outras pessoas acessarem uma pré-visualização de qualquer tema que você tenha adicionado no admin da Shopify. O tema não precisa ser publicado para ser compartilhado.

Um link de pré-visualização permite que outras pessoas conheçam a loja virtual sem acessar o checkout e permanece ativo por dois dias após a criação. Vale lembrar que é possível criar links com a frequência que você quiser, pois os novos links gerados não afetam os anteriores.

Etapas:

Desktop

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. No tema que você quer compartilhar, clique no botão menu horizontal para abrir o menu de ações e, depois, clique em Pré-visualização.

  3. Opcional: selecione um país, um idioma ou ambos para alterar a pré-visualização.

  4. Clique no botão link para copiar o link para a área de transferência.

iPhone

  1. No app da Shopify, toque no botão menu horizontal.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar temas.

  4. No tema que você quer compartilhar, toque no botão menu horizontal para abrir o menu de ações e, depois, toque em Pré-visualização.

  5. Opcional: selecione um país, um idioma ou ambos para alterar a pré-visualização.

  6. Toque em link para copiar o link para a área de transferência.

Android

  1. No app da Shopify, toque no botão Menu.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar temas.

  4. No tema que você quer compartilhar, toque no botão menu horizontal para abrir o menu de ações e, depois, toque em Pré-visualização.

  5. Opcional: selecione um país, um idioma ou ambos para alterar a pré-visualização.

  6. Toque em link para copiar o link para a área de transferência.

Solução de problemas de pré-visualização de temas

Há diferentes circunstâncias que podem fazer com que a pré-visualização do seu tema, ou a barra de pré-visualização do tema, não seja exibida de maneira correta. Caso você ainda tenha problemas após analisar as etapas deste guia, entre em contato com a equipe de atendimento do tema. Saiba mais sobre como receber atendimento para temas.

A barra de visualização é exibida na sua loja ativa

Em geral, isso acontece quando seu tema está adicionando de forma incorreta um parâmetro chamado preview_theme_id ao URL da loja virtual. Esse parâmetro serve apenas para visualização interna, mas se estiver presente em um URL ativo, forçará a barra de pré-visualização a ser exibida para todos os visitantes.

Acesse a loja virtual e verifique o parâmetro preview_theme_id na barra de endereço do navegador. Também é possível pedir aos seus clientes que encaminhem a você o endereço do link exibido na barra de pré-visualização.

Se o parâmetro preview_theme_id estiver incluído no URL da loja virtual, entre em contato com o desenvolvedor do tema para receber atendimento e explique o problema. O desenvolvedor do seu tema

Se você se sentir confortável para editar o código do tema, poderá pesquisar nos arquivos do tema tema por preview_theme_id e remover o código que o está adicionando ao URL. Os arquivos layout e os arquivos que contêm Javascript (com final .js) têm maior probabilidade de conter esse tipo de código. Edite o código de um tema apenas se você souber HTML e CSS, e tiver conhecimento básico do Liquid, a linguagem do modelo da Shopify, JSON e Javascript.

Esse problema foi relatado em temas comprados fora da Shopify Theme Store, como o tema Lumia da ThemeForest.

A pré-visualização de um rascunho de tema redireciona para o tema ativo

Se você clicar em Pré-visualizar em um tema não publicado e for redirecionado para seu tema ativo, isso quase sempre está relacionado ao cache do Cloudflare.

Se você usar o Cloudflare na frente da sua loja na Shopify, poderá ter configurações de cache que interferem no mecanismo de visualização da plataforma. A Shopify também usa o Cloudflare para armazenamento em cache, e essas camadas às vezes podem entrar em conflito. Vale lembrar que mencionamos possíveis conflitos com cache externo em nossa documentação.

Para garantir que a barra de pré-visualização funcione de maneira correta, desative o cache no Cloudflare para todas as solicitações da Shopify.

A barra de pré-visualização está completamente ausente

Se a barra de pré-visualização não for exibida quando você visualizar um tema, isso provavelmente é devido a um código personalizado ou a um app de terceiros que está modificando os scripts padrão do seu tema.

Esse problema pode ser causado por modificações que afetam o objeto do Liquid, geralmente encontrado no arquivo `theme.liquid` do seu tema, na pasta de layout. O script da barra de pré-visualização requer que o objeto seja carregado de maneira correta. Modificar esse objeto pode impedir o carregamento do script, resultando na ausência de uma barra de pré-visualização e em outros problemas com recursos e apps da Shopify .

É possível verificar o tema e os apps para saber a origem da modificação. Saiba como solucionar problemas do seu tema.

Não encontrou as respostas que está procurando? Estamos sempre à disposição para ajudar você.