How to Connect OptinMonster with ManyChat

Do you want to add a ManyChat widget to your OptinMonster campaign? With our ManyChat integration it’s easy! Follow this guide to see how to embed a ManyChat widget into your campaign.

  1. Create or Modify a Campaign
  2. Add Chat Element to Campaign
  3. Create ManyChat Widget
  4. Connect ManyChat Widget
REQUIREMENT: Our native ManyChat integration requires a Growth subscription and an existing ManyChat account. However, you can still use our Custom HTML element with a lower subscription.

Step 1 – Create or Modify a Campaign

Create a new campaign or modify an existing campaign from OptinMonster Dashboard. Open the OptinMonster Builder by selecting the Edit button.

Edit Campaign

Step 2 – Add Chat Element to Campaign

In the Design tab, click + Add Blocks.

Add Blocks

Add a ChatBot element to your campaign.

Add ChatBot Element

Set the ChatBot Integration to ManyChat.

ManyChat Integration

Step 3 – Create ManyChat Widget

Log in to your ManyChat account and go to Growth Tools.

ManyChat Growth Tools

Use an existing widget or create a New Growth Tool.

NOTE: Only embeddable widgets (button and box) are supported at this time.

ManyChat New Growth Tool

Create a new Embeddable Widget.

ManyChat Embeddable Widget

Configure your widget design and settings. If you’re using the Box widget, we recommend setting the Width to Fit Container.

ManyChat Widget Width

Step 4 – Connect ManyChat Widget

In the Setup tab, click Install JavaScript Snippet.

Click Install JavaScript Sippet

Add the domains you want to authorize. Then, in Install ManyChat Snippet, copy the number ID in the URL of the provided code snippet. This is your Facebook Page ID.

ManyChat Copy ID

Paste the number into the Facebook Page ID field in your campaign.

Paste Facebook Page ID

Back in the widget settings, under Embed Your Widget, copy the data widget ID.

ManyChat Widget Copy ID

Paste the ID into the Widget ID field in your campaign.

ManyChat Paste Widget ID

Don’t forget to Activate & Check your ManyChat widget.

ManyChat Widget Activate & Check

That’s it! You’ve successfully connected ManyChat to your OptinMonster campaign.

Want to only show your ManyChat campaign during or outside business hours? See our guide on how to schedule your campaigns!

Frequently Asked Questions

Q: What is the benefit of using OptinMonster and ManyChat together?

A: The ManyChat integration allows you to combine ManyChat’s robust chatbot features with OptinMonster’s powerful user behavior targeting. Our integration also allows you to utilize OptinMonster’s success actions giving you more control over the user experience when they start a chat.