Descubriendo el Low-code: Mi experiencia en marketing y una guía básica para principiantes

Hola, soy Daniel. Soy un profesional del marketing con una trayectoria de cuatro años a través de proyectos educativos sin ánimo de lucro, agencias de marketing y distintas startups. Sin embargo, un reto constante en mi carrera ha sido mi alergia al código. En esta historia, me complace compartir cómo, con un poco de inteligencia artificial y plataformas de bajo código, superé este bloqueador y desbloqueé un nuevo mundo de oportunidades de marketing. Después de todo, con esta nueva herramienta en mis manos, ¿por qué no aprovecharla al máximo?

Un poco de historia: ser un profesional polifacético siempre ha sido mi objetivo. Sin embargo, había un límite claro que nunca cruzaba: un trozo de código, aunque fuera HTML. Las raíces de semejante bloqueo mental podrían ser tema para una sesión de psicoterapia, pero he aquí mi historia sobre las herramientas que me ayudaron a superar este reto.

1.IA Generativa

Como he mencionado antes, dos elementos eran cruciales en mi historia: La IA y el código bajo. En diciembre de 2022, el mundo digital bullía con el lanzamiento de la versión 3.5 de Chat GPT, una herramienta que cambia las reglas del juego en la interacción textual, que rápidamente añadí a mi caja de herramientas y empecé a explorar. Entre bastidores, surgía su función de generación de código, aunque al principio no resultaba muy atractiva.

Avancemos unos meses. Ya familiarizado con mi aliado digital, me encontré con una tarea un tanto técnica: extraer nombres de usuario de mi creciente canal de Telegram de 4.000 miembros. GPT me sugirió crear un bot en Python (¡me abrió los ojos!). "Efectivamente, con la IA como guía, parecía factible", se hizo eco mi versátil especialista interior. Empecé el proyecto con entusiasmo, descargando Python y pidiendo ayuda a GPT con cada obstáculo que encontraba. 

Sin embargo, el viaje se topó con un obstáculo cuando surgió la necesidad de servidores e infraestructura, así que desistí. Sin embargo, esta experiencia plantó una semilla de autoconfianza en la codificación y el desarrollo, que empezará a desplegarse cuatro meses después.

2. Bajo código en la nube

Puede que ya estés familiarizado con ejemplos sin código en la nube como Webflow y WIX, en los que los diseños de bloques, la configuración del servidor y el soporte están perfectamente agrupados, y no tienes que preocuparte de nada. Sin embargo, estas plataformas sin código están diseñadas para tareas específicas; es difícil encontrar una solución única para todos. Sin embargo, crear bloques personalizables, listos para darles forma en los entornos previstos, parece sencillo. Éste es el espíritu de las actuales plataformas de bajo código para la automatización de procesos empresariales y el desarrollo en la nube. Como demuestra mi viaje, incluso una persona con una sólida formación en humanidades puede navegar por la ruta del bajo código.

Mi punto de entrada fue Latenode, destacado en un artículo de Hackernoon que me llamó la atención. Latenode ofrece un asistente de IA y apoyo en su comunidad de Discord para afrontar retos técnicos y automatizar flujos de trabajo. La idea era atractiva. En pocas semanas, monté mi servicio de marketing por correo electrónico, capaz de recoger actualizaciones semanales a través de un formulario web, transformarlo en un bonito correo electrónico HTML y enviarlo a la base de datos de usuarios del producto que ahora gestiono.

Dominar el low-code conlleva dos beneficios:

• Daba más independencia respecto a los desarrolladores, cuyo interés disminuía cuando mis preguntas sobre integración de sistemas o mis peticiones de extracción de datos interrumpían su trabajo centrado en el producto.
• Aceleró el despliegue de la solución de marketing, aliviando las molestias derivadas de la ayuda bienintencionada, pero retrasada, de los desarrolladores debido a tareas de mayor prioridad.

Crear un servicio de distribución de correo electrónico

