Gerar blocos de temas automaticamente no editor de temas

Com o Shopify Magic, é possível usar a inteligência artificial (IA) para gerar um novo bloco de temas no editor de temas com base nas informações fornecidas.

Considerações sobre a geração de blocos de temas

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

• O código gerado por IA pode não ser sempre perfeito. Às vezes, ele pode produzir erros, resultados inesperados ou um código que não atende totalmente às práticas recomendadas de acessibilidade ou desempenho. É sua responsabilidade analisar, testar e garantir que o bloco gerado atenda a seus padrões e funcione corretamente.
• Visualize a aparência do bloco nas visualizações para desktop e dispositivos móveis na pré-visualização do editor de temas.
• Se o bloco incluir configurações de personalização, teste-as após adicioná-lo para garantir que funcionem como o esperado.
• Depois que você gera um bloco de tema, o novo arquivo liquid do bloco é adicionado à pasta blocks no código do tema.
  • Os blocos de temas são compostos de Liquid, a linguagem de modelo da Shopify. Os arquivos de bloco de tema também contêm HTML, CSS, JSON e JavaScript. Depois que você gera um bloco de tema, o novo arquivo liquid do bloco é adicionado à pasta blocks no código do tema.

    

  • Se você quiser editar um bloco de tema gerado pela edição do código, poderá editar o código do tema. Edite o código do tema apenas se você tiver conhecimento de HTML e CSS, além de noções básicas de Liquid.
  • O arquivo liquid gerado pelo Shopify Magic é independente. Você ainda pode atualizar o tema quando novas versões forem publicadas na Loja de temas da Shopify.

Requisitos de qualificação para gerar blocos de temas

Analise os seguintes requisitos para gerar blocos de temas.

Requisitos do plano

A loja precisa estar em um dos seguintes planos:

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

O recurso não está disponível no plano Starter, que usa o tema Spotlight e não permite adicionar seções ou blocos de temas personalizados.

Compatibilidade do tema

O recurso de geração de blocos de temas está disponível para todos os temas na Loja de temas da Shopify. Se você usa um tema de terceiros compatível, é necessário comprar o tema antes de gerar os blocos de temas, pois a versão de avaliação gratuita não é compatível com o recurso.

O recurso não está disponível em temas vintage. Saiba mais sobre os recursos para diferentes versões de arquitetura de tema.

Requisitos de permissão de usuário

Os usuários a seguir podem gerar blocos em temas:

• O lojista e o proprietário da organização.
• Usuários com as funções de Administrador ou Administrador da organização.
• Usuários com uma Função na loja que inclua a permissão Editar código.

Dicas para escrever avisos eficazes de blocos de temas

A qualidade do bloco gerado costuma depender da qualidade do aviso. Siga estas práticas recomendadas:

• Seja específico e descritivo: os avisos devem ter no mínimo cinco palavras. Avisos mais longos e com mais detalhes têm maior probabilidade de gerar resultados precisos. Por exemplo, em vez de inserir adicionar imagens e texto, insira 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 o 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 quiser que o bloco tenha configurações editáveis específicas no editor de temas, como a opção de alterar a imagem, o texto ou o link de botão, inclua-as no aviso. Por exemplo, para ter uma configuração que controle a velocidade da animação em um bloco com vídeo, insira Incluir uma configuração para controlar a velocidade da animação.
• Faça iterações com instruções complementares: se o primeiro resultado não for o ideal, ajuste o aviso com mais detalhes ou termos diferentes e gere novamente.

Analise os exemplos de avisos a seguir que seguem as práticas recomendadas:

• Um bloco de depoimento com a foto e o nome do cliente, um texto de citação e uma exibição de classificação de 5 estrelas.
• Bloco de recursos lado a lado: o lado esquerdo tem um ícone e um cabeçalho, e o direito tem um texto descritivo.
• Banner de largura total com uma imagem de fundo, um texto de cabeçalho grande e centralizado, um texto de subcabeçalho menor abaixo e um botão de chamada para ação.

Gerar um bloco de tema

Depois de gerar um bloco e decidir mantê-lo, o novo bloco é adicionado ao seletor de bloco. É possível adicionar o bloco a 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 clique no menu suspenso Página inicial e, em seguida, selecione o modelo ao qual quer adicionar uma seção.

4. Clique na seção em que você quer gerar um bloco.

5. Clique em Adicionar bloco.

6. Clique em Gerar.

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

8. Clique em Gerar. O Shopify Magic processará a solicitação e criará o código.

9. Visualize o bloco gerado diretamente no editor de temas. Se as configurações de personalização foram geradas, você poderá personalizar o bloco.

10. Se o bloco gerado for satisfatório, clique em Manter. Caso contrário, descarte o bloco ou forneça mais instruções.

Excluir um bloco de temas gerado do tema

Depois de gerar um bloco de temas, o novo arquivo liquid correspondente é adicionado à pasta blocks no código do tema. Se um bloco de temas gerado estiver causando problemas na loja, exclua-o 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 Editar tema.

3. Personalize a página inicial ou clique no menu suspenso Página inicial e, em seguida, selecione o modelo ao qual quer adicionar uma seção.

4. Clique na seção que contém o bloco que você quer excluir. Se você já removeu todas as instâncias do bloco, clique em Adicionar bloco para readicioná-lo pelo seletor de bloco.

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

6. No menu da barra lateral, clique na pasta blocks para expandi-la e encontre o arquivo do bloco que você está visualizando no momento. O arquivo terá o mesmo nome do bloco que está aberto e termina com .liquid.

   

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

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