Adicionar, pré-visualizar e comprar temas

Para ajudar você a começar, a página Temas do admin tem um tema-padrão configurado quando você abre uma conta na Shopify. Se quiser personalizar outro tema para a loja virtual, será preciso adicioná-lo ao admin.

É possível adicionar um tema das seguintes maneiras:

• Você pode descrever a empresa com suas próprias palavras e gerar um tema gratuito e personalizado com IA.
• É possível adicionar um tema gratuito pelo admin da Shopify.
• Você pode experimentar um tema pago da Shopify Theme Store. É possível pré-visualizar qualquer tema e personalizá-lo usando o editor de temas. É preciso comprar o tema para publicá-lo na loja virtual.
• Se você já tiver um tema em um arquivo ZIP no computador, poderá fazer o upload dele.

Se você for desenvolvedor ou trabalhar com um parceiro da Shopify ou uma agência, também poderá adicionar um tema à loja das seguintes maneiras:

• Você pode adicionar um tema hospedado no GitHub à sua loja usando a integração da Shopify com o GitHub.
• É possível enviar um tema para a loja usando a Shopify CLI.

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

Depois de adicionar um tema, é possível criar um link para compartilhar uma prévia dele com outras pessoas antes da publicação. Isso pode ser útil caso você queira receber feedback antes de publicar um novo tema ou lançar a loja virtual. Não é possível compartilhar uma prévia do tema publicado.

Requisitos de qualificação para temas

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

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

Se você atingir o limite de temas do plano, precisará remover um tema para adicionar outro. As lojas de expansão precisam ter uma licença de tema para cada loja de expansão ativa.

Gerar um tema gratuito com IA

Use a IA para gerar um tema personalizado gratuito na página Temas do admin da Shopify. O atendimento da Shopify ajuda com as personalizações de temas gratuitos.

Use a IA para gerar um tema personalizado gratuito na página Temas do admin da Shopify. O atendimento da Shopify ajuda com as personalizações de temas gratuitos.

Etapas:

Adicionar um tema gratuito pelo admin

Os temas gratuitos são desenvolvidos pela Shopify. O atendimento da Shopify ajuda com as personalizações de temas gratuitos.

Os temas gratuitos são desenvolvidos pela Shopify. O atendimento da Shopify ajuda com as personalizações de temas gratuitos.

Etapas:

Experimentar um tema pago da Shopify Theme Store

Antes de se comprometer a comprar um tema pago, você pode testá-lo e visualizá-lo no admin da Shopify. É possível usar o editor de temas para personalizar um tema em modo de visualização, por exemplo, alterando-o para usar as cores, o estilo da marca e os produtos. Se você comprar o tema, as personalizações feitas serão salvas.

É possível visualizar até 19 temas pagos ao mesmo tempo, o que permite comparar temas diferentes antes de comprar. Os temas pagos que você está testando têm a etiqueta Avaliação de tema.

Para receber atendimento para um tema pago, entre em contato com o desenvolvedor do tema.

Etapas:

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

É possível personalizar as configurações de um tema durante a visualização. Se gostar do tema, você poderá comprá-lo. As personalizações feitas no tema são salvas. Não é possível editar o código do tema nem usar o gerador de código com IA quando o tema está em avaliação.

Comprar um tema da Shopify Theme Store

Apenas pessoas usuárias com todas as seguintes permissões no nível da loja podem comprar um tema na Shopify Theme Store:

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

Depois de testar um tema pago na loja virtual, você pode optar por comprá-lo. Só é possível publicar temas comprados na loja virtual. Quando você compra um tema da Shopify Theme Store, ele é licenciado exclusivamente para a loja em que a compra foi feita. Se quiser usar o tema em outra loja, talvez você se qualifique para transferi-lo.

Os temas pagos são criados por desenvolvedores de temas de terceiros. O atendimento geral e as atualizações para temas de terceiros são fornecidos pelo desenvolvedor do tema. Se você precisar de personalizações avançadas, mas não tiver experiência no 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 > Visitar a Theme Store.

3. Procure um tema que você queira comprar e clique em Testar tema.

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

Fazer upload de um arquivo de tema do computador

Se você tiver um tema em um arquivo ZIP no computador, poderá fazer o upload para a página Temas no admin da Shopify.

Antes de fazer o upload, verifique se os arquivos do tema estão compactados em um único arquivo ZIP.

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

Etapas:

Troca de temas

Quando você adiciona novos temas à loja, eles são exibidos na seção Temas de rascunho da página Temas na Shopify. É possível mudar para um novo tema ao publicá-lo na loja virtual. Quando um novo tema é publicado, o antigo continua disponível nos temas de rascunho (e você pode voltar para ele, se quiser).

Se você atualizar o tema manualmente, a versão atualizada será exibida como uma versão separada nos temas de rascunho. Quando você muda para a versão atualizada, a antiga continua disponível nos rascunhos. Para saber mais, consulte Atualizar temas.

Preparação para a troca de temas