Llegar a los usuarios a través del correo electrónico es una fruta al alcance de la mano. A pesar de los avances digitales, el mundo del correo electrónico sigue siendo un buen lugar para los profesionales. La posibilidad de enviar actualizaciones o compartir información importante por correo electrónico no tiene precio. 

Mis tareas principales eran

• Recoger el contenido del boletín a través de un formulario web
• Crear HTML a partir de los datos recogidos
• Garantizar la entrega sin problemas a todos los usuarios

Transición a Técnico: Tu guía paso a paso. Si esta parte no se ajusta a tus necesidades actuales, no dudes en saltar a la conclusión: allí te esperan consejos útiles para futuras consultas.

Escenario 1: Formulario para la recopilación de contenidos

Comenzar el viaje para crear un formulario web accesible a través de un navegador mediante una URL específica implica lanzar el primer escenario en Latenode. Ve a app.latenode.com, haz clic en "crear escenario", y monta esta estructura:

Escenario 1: Formulario de recogida de contenidos

En su núcleo, el primer bloque, Webhook, proporciona una URL Webhook única para activar el escenario. A continuación, el bloque JavaScript revela un formulario HTML destinado a recoger información. El último bloque, Respuesta Webhook, muestra este formulario, haciéndolo accesible a través de la URL Webhook.

JavaScript... Este es el primer encuentro con el código, donde el miedo hacia él empieza a desvanecerse. Dentro del bloque hay un asistente de IA, que se encarga de codificar, depurar y realizar nuevas mejoras. Tu trabajo consiste en hacer peticiones:

"Incluir un script en mi código para crear un formulario HTML con estos campos de entrada: Asunto de la carta, Descripción general, Título, Actualizaciones de la plataforma, Materiales útiles, Otras noticias. Añade un botón de envío debajo. Haz que el HTML tenga buen aspecto".

Asistente de IA de JavaScript en el trabajo

Lo que ocurre a continuación es la creación de código HTML, dirigido por el módulo JavaScript a través del escenario, apareciendo finalmente en nuestra pantalla. Así, al activar la URL del Webhook aparece un formulario de introducción de datos:

Formulario a medida [en 5 minutos]

En este momento, los datos del formulario están en el limbo, pero no te preocupes, se avecina una solución...

Paso 2: Creación y envío de correos electrónicos

Para crear un nuevo correo electrónico con el contenido del formulario, se necesita otro escenario Latenode . Esta área también se encarga de la función de envío del correo electrónico. Esencialmente, estamos ante dos escenarios distintos: la recogida de contenidos y su posterior utilización. Éste es el razonamiento.

Cada URL Webhook tiene la capacidad no sólo de iniciar procesos, sino también de manejar los datos que contribuyen a esos procesos. Nuestro objetivo es enviar la información recogida en el formulario a la URL Webhook del segundo escenario en Latenode, donde las respuestas se transforman en un correo electrónico bien diseñado. Así es como está estructurado este escenario:

Escenario 2: Creación de correos electrónicos y envío a usuarios a través de Mailgun

• Gancho Web: Recibe información procedente del formulario.
• JavaScript: Crea el código HTML que contiene el texto del correo electrónico, añadiendo elementos de diseño.
• Airtable (Lista de Registros): Obtiene una lista de correos electrónicos de usuarios de la base de datos.
• Iterador + petición HTTP: Envía el correo electrónico preparado a cada usuario a través de Mailgun

Vayamos paso a paso:

• Conectar los datos del Escenario 1 al Escenario 2:

Este cambio se realiza ajustando el código JavaScript dentro del primer escenario. Con el segundo escenario ahora activo, es importante asegurarse de que cuando se pulsa el botón "Enviar", los datos del campo del formulario se envían a la nueva URL del Webhook. Nuestro asistente de IA nos ayuda de nuevo como le pedimos:

