Começando

9 artigos

Por Manfred

9 artigos

Por Manfred

O que são e-mails inteligentes?

O Smart Emails é um editor visual para todos os 52 modelos de notificação do Shopify compatíveis — incluindo confirmações de pedidos, atualizações de envio, devoluções, cartões-presente, notificações para clientes, recibos de PDV e automações do Shopify Messaging. Como funciona? O Smart Emails funciona em duas fases: 1. Fase de design — Escolha uma predefinição e personalize cores, fontes, botões, logotipo, rodapé, seções e conteúdo no editor visual. 2. Fase de instalação — Gere seus modelos no Smart Emails e, em seguida, copie e salve o HTML no idioma principal na notificação correspondente do Shopify. O Shopify não permite que os aplicativos substituam o corpo da notificação principal automaticamente. 3. Fase de produção — Após a instalação, muitas configurações do dia a dia são lidas dos Metafields do Shopify quando um e-mail é enviado. Alterações estruturais ainda exigem uma nova exportação. O que o torna diferente? - 30 predefinições profissionais — 10 conjuntos de design com três variações de cores coordenadas cada. - 52 modelos Shopify compatíveis — notificações transacionais, e-mails de PDV, notificações para funcionários e automações selecionadas do Shopify Messaging - Configurações em tempo real — cores, botões, rodapé, banner e outras configurações baseadas em Metafields podem ser atualizadas sem substituir o código do modelo principal. - Tradução automática — atualmente em 33 idiomas, com mais idiomas sendo adicionados continuamente. - Sem código — você nunca verá HTML, CSS ou Liquid. Idiomas adicionais são traduzidos com o Google Cloud Translation e instalados em todos os modelos principais já instalados no Shopify.

Preciso ter conhecimentos de programação?

Não. 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 cores, menus suspensos e botões de alternância. Para usuários avançados, há um campo de código Liquid personalizado opcional por seção para condições de exibição especiais. Mas, para uso normal, você nunca precisará mexer com código.

Como faço para instalar o Smart Emails?

Instalar o Smart Emails na sua loja Shopify leva menos de um minuto. 1. Visite a página do Smart Emails na Shopify App Store. 2. Clique em Adicionar aplicativo. 3. Aprove as permissões na tela de autorização. 4. Você será redirecionado para o painel do Smart Emails — pronto para começar! || Observação: O Smart Emails precisa de permissão para ler os dados da sua loja (produtos, pedidos, logotipo) para exibir pré-visualizações realistas no editor. Ele não modifica seus e-mails existentes até que você os exporte explicitamente.

Como faço para escolher um modelo predefinido?

O Smart Emails vem com 30 variações predefinidas — 10 conjuntos básicos com design profissional, cada um com três variações de cores coordenadas. Os nomes das variações exibidas dependem do conjunto básico selecionado. 1. Abra o painel de controle de e-mails inteligentes. 2. Navegue pelas predefinições — cada uma mostra uma pré-visualização completa. 3. Clique naquele que você gostar. 4. Selecione seu idioma principal 5. Clique em Iniciar Edição Cada predefinição inclui cores, fontes, botões, espaçamento, configurações de rodapé e valores padrão de seção coordenados. Você pode personalizar tudo posteriormente — a predefinição é apenas o ponto de partida. || Importante: Aplicar outra predefinição base altera o design e a estrutura usados pelos seus modelos. Salve um instantâneo do design primeiro, caso queira retornar à versão atual. Alterações estruturais exigem uma nova exportação no idioma principal.

Como funciona o editor?

O editor de e-mails inteligentes abre dentro do Shopify e possui três áreas principais: - Painel de configurações — Edite texto, cores, imagens, espaçamento e opções específicas da seção. - Tela — Uma pré-visualização visual em tempo real do modelo selecionado. - Barra de ferramentas — Abre as configurações globais, altera a largura da pré-visualização, desfaz ou refaz alterações, envia um teste e inicia uma exportação. Fazendo alterações 1. Clique em qualquer seção da tela (lado direito). 2. As configurações abrem à esquerda. 3. Faça suas alterações — a tela é atualizada em tempo real. 4. Suas alterações são salvas automaticamente após você parar de editar por cerca de dois segundos. Alternando entre modelos Use o seletor de modelos para alternar entre os 52 modelos disponíveis. As configurações globais de design, como cores, tipografia, botões, logotipo e rodapé, são compartilhadas. A estrutura das seções e o texto específico de cada modelo podem variar. Pré-visualização para desktop e dispositivos móveis Use a opção Desktop/Mobile para visualizar diferentes larguras. Um e-mail de teste real continua sendo a verificação final, pois o Gmail, o Outlook, o Apple Mail e outros clientes de e-mail usam mecanismos de renderização diferentes. Línguas primárias e secundárias O editor do idioma principal contém todos os controles de design e estrutura. Os editores de idiomas secundários focam no texto traduzido. As alterações de design são herdadas do design principal, de modo que todos os idiomas permaneçam visualmente sincronizados. | O salvamento automático protege seu trabalho, mas um salvamento concluído não substitui automaticamente o HTML principal armazenado no Shopify quando a estrutura é alterada.

Quais alterações entram em vigor instantaneamente?

