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. Navigate to the Design tab in the campaign builder.
  2. Select the + Add Blocks button.
    Add Blocks
  3. Click on and drag the ChatBot element into your campaign and place it where you would like it to appear.
    Add ChatBot Element
  4. Next, in the left sidebar choose ManyChat from the ChatBot Integration dropdown.
    ManyChat Integration
  5. From the previous section, you will now paste the Facebook Page ID for your ManyChat widget into the appropriate field.
    Paste Facebook Page ID
  6. Next, paste the Widget ID you copied from the previous section into the appropriate field.
    ManyChat Paste Widget ID
  7. 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.