Começando

9 artigos

Por Manfred

9 artigos

Por Manfred

O que é Smart Emails?

Smart Emails é um editor visual para todos os 52 modelos de notificação suportados pelo Shopify — incluindo confirmações de pedidos, atualizações de envio, devoluções, cartões-presente, notificações de clientes, recibos de POS e automações de mensagens do Shopify. Como funciona? O Smart Emails funciona em duas fases: 1. Fase de Design — Escolha um pré-definido e personalize cores, fontes, botões, logo, rodapé, seções e conteúdo no editor visual. 2. Fase de instalação — Gere seus templates no Smart Emails, depois copie e salve o HTML do idioma principal na notificação correspondente do Shopify. O Shopify não permite que aplicativos substituam automaticamente o corpo principal da notificação. 3. Fase ao vivo — Após a instalação, muitas configurações do dia a dia são lidas dos Metafields do Shopify quando um e-mail é enviado. Mudanças estruturais ainda exigem uma nova exportação. O que o torna diferente? - 30 presets profissionais — 10 conjuntos de design com três variações de cor coordenadas cada - 52 modelos Shopify suportados — notificações transacionais, e-mails de POS, notificações para funcionários e automações selecionadas de mensagens do Shopify - Configurações ao vivo — cores, botões, rodapé, banner e outras configurações baseadas em Metafield podem ser atualizadas sem substituir o código do template primário - Auto-tradução — escolha entre 33 idiomas suportados e use até 20 idiomas de e-mail em um único conjunto de design de loja - Sem código — você nunca vê HTML, CSS ou Liquid Idiomas adicionais são traduzidos pelo Google Cloud Translation. O Smart Emails pode instalar automaticamente corpos localizados para os 44 modelos de notificação que o Shopify expõe para tradução quando seus modelos principais já estiverem instalados.

Como faço para instalar o Smart Emails?

Instalar o Smart Emails na sua loja Shopify leva menos de um minuto. 1. Visite a lista do Smart Emails na Shopify App Store. 2. Selecione Adicionar app. 3. Revise e aprove as permissões solicitadas. 4. O Shopify abre o painel Smart Emails. Nota: O Smart Emails precisa de permissão para ler dados relevantes da loja, incluindo produtos, pedidos e branding, para criar prévias realistas. Gerar uma exportação não substitui automaticamente uma notificação principal do Shopify. Você decide quais modelos principais instalar.

Como escolho um preset de design?

O Smart Emails vem com 30 variações pré-definidas — 10 conjuntos base projetados profissionalmente, cada um com três variações de cor coordenadas. Os nomes das variações exibidas dependem do conjunto base selecionado. 1. Abra o painel do Smart Emails. 2. Navegue pelos presets. Cada preset mostra uma prévia completa. 3. Selecione o preset que deseja usar. 4. Selecione seu idioma principal. 5. Comece a editar. Cada preset inclui cores coordenadas, fontes, botões, espaçamento, configurações de rodapé e padrões de seção. Você pode personalizar tudo depois — o preset é apenas o ponto de partida. Importante: Aplicar outro preset base altera o design e a estrutura usados pelos seus templates. Salve primeiro um snapshot de design se quiser voltar para a versão atual. Mudanças estruturais exigem uma exportação nova para o idioma primário.

Como funciona o editor?

O editor Smart Emails abre dentro do Shopify e possui três áreas principais: - Painel de Configurações — Editar texto, cores, imagens, espaçamento e opções específicas de seção. - Canvas — Uma prévia visual ao vivo do modelo atualmente selecionado. - Barra de Ferramentas — Abra as configurações globais, altere a largura da visualização, desfaça ou refaça alterações, envie um teste e inicie uma exportação. Fazendo mudanças 1. Selecione uma seção na tela. 2. Os controles correspondentes abrem no painel de configurações. 3. Faça suas alterações. A tela é atualizada imediatamente. 4. Espere até que o indicador de salvamento termine antes de sair do editor. Modelos de troca Use o seletor de templates para alternar entre os 52 templates suportados. Configurações globais de design como cores, tipografia, botões, logo e rodapé são compartilhadas. A estrutura das seções e o texto específico do modelo podem variar de modelo para modelo. Prévia para desktop e mobile Use o botão Desktop/Mobile para visualizar diferentes larguras. Um e-mail de teste real continua sendo a verificação final porque Gmail, Outlook, Apple Mail e outros clientes de e-mail usam mecanismos de renderização diferentes. Línguas primárias e secundárias O editor de linguagem primária contém todos os controles de design e estrutura. Editores de língua secundária focam em texto traduzido. Mudanças de design são herdadas do design primário para que todos os idiomas permaneçam visualmente sincronizados. Importante: O Salvamento Automático protege seu trabalho, mas um save completo não substitui automaticamente o HTML primário armazenado no Shopify quando a estrutura mudou.

Preciso de conhecimento de programação?

Não. Smart Emails é um editor totalmente visual — você não precisa de nenhum conhecimento de programação. Tudo é feito por meio de controles visuais como seletores de cor, menu suspenso e alternâncias. Para usuários avançados, há um campo opcional de código Liquid personalizado por seção para condições especiais de exibição. Mas para uso normal, você nunca precisa tocar no código.

Onde encontro meus e-mails no Shopify?

Seus e-mails de notificação do Shopify estão aqui: 1. Abra Shopify Admin → Configurações → Notificações. 2. Encontre a notificação que você quer instalar, como uma confirmação de pedido ou atualização de envio. 3. Abra a notificação para visualizar ou editar o corpo do e-mail. É onde você cola o código HTML do Smart Emails durante o processo de exportação.

Quais mudanças entram em ação instantaneamente?

Smart Emails usa Metafields do Shopify para configurações ao vivo suportadas. Esses valores são lidos quando o Shopify cria um e-mail. Mudanças estruturais permanecem parte do HTML instalado e exigem uma nova exportação. Instantâneo (sem reexportação) - Cores (fundo, texto, links, botões) - Tipografia (família de fontes, tamanhos) - Estilo de botões (preenchido, contorno, raio) - Logo do cabeçalho (imagem, tamanho, alinhamento) - Texto de rodapé (legal, direitos autorais, links sociais, texto livre) - Banner de Mensagem (texto, cores, ligado/desligado por modelo) - Conteúdo e visibilidade da seção de marketing suportados, incluindo descontos, produtos, cartões-presente e configurações de recompra - Rodapé por idioma, links da loja, banner de mensagem e texto de marketing armazenados em Metafields específicos de cada localidade Requer reexportação - Adição ou remoção de seções - Alterando a ordem das seções - Trocando para um preset base diferente - Atualizações do conversor que alteram a estrutura HTML gerada Importante: O HTML do modelo primário não pode ser substituído automaticamente pela API do Shopify. Quando o Smart Emails mostrar um aviso de reexportação, copie o código em idioma primário recém-gerado para o Shopify. Corpos instalados em segundo idioma suportados podem então ser sincronizados automaticamente.

Configuração Completa: De E-mails Preset a Multilíngues do Shopify

Use este checklist ao configurar o Smart Emails pela primeira vez. 1. Escolha o idioma principal Seu idioma principal é a fonte para o design, estrutura do modelo e traduções automáticas. Escolha o idioma em que normalmente escreve e mantenha o conteúdo do e-mail. 2. Escolha e personalize um preset Selecione uma das 30 variações pré-definidas e abra o editor. Configure cores globais, tipografia, botões, logo, Links da Loja, rodapé e quaisquer seções de marketing. Revise a estrutura individual e o texto dos modelos que pretende usar. 3. Envie um e-mail de teste Abra um modelo e escolha E-mail de teste na barra de ferramentas. Insira um endereço de e-mail, envie a mensagem e verifique o resultado no desktop e no celular. Teste links importantes, imagens, conteúdo de rodapé e tanto os modos claro quanto escuro. 4. Gerar os modelos primários Clique Exportar para a Shopify. O Smart Emails salva o design e gera o HTML para todos os modelos disponíveis no seu plano. 5. Instalar o idioma principal no Shopify Vá em Exports, selecione um modelo e copie seu código. Abra o destino do Shopify mostrado pelo Smart Emails, substitua o corpo da notificação e salve. Repita isso para cada modelo principal que você quiser usar. O Shopify não permite que um aplicativo substitua automaticamente o corpo de notificação principal. Portanto, essa etapa de copiar e salvar é necessária uma vez por modelo primário e novamente após mudanças estruturais. 6. Adicionar línguas secundárias Volte para a página inicial do Smart Emails e clique em Adicionar idioma. Selecione os idiomas necessários e confirme. Smart Emails então: - cria um conjunto de design específico para a linguagem - Cópia o design primário - traduz texto suportado com o Google Cloud Translation - habilita e publica a localização no Shopify - instala o body_html traduzido para todo template primário traduzível suportado já instalado Você não exporta manualmente as versões em segundo idioma. A Smart Emails oferece 33 linguagens de interface e conteúdo de e-mail. Uma loja pode manter até 20 linguagens de e-mail em um único conjunto de design, incluindo seu idioma principal. Adicione apenas os idiomas que a loja realmente utiliza. 7. Verifique o status do e-mail Abra Status do e-mail para verificar quais templates primários e versões de idioma estão presentes. Se uma linguagem foi adicionada antes de instalar um template primário, instale primeiro o template primário e depois execute a sincronização oferecida. 8. Dispare uma notificação real do Shopify Crie um pedido de teste ou acione a notificação relevante. Esse teste final verifica Shopify Liquid dados, a seleção do idioma do cliente, o assunto e o corpo do e-mail juntos. Limitação atual: O Smart Emails instala automaticamente corpos de e-mail traduzidos para os 44 modelos de notificação que o Shopify expõe para tradução. As linhas de assunto das notificações do Shopify são separadas e atualmente não são traduzidas pelo Smart Emails.

Como faço para adicionar, mover e excluir seções?

Cada um dos 52 modelos tem sua própria estrutura de seção. Selecione o modelo que você deseja mudar antes de adicionar, mover ou excluir uma seção. Adicionar uma seção 1. Selecione uma seção na tela. 2. Clique no controle + na posição onde a nova seção deve aparecer. 3. Escolha uma das seções disponíveis para esse modelo. 4. Configure o conteúdo e as configurações no painel de configurações. A lista é compatível com templates. Seções que não fazem sentido para a notificação atual do Shopify ficam ocultas, e seções que só podem aparecer uma vez não podem ser inseridas duas vezes. Mova uma seção Selecione a seção e use seus controles para cima ou para baixo. Smart Emails respeita as posições exigidas. Por exemplo, o rodapé permanece como a seção final. Exclua uma seção Selecione a seção e clique no controle de exclusão. Seções obrigatórias e seções gerenciadas globalmente podem ser protegidas contra exclusão. Mudanças estruturais na publicação Adições de seções, excluções e alterações de ordem alteram o HTML gerado. Após fazer uma dessas alterações, gerar uma nova exportação e substituir o código do modelo primário no Shopify. Linguagens secundárias instaladas podem então ser regeneradas automaticamente a partir da estrutura atualizada. Dica: O desfazer está disponível se você remover ou mover uma seção por engano, desde que não tenha saído ou recarregado a sessão atual do editor.