ManyChat · Nov 2017 – Mar 2021 · Desktop

Facebook Ads integration

Many ManyChat clients used Facebook Ads for lead generation, which meant jumping between two products to build a funnel. When Facebook opened its Marketing API, we built ads management right into ManyChat.

The problem

Clients had to create ads on Facebook, switch to ManyChat to set up the automation, go back to Facebook to check results, then come back again to compare data and build a funnel. Facebook’s new Marketing API gave us a way to fix that.

Process

We decided not to compete with Facebook’s Ads Manager. Instead we built a minimal tool with only the main features, starting with an MVP that worked with ads already created on Facebook.

Ads activation screen used in the beta

The beta was a success, but managing ads created elsewhere brought technical problems, so we focused on ads created inside ManyChat.

Ads list after the beta

Core features

Simple view that shows ads as a flat listAds list with statuses and results
Detailed statistics for a single ad

A simple wizard for creating campaigns from scratch: set up an audience or reuse a saved one, choose placements or trust the automatic ones, design the ad with drag-and-drop, then build the Messenger automation that follows.

Campaign creation wizard: objective
Audience setupPlacements setup
Designing the ad
Creating the follow-up automation in Messenger

Better targeting

Targeting makes or breaks a campaign, so next we simplified audiences: create a Custom Audience from your subscribers, or use one to find similar Lookalike audiences.

Choosing the type of audience to create
Creating a custom audience from subscribersCreating a lookalike audience

It was a year-long deep dive into marketing — and the largest Figma file I had made at the time.

The Facebook Ads Figma file

Results

Advanced users stayed with Facebook’s Ads Manager, but many beginners adopted the built-in tool. Some of the cases: