Descobrindo o Low-code: Minha experiência em marketing e um guia básico para iniciantes

Olá! Sou Daniel. Sou um profissional de marketing com uma jornada de quatro anos em projetos educacionais sem fins lucrativos, agências de marketing e diferentes startups. No entanto, um desafio constante na minha carreira tem sido minha alergia a códigos. Nesta história, estou feliz em compartilhar como, com um pouco de inteligência artificial e plataformas de low-code, superei esse bloqueador e desbloqueei um novo mundo de oportunidades de marketing. Afinal, com essa nova ferramenta em minhas mãos, por que não aproveitá-la ao máximo?

Um pouco de fundo: ser um profissional multifacetado sempre foi meu objetivo. No entanto, havia um limite claro que eu nunca cruzei – um pedaço de código, mesmo que seja HTML. As raízes desse bloqueio mental podem ser um tópico para uma sessão de psicoterapia, mas aqui está minha história sobre as ferramentas que me ajudaram a superar esse desafio.

1. IA generativa

Como mencionei anteriormente, dois elementos foram cruciais na minha história: AI e solução. Em dezembro de 2022, o mundo digital estava agitado com o lançamento do Chat GPT versão 3.5, uma ferramenta revolucionária em interação de texto, que rapidamente adicionei ao meu kit de ferramentas e comecei a explorar. Nos bastidores, seu recurso de geração de código estava surgindo, embora não fosse muito atraente no início.

Avançando alguns meses. Agora familiarizado com meu aliado digital, me deparei com uma tarefa um tanto técnica: extrair nomes de usuários do meu crescente canal do Telegram de 4,000 membros. O GPT sugeriu criar um bot Python (uma revelação!). "Na verdade, com a IA como meu guia, parecia factível", ecoou meu especialista versátil interior. Comecei ansiosamente este projeto, baixando Python e buscando ajuda do GPT com cada obstáculo que encontrei. 

No entanto, a jornada sofreu um contratempo quando surgiu a necessidade de servidores e infraestrutura, então desisti. No entanto, essa experiência plantou uma semente de autoconfiança em codificação e desenvolvimento, que começará a se desdobrar quatro meses depois.

2. Nuvem Low-code

Você já deve estar familiarizado com exemplos de nuvem sem código, como Webflow e WIX, onde layouts de blocos, configuração de servidor e suporte são perfeitamente agrupados, e você não precisa se preocupar com isso. No entanto, essas plataformas sem código são projetadas para tarefas específicas; uma solução única é difícil de encontrar. No entanto, criar blocos personalizáveis, prontos para serem moldados nas configurações fornecidas, parece simples. Esse é o espírito das plataformas de baixo código de hoje para automação de processos de negócios e desenvolvimento em nuvem. Como minha jornada mostra, até mesmo uma pessoa com uma sólida formação em humanidades pode navegar pela rota do low-code.

Meu ponto de entrada foi Latenode, destacado em um Hackernoon artigo que chamou minha atenção. A Latenode oferece um assistente de IA e suporte em sua comunidade Discord para lidar com desafios técnicos e automatizar fluxos de trabalho. A ideia era atraente. Em poucas semanas, Eu configurei meu serviço de marketing por e-mail, capaz de coletar atualizações semanais por meio de um formulário da web, transformá-lo em um e-mail HTML organizado e enviá-lo ao banco de dados de usuários do produto que agora gerencio.

Dominar o low-code trouxe dois benefícios:

• Deu mais independência em relação aos desenvolvedores, cujo interesse diminuiu quando minhas perguntas sobre integração de sistemas ou solicitações de extração de dados interromperam seu trabalho focado no produto.
• Acelerou a implantação da solução de marketing, aliviando o incômodo causado pela ajuda bem-intencionada, mas atrasada, dos desenvolvedores devido a tarefas de maior prioridade.

Criando um serviço para distribuição de e-mail

Alcançar usuários por e-mails é uma tarefa fácil. Apesar dos avanços digitais, o mundo do e-mail continua sendo um bom lugar para profissionais. A capacidade de enviar atualizações ou compartilhar informações importantes por e-mail não tem preço. 

Minhas principais tarefas foram:

• Coletando conteúdo do boletim informativo por meio de um formulário da web
• Criando HTML a partir dos dados coletados
• Garantir uma entrega tranquila a todos os usuários

Transição para Técnico: Seu Guia Passo a Passo. Se esta parte não corresponder às suas necessidades atuais, sinta-se à vontade para pular para a conclusão — há conselhos úteis esperando lá para referência futura.

Cenário 1: Formulário para coleta de conteúdo

Começar a jornada para criar um formulário web acessível via navegador por meio de uma URL específica envolve lançar o primeiro cenário no Latenode. Vá para app.latenode.com, clique em 'criar cenário' e monte esta estrutura:

Cenário 1: Formulário de coleta de conteúdo

No centro disso, o primeiro bloco, Webhook, fornece uma URL de Webhook exclusiva para ativar o cenário. Em seguida, o bloco JavaScript revela um formulário HTML destinado a coletar informações. O último bloco, Webhook response, exibe esse formulário, tornando-o acessível por meio da URL do Webhook.

JavaScript... Este é o primeiro encontro com o código, onde o medo dele começa a desaparecer. Dentro do bloco há um assistente de IA, assumindo a tarefa de codificar, depurar e fazer mais melhorias. Seu trabalho é fazer solicitações:

"Inclua um script no meu código para criar um formulário HTML com estes campos de entrada: Assunto da Carta, Visão Geral, Título, Atualizações da Plataforma, Materiais Úteis, Outras Notícias. Adicione um botão de envio abaixo. Faça o HTML parecer bonito."

Assistente de IA JavaScript no trabalho

