OM Documentation Marketing Integrations

How to Connect OptinMonster with ManyChat

OptinMonster makes it easy to embed a ManyChat widget into your campaigns using our ManyChat integration.

In this article, you’ll learn how to integrate with ManyChat.

Before You Start

Here are some helpful things to know before you begin:

Create ManyChat Widget

To begin, you’ll need to create a ManyChat widget that can be added to your OptinMonster campaign.

To create a ManyChat widget, follow these steps:

  1. Log in to your ManyChat account and navigate to the Growth Tools page.
    ManyChat Growth Tools
  2.  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
  3.  Create a new Embeddable Widget.
    ManyChat Embeddable Widget
  4. Configure your widget design and settings. If you’re using the Box widget, we recommend setting the Width to Fit Container.ManyChat Widget Width
  5. Next, in the Setup tab, click Install JavaScript Snippet.
    Click Install JavaScript Sippet
  6. Add the domains you want to authorize.
  7. In Install ManyChat Snippet, copy the number ID in the URL of the provided code snippet. This is your Facebook Page ID that will be used in the next section of this guide.ManyChat Copy ID
  8. You’ll also return back to the widget settings, under Embed Your Widget, and copy the data widget ID that will also be used in the next section of this guide.ManyChat Widget Copy ID
  9. Finally, select the Activate & Check button for your ManyChat widget.
    ManyChat Widget Activate & Check

Connect ManyChat

To integrate your campaign with ManyChat, follow these steps:

  1. From the Design view of the campaign builder drag and drop a ChatBot block into your campaign design where you would like it to appear.
    Add chatbot block to your campaign.
  2. Next, in the sidebar panel choose ManyChat from the ChatBot Integration dropdown.
    ManyChat ChatBot integration option in OptinMonster.
  3. From the previous section, you will now paste the Facebook Page ID  and the Widget ID for your ManyChat widget into the appropriate fields.
    ManyChat Facebook ID and Widget ID fields.
  4. Finally, set the ChatBot Success Action.
  5. When you’re finished, click Save.

Troubleshooting

What is the benefit of using OptinMonster and ManyChat together?

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 visitor’s start a chat.

Can I show my ManyChat campaign only during or outside of business hours?

Yes, see our guide on how to schedule your campaigns.

Can I save a chatbot block once I customize it to re-use it later on?

Yes! Learn how to create and use saved blocks.