Aprimorar o tema com apps
É possível instalar apps para adicionar recursos e integrações ao tema. Você encontra os apps na Shopify App Store.
Os apps podem se integrar ao tema das seguintes maneiras:
- Como bloco de app: com os blocos de app, é possível adicionar funcionalidades de apps exatamente onde você quer usá-las no tema. É possível adicionar, remover, visualizar, reposicionar e personalizar blocos de app pelo editor de temas.
- Como incorporação de app: as incorporações de app são elementos fornecidos pelo app que flutuam ou são exibidos como uma sobreposição no tema ou que adicionam código à loja virtual sem que fiquem visíveis para os clientes. Você pode ativar, desativar, visualizar e personalizar as incorporações de app no editor de temas.
- Pela adição de código personalizado: alguns apps injetam código diretamente no código do tema para adicionar funcionalidades a ele. É possível personalizar o app usando as configurações dele ou o editor de temas.
Blocos de app
É possível adicionar apps como blocos em uma seção e como seções em um modelo. Isso permite adicionar funcionalidades de apps exatamente onde você quer usá-las em uma página. Os blocos de app podem ser adicionados, removidos, reposicionados e personalizados no editor de temas.
Pode ser que os blocos de apps sejam compatíveis apenas com determinados tipos de página. Por exemplo, um app de tabela de tamanhos talvez seja compatível apenas com páginas de produto.
Bloco de app usado em uma seção:
Bloco de app usado como seção em um modelo:
Compatibilidade de blocos de app em seções
Algumas seções do tema podem não ser compatíveis com blocos de app. Para saber quais seções do tema são compatíveis com blocos de app, consulte a documentação do tema ou entre em contato com o desenvolvedor.
Se uma seção for compatível com blocos de app e você tiver um app compatível instalado, a seção Apps será exibida no seletor de bloco.
Adicionar um bloco de app a uma seção
Desktop
No admin da Shopify, acesse Loja virtual > Temas.
Encontre o tema que você quer editar e clique em Personalizar.
Acesse a página e a seção em que você quer adicionar o bloco de app.
Na barra lateral, clique em Adicionar bloco.
No menu suspenso, na seção Apps, selecione o bloco de app que você quer adicionar à seção ou clique na barra de pesquisa e insira um termo para pesquisar nos apps instalados.
Opcional: clique e arraste o ícone ⠿ para mover o bloco para outro local disponível na página. Você também pode personalizar o bloco usando as configurações disponíveis.
Clique em Salvar.
Celular
No Shopify app, toque no ícone
.Na seção Canais de vendas, toque em Loja virtual.
Toque em Gerenciar todos os temas.
Encontre o tema que você quer editar e toque em Personalizar.
Toque em Editar.
Acesse a página e a seção em que você quer adicionar o bloco de app.
Na barra lateral, toque em Adicionar bloco.
No menu suspenso, na seção Apps, selecione o bloco de app que você quer adicionar à seção ou toque na barra de pesquisa e insira um termo para pesquisar nos apps instalados.
Opcional: toque e arraste o ícone ⠿ para mover o bloco para outro local disponível na página. Também é possível personalizar o bloco com as configurações disponíveis.
Toque em Salvar ou ✓.
Adicionar um bloco de app a um modelo
Desktop
No admin da Shopify, acesse Loja virtual > Temas.
Encontre o tema que você quer editar e clique em Personalizar.
Acesse a página em que deseja adicionar a seção do app.
Na barra lateral, clique em Adicionar seção.
No menu suspenso, na seção Apps, selecione o app que deseja adicionar à página ou clique na barra Pesquisar e insira um texto para pesquisar nos apps instalados.
Opcional: clique e arraste o ícone ⠿ para mover o bloco para outro local disponível na página. Você também pode personalizar o bloco usando as configurações disponíveis.
Clique em Salvar.
Celular
No Shopify app, toque no ícone
.Na seção Canais de vendas, toque em Loja virtual.
Toque em Gerenciar todos os temas.
Encontre o tema que você quer editar e toque em Personalizar.
Toque em Editar.
Acesse a página em que deseja adicionar a seção do app.
Na barra lateral, toque em Adicionar seção.
No menu suspenso, na seção Apps, selecione o app que deseja adicionar à página ou toque na barra Pesquisar e insira um texto para pesquisar nos apps instalados.
Opcional: toque e arraste o ícone ⠿ para mover o bloco para outro local disponível na página. Também é possível personalizar o bloco com as configurações disponíveis.
Toque em Salvar ou ✓.
O app é adicionado como um bloco em uma seção Apps. É possível adicionar outros blocos de apps à seção. Também é possível adicionar várias seções Apps a uma página.
Incorporações de apps
As incorporações de apps são elementos fornecidos por apps que flutuam, são exibidos como sobreposição no tema ou adicionam código à loja virtual sem ficarem visíveis para os clientes. Por exemplo, um app de balão de chat que aparece no canto da loja, ou um app de análise ou rastreamento, pode ser adicionado à loja como uma incorporação de app. As incorporações de apps podem ser ativadas, desativadas e personalizadas no editor de temas e usadas com qualquer versão do tema.
Se tiver vários mercados, você poderá personalizar as incorporações de app para cada mercado. Por exemplo, é possível ativar uma incorporação de app de chat apenas para o mercado da América do Norte ou definir diferentes configurações de incorporação de app para mercados diferentes. Para personalizar as incorporações de app de um mercado específico, selecione o mercado no menu suspenso Mercado do editor de temas antes de ativar ou configurar as incorporações de app. Para saber mais sobre a personalização do tema para mercados específicos, consulte Adaptar o tema para mercados específicos ou para o Shopify B2B.
Ativar uma incorporação de app
Desktop
No admin da Shopify, acesse Loja virtual > Temas.
Encontre o tema que você quer editar e clique em Personalizar.
Opcional: se quiser personalizar a incorporação de app para um mercado específico, clique no menu suspenso Mercado e selecione o mercado a ser personalizado. Se você não selecionar um mercado, as alterações serão aplicadas ao padrão da loja.
Na barra lateral, clique no ícone Incorporações de apps.
Selecione a incorporação de app que deseja ativar ou clique na barra Pesquisar e insira um termo para pesquisar nos apps instalados.
Ao lado da incorporação de app que deseja ativar, clique no botão de alternância para ativá-la.
Opcional: clique no ícone de expansão
▸ao lado do nome da incorporação de app para ver as configurações.Clique em Salvar.
Visualize a loja para ver o app incorporado em tempo real.
Celular
No Shopify app, toque no ícone
.Na seção Canais de vendas, toque em Loja virtual.
Toque em Gerenciar todos os temas.
Encontre o tema que você quer editar e toque em Personalizar.
Opcional: se quiser personalizar a incorporação de app para um mercado específico, toque no menu suspenso Mercado e selecione o mercado a ser personalizado. Se você não selecionar um mercado, as alterações serão aplicadas ao padrão da loja.
Toque em … > Incorporações de apps.
Selecione a incorporação de app que deseja ativar ou insira um termo na barra de pesquisa para pesquisar nos apps instalados.
Ao lado da incorporação de app que deseja ativar, toque no botão de alternância para ativá-la.
Opcional: toque no ícone de expansão
▸ao lado do nome da incorporação de app para ver as configurações.Toque em Salvar.
Visualize a loja para ver o app incorporado em tempo real.
Apps adicionados ao código do tema
Alguns apps injetam o código diretamente no código do tema para adicionar funcionalidades. Após a instalação do app, você pode receber instruções de adesão que incluem editar o próprio código para adicionar a funcionalidade do app onde deseja que ela apareça no tema. É possível personalizar o app nas configurações dele ou no editor de temas.
Se o tema oferecer uma seção de Liquid personalizado, talvez seja possível adicionar o código do app a uma seção de Liquid personalizado no editor de temas em vez de editar o código do tema diretamente.