Descobrindo Low-code: Minha experiência de 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 em minha carreira tem sido minha alergia a códigos. Nesta história, tenho o prazer de compartilhar como, com um pouco de inteligência artificial e plataformas de baixo código, superei esse obstáculo e abri um novo mundo de oportunidades de marketing. Afinal de contas, com essa nova ferramenta em minhas mãos, por que não aproveitá-la ao máximo?

Um pouco de história: ser um profissional multifacetado sempre foi minha meta. Entretanto, havia um limite claro que eu nunca ultrapassava: um pedaço de código, mesmo que fosse 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

Conforme mencionado anteriormente, dois elementos foram cruciais em minha história: IA e low-code. Em dezembro de 2022, o mundo digital estava agitado com o lançamento do Chat GPT versão 3.5, uma ferramenta revolucionária na 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.

Alguns meses depois. Agora familiarizado com meu aliado digital, deparei-me com uma tarefa um tanto técnica: extrair nomes de usuário do meu crescente canal do Telegram, com 4.000 membros. O GPT sugeriu que você criasse um bot em Python (um abrir de olhos!). "De fato, com a IA como meu guia, parecia possível", ecoou meu especialista versátil interior. Comecei esse projeto com entusiasmo, baixando o Python e buscando ajuda do GPT em cada obstáculo que encontrava. 

No entanto, a jornada teve 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 desenvolver quatro meses depois.

2. Nuvem com pouco código

Você já deve estar familiarizado com exemplos de nuvem sem código, como o Webflow e o WIX, em que os layouts de blocos, a configuração do servidor e o 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; é difícil encontrar uma solução única para todos. Ainda assim, criar blocos personalizáveis, prontos para serem moldados nas configurações fornecidas, parece simples. Esse é o espírito das atuais plataformas de baixo código para automação de processos de negócios e desenvolvimento em nuvem. Como mostra minha jornada, até mesmo uma pessoa com sólida formação em ciências humanas pode navegar pela rota low-code.

Meu ponto de entrada foi o Latenode, destacado em um artigo do Hackernoon que me chamou a atenção. O Latenode oferece um assistente de IA e suporte em sua comunidade Discord para enfrentar desafios técnicos e automatizar fluxos de trabalho. A ideia era atraente. Em algumas semanas, 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 em HTML e enviá-lo para o banco de dados de usuários do produto que agora gerencio.

O domínio de low-code traz dois benefícios:

• Isso me deu mais independência dos desenvolvedores, cujo interesse diminuía quando minhas perguntas sobre integração de sistemas ou solicitações de extração de dados interrompiam seu trabalho focado no produto.
• Isso acelerou a implementação da solução de marketing, diminuindo 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 os usuários por meio de e-mails é uma tarefa fácil. Apesar dos avanços digitais, o mundo do e-mail continua sendo um bom lugar para os profissionais. A capacidade de enviar atualizações ou compartilhar informações importantes por e-mail não tem preço. 

Minhas principais tarefas foram:

• Coleta de conteúdo de boletim informativo por meio de um formulário da Web
• Criação de HTML a partir dos dados coletados
• Garantir a entrega tranquila a todos os usuários

Transição para o setor 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 por você para referência futura.

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

Para iniciar a jornada de criação de um formulário da Web acessível por um navegador por meio de um URL específico, você deve iniciar o primeiro cenário em Latenode. Vá para app.latenode.com, clique em "create scenario" (criar cenário) e monte essa estrutura:

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

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

JavaScript... Esse é o primeiro encontro com o código, onde o medo em relação a ele começa a se dissipar. Dentro do bloco há um assistente de IA que assume a tarefa de codificar, depurar e fazer mais melhorias. Seu trabalho é fazer solicitações:

"Incluir um script em meu código para criar um formulário HTML com esses 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 com que o HTML tenha uma boa aparência."

Assistente de IA do JavaScript no trabalho

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

Formulário personalizado [em 5 minutos]

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

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

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

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

Cenário 2: Criação e envio de e-mails 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 (Lista de 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 por meio do Mailgun

Vamos analisar isso, passo a passo:

• Conexão de dados do Cenário 1 ao Cenário 2:

Essa alteração é feita ajustando o código JavaScript no 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 o novo URL do webhook. Nosso assistente de IA ajuda novamente conforme solicitamos:

- Inclua um script em meu código para enviar os dados coletados no formulário para o seguinte URL de webhook quando o botão "Submit" for pressionado: https://webhook.latenode.com /49/dev/receive_email_info. Após o envio, um pop-up "Thank you!" deverá ser exibido 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.

Envio de dados para o URL do webhook do segundo cenário

Na guia "Body" (Corpo), vemos as variáveis de campo enviadas para o conteúdo, juntamente com os valores inseridos: test, test, test...

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

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

Pronto! Conforme mostrado, o assistente de IA não apenas executa a solicitação, mas explica partes do código criado. Por exemplo, o texto verde após // 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 que você use o Airtable para o gerenciamento do banco de dados. No entanto, prepare-se, pois talvez você precise da ajuda de um desenvolvedor neste ponto, já que estamos entrando no território da interação com o produto. O objetivo é sincronizar o banco de dados do usuário no lado do produto com a nossa tabela do Airtable, garantindo que os e-mails fluam sem problemas após cada novo registro. Vamos ver o Airtable como nossa base para a automação de baixo código nos esforços de marketing por e-mail.

Quando o Airtable estiver pronto e os novos registros estiverem sendo feitos conforme o esperado, é hora de conectá-lo a Latenode. Para isso, adicionamos um módulo Airtable sem código ao cenário, uma tarefa realizada com apenas três cliques.

Agora, vamos à parte final desse cenário com dois novos módulos:

• Iterador: Passa por cada e-mail de usuário do módulo Airtable em sequência.
• Módulo HTTP : Mantém esses e-mails, um a 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, com o apoio de insights analíticos. No entanto, há um problema: 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. Para saber mais sobre isso, consulte o guia detalhado no final do artigo.

A seguir, você verá nosso serviço funcionando com dados reais, em que 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 direta permite que você crie seu serviço de marketing personalizado a partir do zero em poucos dias, sem habilidades de codificação.

Para aqueles que desejam aprimorar seu conhecimento profissional, elaborei um guia detalhado explicando meu caso : Guia detalhado

Seguindo essas etapas, você entenderá os fundamentos da automação com pouco código, uma habilidade que veio para ficar. Na 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 tem um valor inestimável!

Uma observação, Latenode está atualmente em teste beta, oferecendo acesso gratuito para seus projetos exploratórios. Recomendo enfaticamente que você experimente, faça experiências com webhooks, use o assistente de IA JavaScript e participe da comunidade do Discord com suas perguntas.

‍