Ditch the Popup How to Use an AI Chatbot + n8n to Grow Your Email List Automatically


Overview

In this post we walk you through how we replaced an old-school newsletter popup with a friendly chatbot using Flowise and n8n.

The Problem with Popups

Popups work - but they’re annoying. They interrupt the user experience and often get dismissed before they’re even read.

We wanted a better way to invite users to subscribe to the Weekly Automator newsletter without being intrusive.

The Chatbot-Based Solution

Instead of a popup we embedded a chatbot in the bottom-right corner of the page. When users engage with it they’re asked if they want to join the newsletter. If they say yes, they can drop in their email and the automation does the rest.

Here’s how it works behind the scenes:

Flow Overview

graph TD User -->|enters email| Chatbot Chatbot -->|extracts email| Flowise Flowise -->|POST to webhook| n8n n8n -->|add to list| ConvertKit

🔧 Step-by-Step Breakdown

Step 1: Flowise Chatbot

We're using Flowise v3.0 which made setting this up really simple.

  • The chatbot has a start node that captures input
  • It then calls an agent node that extracts the email from the user response
  • If valid it POSTs the email to an n8n webhook
graph LR StartNode["🟢 Start Node (Chat Input)"] --> ExtractNode["🔍 Extract Email"] ExtractNode --> PostNode["📤 HTTP Request to n8n Webhook"]

Step 2: n8n Workflow

Once Flowise sends the data n8n takes over.

  • The webhook receives the email address
  • n8n uses the Kit (ConvertKit) node (or HTTP Request if you're using the API directly)
  • It adds the user to a specified list in your ConvertKit account

We don't cover it in the video fully but you should always secure your webhook endpoint.

Example node flow:

graph TD Webhook --> email["Extract email from body of request"] email["Extract email from body of request"] --> ConvertKitAPI

Why This Works Better

  • No interruptions: Users engage when they want to.
  • Feels human: The chatbot is conversational, not transactional.
  • Flexible: You can enhance or extend the chatbot without touching the front end again.

Try It Yourself

You can build your own version using:

Want help setting this up? Book a call with us—or just steal the idea 😉


These 2 automations are small, reusable, and orthogonal - the Tiny Automations way.