Ao adicionar um tema aos rascunhos, é possível personalizá-lo antes da publicação. Essa é uma ótima oportunidade para analisar o novo tema e ajustar as configurações e o conteúdo para refletir a empresa, antes de substituir o tema existente. Além disso, você pode alternar entre vários temas que já preparou sem precisar configurá-los novamente.

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

As partes a seguir da loja virtual estão associadas ao tema. É preciso personalizar essas partes da loja virtual para cada tema que você quer usar:

• As configurações aplicadas a seções e blocos na loja
• Configurações globais do tema, incluindo cores e fontes aplicadas à loja virtual
• Texto e terminologia
• Personalizações de código, incluindo as adicionadas por um app
• Modelos de tema disponíveis

Nem todos os temas são compatíveis com todos os recursos da Shopify. Analise a lista de recursos do tema para se certificar de que ele tem os recursos de que você precisa.

Visualização do tema

É possível visualizar qualquer tema na seção Temas da loja virtual. A visualização exibe o tema na loja virtual em uma aba do navegador com a barra de visualização da loja virtual.

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. Os temas não publicados têm o status Rascunho.

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

• Na seção Visualizar como, selecione um país ou idioma diferente para pré-visualizar. Saiba mais sobre mercados internacionais e como adicionar outros idiomas ao tema.
• Clique no botão para compartilhar uma pré-visualização do tema.
• Clique em Fechar pré-visualização para fechar a pré-visualização e exibir o tema publicado.
  • Clique em Editar tema para abrir o editor de temas e personalizar o tema.
• Clique perto da parte superior da barra de pré-visualização para recolhê-la. Você pode clicar nela novamente para expandi-la.

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

Se você está prestes a lançar sua loja virtual ou planeja alterá-la com a publicação de um novo tema, pode pedir feedback a outras pessoas e compartilhar uma pré-visualização do tema.

É possível criar um link para que outras pessoas acessem a pré-visualização de qualquer tema adicionado no admin da Shopify. Não é preciso que o tema esteja publicado para ser compartilhado.

Existem dois tipos de pré-visualização de tema:

• Pré-visualizações de visitante: as pré-visualizações de visitante são visíveis para qualquer pessoa com a URL e não exigem autenticação. Elas expiram 2 dias após a criação da URL. As URLs de pré-visualização de visitante usam o formato https://<token>-<shop_id>.shopifypreview.com.
• Pré-visualizações do lojista: as pré-visualizações do lojista exigem autenticação no admin e dão acesso a checkouts. Elas expiram 30 dias após a criação da URL. As URLs de pré-visualização do lojista usam o formato do domínio primário com um parâmetro de token.

Ao clicar em Pré-visualizar em um tema, a URL de pré-visualização do lojista é exibida na barra de endereço do navegador. Para criar um link de pré-visualização de visitante para compartilhar com outras pessoas, clique no botão na barra de pré-visualização. É possível criar novos links sempre que quiser, e a criação de um novo link não afetará os links de pré-visualização antigos.

Etapas:

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

Há diferentes circunstâncias que podem fazer com que a pré-visualização do tema ou a barra de pré-visualização não sejam exibidas corretamente. Se você ainda tiver problemas com o tema depois de consultar as etapas deste guia, talvez seja necessário entrar em contato com a equipe de atendimento do tema. Saiba mais sobre como receber atendimento para temas.

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

Isso geralmente acontece quando o tema adiciona incorretamente um parâmetro chamado preview_theme_id às URLs da loja virtual. Esse parâmetro serve apenas para pré-visualização interna, mas, se estiver presente em URLs ativas, forçará a exibição da barra de pré-visualização para todos os visitantes.

Acesse sua loja virtual e procure o parâmetro preview_theme_id na barra de endereço do navegador. Você também pode pedir para os clientes encaminharem o endereço do link no qual a barra de pré-visualização é exibida.

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

Se você tiver familiaridade com a edição de código do tema, procure preview_theme_id nos arquivos do tema e remova o código que o adiciona às URLs. Os arquivos de layout e os que contêm Javascript (com terminação .js) são os que 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 noções básicas de Liquid, a linguagem de 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 tema de rascunho redireciona para o tema ativo

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

Se você usa o Cloudflare na sua loja na Shopify, pode ser que as configurações de cache interfiram no mecanismo de pré-visualização da Shopify. A Shopify também usa o Cloudflare para cache, e essas camadas às vezes podem entrar em conflito. Mencionamos possíveis conflitos com cache externo em nossa documentação.

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

A barra de pré-visualização não aparece

Se a barra de pré-visualização não for exibida quando você pré-visualiza um tema, isso provavelmente ocorre por causa de um código personalizado ou de um app de terceiros que modifica os scripts-padrão do tema.

Provavelmente, esse problema é causado por modificações que afetam o objeto `Liquid`, que costuma estar no arquivo `theme.liquid` do tema, na pasta de `layout`. O script da barra de pré-visualização exige que o objeto `Liquid` seja carregado corretamente. A modificação desse objeto pode impedir o carregamento do script, o que resulta na ausência da barra de pré-visualização e em outros problemas com recursos e apps da Shopify.

Verifique o tema e os apps para encontrar a origem da modificação. Saiba como solucionar problemas do tema.