Personalizar as páginas de informações do produto da Loja no Shop

É possível personalizar as páginas de informações do produto no app Shop com os blocos. Eles permitem adicionar seções (como imagens, vídeos, apresentações de slides e produtos recomendados) abaixo das informações do produto sem precisar programar. Assim, a Loja no Shop pode ter a mesma identidade visual do resto da sua marca.

Depois de adicionar blocos, as personalizações aparecem abaixo da seção Classificações e avaliações, nas páginas de informações do produto no app Shop e em shop.app.

Tipos de seção da página de informações do produto

Estes tipos de seção estão disponíveis para os blocos nas páginas de informações do produto da Loja no Shop:

  • Imagem: uma seção de imagem de largura da tela para fotos de estilo de vida, guias de tamanhos ou recursos visuais da marca. As seções de imagem aceitam links para um produto, uma coleção ou um URL externo.
  • Informações do produto: essa seção é adicionada por padrão ao modelo da página de informações do produto e fica em um local fixo. Só é possível ter uma seção desse tipo, e ela não pode ser movida nem personalizada.
  • Grupo de produtos: a seção de grupo de produtos permite destacar de 1 a 4 produtos relacionados por seção para cross-sell e pacotes, além de incluir um título.
  • Vídeo com opção de compra: vídeo com tags de produtos para os clientes comprarem direto da seção. É possível adicionar a cada um até 10 produtos com a opção de compra, os quais ficam em sobreposição ao vídeo.
  • Apresentação de slides: um carrossel de imagens, vídeos ou ambos com sobreposições de texto. É possível criar links para produtos individuais ou coleções, bem como escolher entre apresentações de slides básicas, gráficas e de sobreposição. As seções de apresentação de slides incluem botões de chamada para ação que você pode vincular a um produto, a uma coleção ou a um URL externo.
  • Vídeo: uma seção de vídeo de largura da tela para mostrar o produto em ação. Ela aceita links para um produto, uma coleção ou um URL externo. Você pode fazer upload de um vídeo próprio ou adicionar conteúdo gerado pelo usuário proveniente dos clientes.

Você pode adicionar até duas seções a cada modelo. Os formatos de mídia compatíveis incluem JPEG, PNG ou WebP para imagens, e MOV (QuickTime) ou MP4 para vídeos.

Criar um modelo

É possível criar modelos para aplicar personalizações a diferentes grupos de produtos na Loja no Shop. Por exemplo, você poderia criar um modelo para os produtos que precisam de uma seção de tabela de medidas e outro para aqueles que incluem um guia de estilo. Cada modelo se aplica apenas aos produtos que você atribui a ele.

Depois de criar um modelo, você pode editá-lo para adicionar seções e atribuir produtos a ele.

Passos:

  1. No admin da Shopify, acesse Canais de vendas > Shop.

  2. Na seção Loja, clique em Personalizar.

  3. No seletor de páginas, selecione Produtos e clique em Criar modelo.

  4. Insira um nome para o modelo e selecione um grupo de produtos no menu suspenso Com base em para aplicar o modelo a ele.

  5. Clique em Criar.

  6. Opcional: edite o modelo para adicionar seções a ele.

  7. Clique em Salvar.

Editar um modelo

É possível adicionar, editar, remover e reorganizar as seções dos modelos no editor do Shop.

Os modelos são atualizados logo que as alterações são salvas. Na pré-visualização do editor, selecione produtos diferentes para verificar como o modelo é exibido no Shop.

Passos:

  1. No admin da Shopify, acesse Canais de vendas > Shop.

  2. Na seção Loja, clique em Personalizar.

  3. No seletor de páginas, selecione Produtos e clique no modelo que você quer editar.

  4. No menu do modelo, siga um destes passos:

    • Para adicionar uma seção, clique em Círculo com sinal de mais Adicionar seção, selecione a seção desejada e personalize-a.
    • Para reorganizar as seções, altere a posição com o recurso arrastar e soltar.
    • Para editar uma seção atual, clique nela e faça as alterações.
    • Para remover uma seção ou o slide de uma apresentação de slides, clique no ícone Excluir ao lado dela.
  5. Clique em Salvar.

Atribuir produtos a um modelo

Você pode atribuir e remover produtos de um modelo a qualquer momento. Também é possível atribuir um único produto a um modelo para personalizações por produto, como imagens exclusivas de estilo de vida para um produto principal.

Os produtos que não são atribuídos a nenhum modelo específico usam o modelo Padrão. Se você não adicionar nenhuma seção ao modelo Padrão, esses produtos usarão a página de informações do produto padrão sem blocos.

Passos:

  1. No admin da Shopify, acesse Canais de vendas > Shop.

  2. Na seção Loja, clique em Personalizar.

  3. No seletor de página, escolha o modelo ao qual você quer atribuir produtos.

  4. No menu Modelo, ao lado do nome do modelo, clique no ícone Editar.

  5. Na caixa de diálogo, selecione ou pesquise os produtos que você quer atribuir ao modelo.

  6. Clique em Atribuir.

Exibir as páginas de informações do produto do Shop em outros idiomas

Ao contrário da página inicial da Loja no Shop, as páginas de informações do produto no Shop aparecem apenas no idioma principal da loja.

Se você quiser que as páginas de informações do produto apareçam em outros idiomas compatíveis no Shop, considere traduzir a loja com o app Translate & Adapt ou com um app de tradução de terceiros que use a Translation API e a mutação translationsRegister do Shop.

Exibir ou remover Shop Minis das páginas de informações do produto

Seus produtos podem aparecer nos Shop Minis, que são experiências interativas de compra no app Shop. Além disso, Shop Minis relevantes, como provadores virtuais, podem ser exibidos nas páginas de informações do produto no Shop.

Embora não seja possível remover os produtos da exibição nos Shop Minis, você pode ativar ou desativar os Shop Minis nas páginas de informações do produto. Eles vêm ativados por padrão. É possível gerenciar isso nas configurações do canal de vendas Shop.

Passos:

  1. No admin da Shopify, acesse Canais de vendas > Shop.

  2. Clique em Configurações.

  3. Na seção Shop Minis, siga um destes passos:

    • Para evitar a exibição dos Shop Minis nas páginas de informações do produto, clique em Desativar.
    • Para exibir os Shop Minis nas páginas de informações do produto, clique em Ativar.