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 exatamente onde você deseja usá-las no tema. É possível adicionar, remover, pré-visualizar, reposicionar e personalizar blocos de apps 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 incorporações de apps com o editor de temas.
  • Ao adicionar um código personalizado: alguns apps injetam códigos diretamente no código do tema para adicionar funcionalidades a ele. Além disso, é possível personalizar o app diretamente usando as suas configurações ou o 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:

An app block being used in a section.

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

An app block being used as a section in a template.

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 que você quer adicionar à seção.
  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. Na seção Apps do menu suspenso, selecione o app que você quer adicionar à página.
  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 em uma seção Apps. Vale lembrar que é possível adicionar mais blocos de app a uma seção, bem como adicionar várias seções Apps a 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.

An app embed block.

Como ativar uma incorporação de app

  1. Clique em configurações do tema.
  2. Clique na aba Incorporar apps.
  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 tem uma seção Liquid personalizado, é 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