Gerar blocos de temas de forma automática no editor de temas

O Shopify Magic permite usar inteligência artificial (IA) para gerar um novo bloco de temas no editor de temas com base nas informações fornecidas por você.

Considerações para gerar blocos de temas

Confira as seguintes considerações para gerar blocos de temas:

  • Códigos gerados por IA podem nem sempre ser perfeitos. Às vezes, eles podem produzir erros, resultados inesperados ou um código que não atenda totalmente às práticas recomendadas de acessibilidade ou de desempenho. Você é responsável por revisar, testar e garantir que o bloco gerado atenda aos seus padrões e funções de forma correta.
  • Confira a aparência do bloco nas exibições de desktop e de dispositivos móveis na pré-visualização do editor de temas.
  • Se o bloco incluir configurações de personalização, teste-as depois de adicioná-lo para garantir que funcionem conforme o esperado.
  • Depois de gerar um bloco de temas, o novo arquivo do liquid para o bloco é adicionado à pasta blocos no código do seu tema. - Blocos de temas são compostos pelo Liquid, a linguagem do modelo da Shopify. Os arquivos dos blocos de temas também contêm HTML, CSS, JSON e JavaScript. Depois de gerar um bloco de temas, o novo arquivo do liquid para o bloco é adicionado à pasta blocos no código do seu tema.
    The theme code editor blocks folder
    - Se quiser editar um código para fazer a edição de um bloco de tema gerado, acesse o código do tema. Edite o código do tema somente se você souber HTML e CSS e tiver um entendimento básico de Liquid. - O arquivo liquid gerado pelo Shopify Magic é autocontido. Você ainda pode atualizar seu tema quando novas versões forem publicadas na loja de temas.

Requisitos de qualificação para gerar blocos de temas

Confira os seguintes requisitos para gerar blocos de temas.

Requisitos de plano

A loja precisa estar em um dos seguintes planos:

  • Avaliação gratuita
  • Basic
  • Grow
  • Advanced
  • Plus

Este recurso não está disponível no plano Shopify Starter, que usa o tema Spotlight e não oferece suporte à adição de seções ou de blocos de temas personalizados.

Requisitos de idioma

O idioma preferencial da conta precisa ser o inglês.

Compatibilidade do tema

O recurso de geração de bloco de tema está disponível apenas para temas criados pela Shopify, como os temas gratuitos da Shopify Theme Store. Seu tema deve atender às seções que aceitam Theme Block. Você só pode gerar blocos para seções que aceitam Theme Block.

Saiba mais sobre diferentes fontes de bloco.

Dicas para escrever uma instrução eficaz

Em geral, a qualidade do bloco gerado depende da qualidade da sua instrução. Analise as práticas recomendadas a seguir para escrever instruções.

Escreva instruções específicas e descritivas

A instrução deve ter no mínimo cinco palavras. Instruções mais longas, com mais informações, provavelmente retornarão resultados mais precisos.

Por exemplo, em vez de digitar adicionar imagens e texto, digite criar um bloco com uma imagem à esquerda e um título, texto de parágrafo e um botão "Comprar agora" à direita. Empilhar em dispositivos móveis.

Mencione os elementos de conteúdo

Liste os tipos de conteúdo necessários para o bloco, como títulos, parágrafos, imagens, botões, formulários e ícones.

Sugira um layout

Descreva a disposição dos elementos no bloco, como lado a lado, em grade, centralizado ou em linhas alternadas.

Inclua configurações de personalização

Se você quiser que o bloco tenha configurações editáveis específicas no editor de temas (como alterar a imagem, o texto ou o link do botão), inclua-as na instrução.

Por exemplo, para incluir uma configuração para controlar a velocidade da animação em um bloco com um vídeo, insira Incluir uma configuração para controlar a velocidade da animação.

Faça iterações com instruções de acompanhamento

Se o primeiro resultado não for o ideal, ajuste a instrução com mais informações ou uma frase diferente e depois gere de novo.

Exemplo de instrução

Confira abaixo exemplos de instruções que seguem as práticas recomendadas:

  • Bloco de depoimentos com foto do cliente, texto de citação, nome do cliente e exibição de avaliação de 5 estrelas.
  • Bloco de recursos lado a lado: o lado esquerdo tem um ícone e um título, o lado direito tem um texto descritivo.
  • Banner de largura total com uma imagem de fundo, texto de título grande centralizado, texto de subtítulo menor abaixo dele e um botão call-to-action .

Gerar um bloco de temas

Depois de gerar um bloco e decidir mantê-lo, o novo bloco é adicionado ao seletor de bloco. Você pode adicionar o bloco às seções compatíveis que aceitam blocos de temas.

Etapas:

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Encontre o tema que você quer editar e clique em Personalizar.

  3. Personalize a página inicial ou toque no menu suspenso Página inicial e selecione o modelo ao qual você quer adicionar uma seção.

  4. Clique na seção para a qual você quer gerar um bloco.

  5. Clique em Adicionar bloco.

  6. Clique em Generate ("Gerar").

  7. Insira uma descrição do bloco que você quer gerar.

  8. Clique em Generate ("Gerar"). O Shopify Magic processará sua solicitação e criará o código.

  9. Pré-visualize o bloco gerado diretamente no editor de temas. Se as configurações de personalização foram geradas, você pode personalizar o bloco.

  10. Se estiver contente com o bloco gerado, clique em Manter. Caso contrário, você pode descartá-lo ou fornecer instruções de acompanhamento.

Excluir um bloco de temas gerado do tema da loja

Depois de gerar um bloco de temas, o novo arquivo do liquid para o bloco é adicionado à pasta blocos no código do seu tema. Se um bloco de temas gerado estiver causando problemas na loja, você poderá excluí-lo apagando o arquivo liquid do código do tema.

Etapas:

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Ao lado do tema que você quer editar, clique em Personalizar.

  3. Personalize a página inicial ou toque no menu suspenso Página inicial e selecione o modelo ao qual você quer adicionar uma seção.

  4. Clique em uma seção que contém o bloco que você quer excluir. Se você removeu anteriormente todas as instâncias do bloco, clique em Adicionar bloco para adicioná-lo de novo a partir do seletor de bloco.

  5. Nas configurações do bloco, clique em Menu horizontal > código Editar código.

  6. No menu da barra lateral, clique na pasta de blocos para expandi-la e, em seguida, encontre o arquivo do bloco que você está visualizando no momento. O arquivo corresponderá ao nome do bloco que está aberto no momento e termina em .liquid.

    The theme code editor blocks folder and open theme blocks file to be deleted

  7. No menu da barra lateral, clique no ícone Excluir ao lado do arquivo do bloco.

  8. Na caixa de diálogo, clique em Excluir arquivo para confirmar.

Não encontrou as respostas que está procurando? Estamos sempre à disposição para ajudar você.