O que acontece em seguida é a criação do código HTML, direcionado pelo módulo JavaScript através do cenário, eventualmente aparecendo em nossa tela. Assim, a ativação da URL do Webhook revela um formulário de entrada de dados:

Formulário personalizado [em 5 minutos]

Neste ponto, os dados do formulário estão no limbo, mas não se preocupe, uma solução está chegando...

Etapa 2: Criação e envio de e-mail

Para criar um novo e-mail preenchido com conteúdo do formulário, outro cenário Latenode é necessário. Esta área também lida com a função de envio de e-mail. Basicamente, estamos analisando dois cenários distintos: coleta de conteúdo e seu uso subsequente. Aqui está o raciocínio.

Cada URL do Webhook tem a capacidade não apenas de iniciar processos, mas também de manipular dados que contribuem para esses processos. Nosso objetivo é enviar as informações coletadas pelo formulário para a URL do Webhook do segundo cenário no Latenode, onde as respostas se transformam em um e-mail bem projetado. Veja como esse cenário é estruturado:

Cenário 2: Criação e envio de e-mail para usuários via Mailgun

• Webhook: Recebe informações provenientes do formulário.
• JavaScript: Cria código HTML contendo o texto do e-mail, adicionando elementos de design.
• Airtable (Listar registros): Obtém uma lista de e-mails de usuários do banco de dados.
• Iterador + solicitação HTTP: Envia o e-mail preparado para cada usuário através do Mailgun

Vamos analisar isso passo a passo:

• Conectando dados do cenário 1 ao cenário 2:

Essa alteração é feita ajustando o código JavaScript dentro do primeiro cenário. Com o segundo cenário agora ativo, é importante garantir que, quando o botão "Enviar" for pressionado, os dados do campo do formulário sejam enviados para a nova URL do Webhook. Nosso assistente de IA ajuda novamente quando solicitamos:

– Inclua um script no meu código para enviar os dados coletados pelo formulário para a seguinte URL do webhook quando o botão 'Enviar' for pressionado: https://webhook.latenode.com /49/dev/receive_email_info. Após o envio, uma janela pop-up de 'Obrigado!' deverá aparecer na tela.

Rapidamente, o assistente de IA cria um novo script, que facilmente substituímos pelo nosso, salvamos o cenário e testamos o envio de dados para o nosso segundo cenário.

Enviando dados para a URL do Webhook do 2º cenário

Na aba 'Corpo', vemos as variáveis ​​de campo enviadas para o conteúdo junto com os valores inseridos: teste, teste, teste…

Agora com essas variáveis ​​disponíveis na plataforma, criar um e-mail personalizado se torna possível. Em seguida, adicionamos um bloco JavaScript e pergunte ao assistente de IA com uma nova solicitação:

"Inclua um script para criar código HTML onde variáveis ​​do bloco anterior (Visão geral, Título, Atualizações da plataforma, Materiais úteis, Outras notícias) são incluídas. Exiba isso em um estilo de e-mail moderno."

Pronto! Como mostrado, o O assistente de IA não apenas executa a solicitação, mas também explica partes do código criado. Por exemplo, o texto verde depois de // na captura de tela destaca a seção de código que obtém variáveis ​​do bloco anterior.

• Em seguida, precisamos obter a lista de e-mails dos destinatários.

Recomendo usar o Airtable para gerenciamento de banco de dados. No entanto, prepare-se, pois você pode precisar da ajuda de um desenvolvedor neste momento, já que estamos entrando no território de interação do produto. O objetivo é sincronizar o banco de dados do usuário no lado do produto com nossa tabela Airtable, garantindo que os e-mails fluam suavemente após cada novo registro. Vamos ver o Airtable como nossa base para automação de baixo código em esforços de marketing por e-mail.

Assim que nosso Airtable estiver pronto e novos registros estiverem chegando conforme o esperado, é hora de conectá-lo ao Latenode. Fazemos isso adicionando um módulo Airtable sem código no cenário, uma tarefa feita em apenas três cliques.

Agora, para a parte final deste cenário com dois novos módulos:

• Iterador: Percorre cada e-mail do usuário do módulo Airtable em sequência.
• HTTP módulo: armazena esses e-mails, um por um, colocando-os no campo necessário para enviar uma solicitação ao serviço Mailgun.

O Mailgun é ótimo para automação de e-mail, especialmente bom para envio de e-mails em massa, apoiado por insights analíticos. Um problema, porém - o Latenode não tem uma integração direta com o Mailgun. Mas não se preocupe, o módulo de solicitação HTTP é totalmente capaz de criar a integração necessária rapidamente. Mais informações sobre isso estão disponíveis no guia detalhado no final do artigo.

Abaixo está uma visão do nosso serviço trabalhando com dados reais, onde o módulo de solicitação HTTP foi executado 288 vezes, enviando 288 e-mails

Histórico de execução visível à direita

Conclusão

Essa abordagem simples permite que você crie seu serviço de marketing personalizado do zero em poucos dias, sem precisar de habilidades de codificação.

Para aqueles que desejam aprimorar seus conhecimentos profissionais, preparei um guia detalhado explicando meu caso: Guia Detalhado

Seguindo essas etapas, você entenderá os conceitos básicos da automação de low-code, uma habilidade que veio para ficar. Da próxima vez que os desafios da MarTech surgirem, você estará mais preparado. Seja resolvendo sozinho ou pedindo ajuda, você estará muito mais à frente, e isso é inestimável!

Uma nota, Nó latente está atualmente em teste beta, oferecendo acesso gratuito para seus projetos exploratórios. Eu recomendo fortemente experimentá-lo, experimentar webhooks, usar o assistente de IA JavaScript e ingressar em seu Comunidade Discord com suas perguntas.