Como ampliar um tema com apps

Instale apps para adicionar recursos e integrações ao tema. Basta acessar a App Store da Shopify para encontrá-los.

Os apps podem se integrar ao tema das seguintes maneiras:

  • Como um bloco de apps: os blocos permitem adicionar funcionalidades de apps exatamente onde você quer usá-las no tema. É possível adicionar, remover, pré-visualizar, reposicionar e personalizar esses blocos por meio do editor de temas.
  • Como um app incorporado: incorporações são elementos fornecidos por apps que podem flutuar ou aparecer como sobreposição no tema ou, ainda, adicionar códigos à loja virtual sem que os clientes vejam. É possível ativar, desativar, pré-visualizar e personalizar essas incorporações com o editor de temas.
  • Com a adição de um código personalizado: alguns apps injetam códigos diretamente no tema para adicionar funcionalidades a ele. Vale destacar que é possível personalizar o app nas configurações dele ou no editor de temas.

Blocos de apps

Os blocos de apps podem ser adicionados como blocos em uma seção e como seções em um modelo. Isso permite adicionar funcionalidades de apps exatamente onde você deseja usá-las em uma página. Os blocos podem ser adicionados, removidos, reposicionados e personalizados pelo editor de temas. É importante lembrar que eles podem ser compatíveis apenas com determinados tipos de página, por exemplo: um app de tabela de tamanhos pode ser compatível apenas com páginas de produto.

Bloco de app em uma seção:

Um bloco de app como uma seção.

Bloco de app como seção em um modelo:

Um bloco de app como uma seção em um modelo.

Compatibilidade do bloco de apps em seções

Algumas seções do tema podem não ser compatíveis com blocos de apps. Para identificá-las, consulte a documentação do tema ou entre em contato com o desenvolvedor.

Em caso positivo e se houver um app compatível instalado, uma seção Apps será exibida no seletor de blocos.

Como adicionar um bloco de app a uma seção

  1. Acesse a página e a seção em que você quer adicionar o bloco de apps.
  2. Clique em Adicionar bloco.
  3. No menu suspenso da seção Apps, selecione o bloco de app que você quer adicionar, ou clique na barra de pesquisa e insira o termo a ser buscado nos aplicativos instalados.
  4. Opcional: mova o bloco de app para o local de sua preferência e personalize-o com as configurações disponíveis.
  5. Clique em Salvar.

Como adicionar um bloco de app a um modelo

  1. Acesse a página em que você quer adicionar a seção do app.
  2. Clique em Adicionar seção.
  3. No menu suspenso da seção Apps, escolha a opção que você quer adicionar à página ou clique na barra Pesquisar e digite o termo a ser procurado nos apps instalados.
  4. Opcional: mova a seção do app para o local desejado na página e personalize o bloco com as configurações disponíveis.
  5. Clique em Salvar.

O app é adicionado como um bloco na seção Apps, e é possível inserir blocos extras. Além disso, pode haver várias seções Apps em uma página.

Incorporações de apps

As incorporações de app são elementos que flutuam ou aparecem como uma sobreposição no tema ou que adicionam código à loja virtual sem que os clientes vejam. Por exemplo, um app de chat que aparece no canto da loja, um app de análise ou ainda um app de rastreamento podem ser incorporados à loja. As incorporações podem ser ativadas, desativadas e personalizadas por meio do editor de temas, bem como usadas em todas as versões.

Um bloco de app incorporado.

Como ativar uma incorporação de app

  1. Clique em Incorporar apps.
  2. Selecione a incorporação de app que você quer ativar ou clique na barra Pesquisar e digite o termo a ser procurado nos apps instalados.
  3. Clique no botão de alternância ao lado do app para ativá-lo.
  4. Opcional: clique no ícone de expansão ao lado do nome do app incorporado para ver suas configurações.

Apps adicionados ao código do tema

Alguns apps injetam código diretamente no código do tema para adicionar suas funcionalidades. Depois de instalar um app, é possível que você receba instruções que incluem editar o código do tema para adicionar a funcionalidade na posição que preferir. Para personalizar um app, acesse suas configurações ou use o editor de temas.

Se o tema tiver uma seção Liquid personalizado, talvez seja possível adicionar o código do app à seção no editor de temas, em vez de editar o código do tema diretamente.

Tudo pronto para começar a vender com a Shopify?

Experimente de graça