- Incluye un script en mi código para enviar los datos recogidos en el formulario a la siguiente url de webhook cuando se pulse el botón "Enviar": https://webhook.latenode.com /49/dev/receive_email_info. Tras el envío, debería aparecer en la pantalla una ventana emergente de "¡Gracias!

Rápidamente, el asistente de IA crea un nuevo script, que sustituimos fácilmente por el nuestro, guardamos el escenario y probamos el envío de datos a nuestro segundo escenario.

Envío de datos a la URL del Webhook del 2º escenario

En la pestaña "Cuerpo", vemos las variables de campo enviadas para el contenido junto con los valores introducidos: prueba, prueba, prueba...

Ahora, con estas variables disponibles en la plataforma, crear un correo electrónico personalizado es posible. A continuación, añadimos un bloque JavaScript y preguntamos al asistente de IA con una nueva solicitud:

"Incluye un script para crear un código HTML en el que se incluyan las variables del bloque anterior (Visión general, Título, Actualizaciones de la plataforma, Materiales útiles, Otras noticias). Muéstralo en un estilo de correo electrónico moderno".

¡Listo! Como se muestra, el asistente de IA no sólo lleva a cabo la petición, sino que explica partes del código creado. Por ejemplo, el texto verde después de // en la captura de pantalla resalta la sección del código que obtiene variables del bloque anterior.

• A continuación, tenemos que obtener la lista de correos electrónicos de los destinatarios.

Recomiendo utilizar Airtable para la gestión de la base de datos. Sin embargo, prepárate porque puede que necesites la ayuda de un desarrollador en este punto, ya que nos estamos adentrando en el territorio de la interacción con el producto. El objetivo es sincronizar la base de datos de usuarios en el lado del producto con nuestra tabla Airtable, asegurándonos de que los correos electrónicos fluyen sin problemas después de cada nuevo registro. Veamos Airtable como nuestra base para la automatización de bajo código en los esfuerzos de marketing por correo electrónico.

Una vez que nuestra Airtable está lista y las nuevas inscripciones llegan como se espera, es hora de conectarla a Latenode. Para ello, añadimos un módulo Airtable sin código al escenario, una tarea que se realiza en sólo tres clics.

Ahora, pasemos a la parte final de este escenario con dos nuevos módulos:

• Iterador: Recorre secuencialmente cada correo electrónico de usuario del módulo Airtable.
• Módulo HTTP : Retiene estos correos electrónicos, uno a uno, colocándolos en el campo necesario para enviar una solicitud al servicio Mailgun.

Mailgun es genial para la automatización del correo electrónico, especialmente bueno para el envío masivo de correos electrónicos, con el apoyo de conocimientos analíticos. Sin embargo, hay un problema: Latenode no tiene una integración directa con Mailgun. Pero no te preocupes, el módulo de solicitud HTTP es totalmente capaz de crear la integración necesaria rápidamente. Encontrarás más información en la guía detallada al final del artículo.

A continuación puedes ver nuestro servicio funcionando con datos reales, donde el módulo de petición HTTP se ejecutó 288 veces, enviando 288 correos electrónicos

Historial de ejecuciones visible a la derecha

Conclusión

Este sencillo enfoque te permite construir tu servicio de marketing personalizado desde cero en pocos días, sin necesidad de conocimientos de codificación.

Para quienes deseen ampliar sus conocimientos profesionales, he elaborado una guía detallada en la que explico mi caso : Guía detallada

Siguiendo estos pasos, comprenderás los fundamentos de la automatización de bajo código, una habilidad que ha llegado para quedarse. La próxima vez que se te presenten retos MarTech, estarás más preparado. Tanto si los resuelves solo como si pides ayuda, irás mucho más adelantado, ¡y eso tiene un valor incalculable!

Una nota, Latenode está actualmente en fase de pruebas beta, ofreciendo acceso gratuito para tus proyectos exploratorios. Te recomiendo encarecidamente que lo pruebes, experimentes con webhooks, utilices el asistente JavaScript de IA y te unas a su comunidad de comunidad Discord con tus preguntas.

‍