O Smart Emails utiliza Metafields do Shopify para publicar alterações instantaneamente, sem precisar exportar novamente o arquivo. Veja o que entra em vigor imediatamente e o que precisa ser exportado novamente: Instantâneo (sem reexportação) - Cores (fundo, texto, links, botões) - Tipografia (família de fontes, tamanhos) - Estilo de botão (preenchido, contorno, raio) - Logotipo do cabeçalho (imagem, tamanho, alinhamento) - Texto do rodapé (aviso legal, direitos autorais, links para redes sociais, texto livre) - Banner de mensagem (texto, cores, ligado/desligado por modelo) - Seções de marketing (descontos, produtos, cartões-presente) - Rodapé específico para cada idioma, links da loja, banner de mensagem e texto de marketing armazenados em metacampos específicos para cada localidade. Requer reexportação - Adicionar ou remover seções - Alterar a ordem das seções - Mudando para uma predefinição base diferente - Atualizações do conversor que alteram a estrutura HTML gerada. || Importante: O HTML do modelo principal não pode ser substituído automaticamente pela API do Shopify. Quando o Smart Emails exibir um aviso de reexportação, copie o código do idioma principal recém-gerado para o Shopify. Os idiomas secundários instalados poderão então ser sincronizados automaticamente.

Onde encontro meus e-mails no Shopify?

Os seus emails de notificação da Shopify estão aqui: 1. Acesse o seu Painel de Administração da Shopify → Configurações → Notificações 2. Você verá todos os modelos de notificação (Confirmação de Pedido, Envio, etc.) 3. Clique em qualquer modelo para visualizá-lo ou editá-lo. É aqui que você cola o código HTML dos Emails Inteligentes durante o processo de exportação.

Configuração completa: de e-mails predefinidos a e-mails multilíngues do Shopify

Use esta lista de verificação ao configurar os E-mails Inteligentes pela primeira vez. 1. Escolha o idioma principal Seu idioma principal será a fonte para o design, a estrutura do modelo e as traduções automáticas. Escolha o idioma no qual você normalmente escreve e mantém o conteúdo dos e-mails. 2. Escolha e personalize uma predefinição Selecione uma das 30 variações predefinidas e abra o editor. Configure as cores globais, a tipografia, os botões, o logotipo, os links da loja, o rodapé e quaisquer seções de marketing. Analise a estrutura e o texto individuais dos modelos que pretende usar. 3. Envie um e-mail de teste. Abra um modelo, clique em Enviar teste, insira um endereço de e-mail e verifique o resultado no computador e no celular. Teste links importantes, imagens, conteúdo do rodapé e os modos claro e escuro. 4. Gere os modelos principais Clique em Exportar para Shopify. O Smart Emails salva o design e gera o HTML para todos os modelos disponíveis no seu plano. 5. Instale o idioma principal no Shopify. Acesse Exportações, selecione um modelo e copie o código. Abra o destino do Shopify exibido pelo Smart Emails, substitua o corpo da notificação e salve. Repita esse processo para cada modelo principal que você deseja usar. A Shopify não permite que um aplicativo substitua automaticamente o corpo da notificação principal. Portanto, essa etapa de copiar e salvar é necessária uma vez para cada modelo principal e novamente após alterações estruturais. 6. Adicionar idiomas secundários Retorne à página inicial do Smart Emails e clique em Adicionar idioma. Selecione os idiomas desejados e confirme. O Smart Emails então: - cria um conjunto de design específico para cada idioma - cópias do desenho principal - Traduz textos compatíveis com o Google Cloud Translation. - Habilita e publica a configuração regional no Shopify. - Instala o body_html traduzido para cada modelo primário já instalado. Você não exporta manualmente as versões em idiomas secundários. 7. Verificar o status do e-mail Abra o Status do Email para verificar quais modelos principais e versões de idioma estão presentes. Se um idioma foi adicionado antes da instalação de um modelo principal, instale o modelo principal primeiro e, em seguida, execute a sincronização oferecida. 8. Acione uma notificação real do Shopify Crie um pedido de teste ou acione a notificação correspondente. Este teste final verifica os dados do Shopify Liquid, a seleção do idioma do cliente, o assunto e o corpo do e-mail em conjunto. || Limitação atual: O Smart Emails instala automaticamente os corpos de e-mail traduzidos. As linhas de assunto das notificações do Shopify são separadas e não são traduzidas pelo Smart Emails no momento.

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

Cada um dos 52 modelos possui sua própria estrutura de seções. Selecione o modelo que deseja alterar antes de adicionar, mover ou excluir uma seção. Adicionar uma seção 1. Selecione uma seção na tela. 2. Clique no botão *+ 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 definições no painel lateral. A lista é compatível com modelos. Seções que não fazem sentido para a notificação atual do Shopify são ocultadas, e seções que só podem aparecer uma vez não podem ser inseridas duas vezes. Mover uma seção Selecione a seção e use os controles para cima ou para baixo. O Smart Emails respeita as posições necessárias. Por exemplo, o rodapé permanece como a seção final. Exclua uma seção Selecione a seção e clique no botão de exclusão. Seções obrigatórias e seções gerenciadas globalmente podem ser protegidas contra exclusão. Publicação de alterações estruturais Adições, exclusões e alterações de ordem de seções modificam o HTML gerado. Após realizar uma dessas alterações, gere uma nova exportação e substitua o código do modelo principal no Shopify. Os idiomas secundários instalados poderão então ser regenerados automaticamente a partir da estrutura atualizada. || A função Desfazer está disponível caso você remova ou mova uma seção por engano, desde que não tenha saído ou recarregado a sessão atual do editor.