Manychat Facebook Messenger

FB Messenger can be a dynamite tool to increase attendance through simple media messages.

AEvent avatar
Written by AEvent
Updated over a week ago

Facebook Messenger is a powerful tool, and our ManyChat Facebook Integration is a great way to take advantage of the Messenger Platform.

Our implementation of the Messenger Tool is a 'Send to Messenger' button presented on your Confirmation page.

Below is a 2-part tutorial series for setting up this integration within AEvent. It's imperative that both portions are completed for this integration to operate correctly.

Timeline Actions:

Integrating ManyChat Facebook Messenger Part 1 of 2

To start the process, you will need to log into your ManyChat account.

Once logged in, locate the Gear Icon and click on it. Scroll down and select the API option, which allows you to retrieve your API key.

Copy the API key and store it in a notepad, as this is the first value we need.


⚠️Note:

If you haven't created an API key before,

you may need to generate a new one by clicking the appropriate option.


Now, within the Manychat Settings section, we need to create a User Field that enables identification between Manychat and AEvent for each individual registrant.

Click on the "+ New User Field" button at the top right.

In the "Create New User Field" window, type "uuid" (case-sensitive) in the name section and leave the type as "Text." Ensure you type it exactly as shown below to avoid any issues.

With the "uuid" User field set up, it's time to create the button tool.

Next Step: The Button Tool

Proceed to the "Growth Tools" section.

Click on "New Growth Tool" and select "Embeddable Button" from the options provided.


Within the Embeddable Button settings, you have the opportunity to customize the Opt-in Box and the accompanying Opt-in Message.

For now, let's concentrate on acquiring the values needed for the integration.


Click on "Setup."

In the setup window, you will find the Widget ID assigned to your button. Copy the numbers, for example, 19400833, and add them to your notepad as this is the second value.

Next, tick the checkbox next to "Pass value from widget to Custom Field" and choose the previously created "uuid" field.

Next Step: Acquiring The Reference ID

The last value we need to obtain to add this integration is the reference ID. To acquire this, click on "Install JavaScript Snippet."

Select "B Install Manychat Snippet." Copy the displayed numbers into your notepad.

Now, we can insert the 3 values we've collected into the Add New Integration inside of AEvent. You need to go to your AEvent account, go to Integrations, and find ManyChat Facebook.


Then, name your integration as you see fit, and click 'Add.'

Enter the API Key, Widget ID, and Reference ID that you've collected into the Popup.

Once your ManyChat Integration has been successfully added, you will see its Connected state, and you will be able to click on 'Test.'

A successful connection will show a positive test result. Congratulations, your ManyChat FBM account is now successfully connected to AEvent!

BUT WAIT! There is a second portion to the setup of this integration. It involves creating a custom rule within Manychat that triggers the transmission of a special payload to AEvent whenever a new contact is added, and the "uuid" value is defined.

This step is essential for establishing a seamless connection between the two platforms and ensuring the proper delivery of Manychat messages.

Please proceed to the 2nd tutorial below.

Integrating ManyChat Facebook Messenger Part 2 of 2

Now that we have the integration added, we need to create a special callback within Manychat to establish communication with AEvent.

To achieve this, first, you need to obtain the callback URL from the new integration you just created within the last tutorial.

Inside AEvent, navigate to Integrations, locate your new ManyChat Facebook, and click on the Copy Icon.

Next, log in to Manychat, select Automation, then Rules, and click on + New Rule.

First, add a name to it, AEvent Callback.

Then click on +Trigger and select Custom Field Value Changed.

Next, we need to click on Change a custom field and select uuid.

AND select has changed to any value.

Next, on the right-hand side, we need to click on + Action.

On the pop-up, select the Automation tab on the left menu, scroll until you find External Request, and select it.

Then click on Add your request.

In this popup, we will need to paste the Callback URL that we copied out of AEvent into the Request URL field.

In the final step here, we need to select Body and click on +Add Full Contact Data.

Once that is completed, you should be able to see a data preview on the right-hand side. If your screen looks like the image below, you've done this successfully! Click SAVE.

On the Callback screen, you will need to toggle it to Active in the top right corner.

Now your Manychat Integration is now complete.

FINAL stage of integrating AEvent with Manychat Messenger involves setting up the Custom HTML widget on your Confirmation Page.

That tutorial, along with activating within your Timeline, and setting up ManyChat Facebook Timeline Actions, can be found below.

Configuring your Manychat Facebook Messenger Integration for use within a Timeline

In order to utilize your Manychat FBM Integration within AEvent, you need to activate it within the timeline you are working with. To do this, open the timeline you are working with.

Then select Integrations and set your Manychat FBM Integration as Active.

That is ENOUGH to activate the ManyChat integration within your timeline.

However, if you would like to create an action when the registrant hits the 'Send to Messenger' button (beyond sending the default message from MC), you can click on the Cog Wheel to customize those settings.

Within the Integration settings, you can select a tag to add on-registration, which can initiate a specific flow within Manychat. You can also create either a Messenger MSG or a Messenger Media MSG here to be sent on registration.

For the example below, we've opted to send a Messenger MSG once the registrants click on the 'Send to Messenger' button. We used the personalization menu for the dynamic values, as well as the JoinURL link for a button.

We HIGHLY RECOMMEND clicking on Custom Fields (Personalization) - Show, and setting up some custom personalization fields.

These are values that include not only email and name (Join Link, Replay Link, Day of Webinar, Day of Week, Time, UTM Tracking Parameters, etc.), and are sent along with the new subscriber information to Manychat FBM.

If you are using Flows within ManyChat, these values enable you to use dynamic variables (personalization) within the ManyChat Flows. Check out our tutorial at the bottom of this page, covering that in detail.

We've made the creation of these fields easy, and by clicking the 'Create System Fields button', AEvent will automatically create within Manychat FBM the needed Custom Fields, while selecting those values within AEvent.

You can also use the Create Single Field to create a single Custom Field within Manychat FBM. OR you can manually create fields / use pre-created fields. If you manually create a new field within your Manychat FBM account, you will need to click on Refresh for it to appear here.

Once you create your custom fields, you can click out of the pane, as the initial setup of your Manychat FBM integration within THIS AEvent timeline is now complete!

Setting Up Facebook Messenger 'Send to Messenger' Button With Your Confirmation Page

By following this tutorial, you'll be able to successfully add the ManyChat "Send to Messenger" button to your confirmation page.

In the example below, we are using Clickfunnels to set this up. However, this HTML code will work with any page builder / HTML page. You just need to place the HTML code within an HTML box element. Doing this will enable you to connect with your audience via Facebook Messenger and automate communication for your event reminders.

Step 1: Retrieve the ManyChat Embed code from within your AEvent timeline.

  • Navigate to the timeline you are working with, then click on Code, then Confirmation, and copy the ManyChat Bot HTML code.

If you are using ClickFunnels, Please follow our guide below. If you are using another page builder or just an HTML page, this HTML snippet needs to be pasted within an HTML box/element within your Confirmation Page.

Step 2: Access Your ClickFunnels Confirmation Page

Open the funnel that contains the confirmation page you want to integrate with ManyChat and edit that page.

  • Locate the section or element on the confirmation page where you want to place the "Send to Messenger" button and drag a Custom Javascript / HTML element into that area.


  • Next, open the code editor and paste the ManyChat code you copied earlier from AEvent into the custom code section.

  • Save the changes to your confirmation page.

Step 2: Access Your ClickFunnels Confirmation Page

To see the ManyChat button in action, you need to complete a full registration for an actual event. Go through the scheduling process on your AEvent Timeline event and complete all necessary steps.

  • Now register for the event and see if you see the Manychat on the confirmation page, the ManyChat "Send to Messenger" button should be visible.

Congratulations! You've successfully integrated the ManyChat "Send to Messenger" button with your ClickFunnels confirmation page.

By adding this button, you can now engage with your event registrants through Facebook Messenger and automate communication for your events.

Creating a Timeline Action to Add (or Remove) a Manychat FBM Tag

Setting up a timeline action to Add or Remove a tag from a contact within Manychat FBM is Easy.

Within the timeline builder, start by creating an action, selecting the date and time that you wish the action to occur. Select the audience you are targeting, then select your Manychat FBM Integration, and Add (or remove) Tag.


If you have already created the tag within your Manychat FBM account, you can select it here. Otherwise, you will need to create the tag within ManyChat and then refresh your ManyChat Facebook Messenger Integration.

(Located in Timeline ➜ Integrations ➜ Manychat Settings)

And that's it. Once you've created or selected the tag in which you want to add, just click on Create.

Your Add Tag (or Remove) Action has now been created, and you can view it on your timeline.

Per the example above, at 10 AM, Day after the webinar, all non-attendees will receive the tag 'Webinar - Non-Attendee' added via ManyChat. You can create a reactive flow in ManyChat to initiate from the Tagging Event.

Creating a Timeline Action to Send a Messenger MSG

Setting up a timeline action to send a Facebook Messenger MSG is super simple.

Instead of creating the flow and the message within ManyChat, you can create the message directly within our AEvent Timeline Builder.

Start by creating an action, selecting the date relation, and time that you wish the message to be sent. Select the audience you are targeting, then select your Manychat FBM Integration, and Send Messenger Msg.

After filling out the message, using both the dynamic FirstName field and the join link (for the button), click on Create, and the Action is created and saved to the timeline.

In the example above, a Facebook Messenger Msg will be sent 1 hour before the webinar with a personalized FirstName, as well as a button that, when clicked, will launch them directly into the online event.

Creating a Timeline Action to Send a Messenger Media Msg

You can utilize AEvent to send a Facebook Messenger Media MSG. The media can be either a picture, an MP3 recording, or even a short video (size restrictions listed below).

To build out a Facebook Messenger Media MSG action into your timeline, start out by creating a new action, selecting the date relation, and time that you wish the message to be sent. Select the audience you are targeting, then select your Manychat FBM Integration and Send Messenger Media Msg. From there, you can select the type of media you wish to use (Image, Audio, Video, OR NiftyImage), along with the media asset itself.

In the example above, we're sending a JPG image, along with a quick written reminder 5 minutes prior to the start of the webinar. Their JoinURL will be presented at the bottom of the message in the form of a clickable button.

Click Create, and you will see this action created on your timeline.


Sending a custom field to ManyChat

If you wish to pass custom fields (Join URL, Webinar Date / Time, etc), please follow the process outlined below.

Step 1: Access Manychat

  • Login to your Manychat account and select Settings -> Fields.

  • Click on "New User Field", name it, and leave type as Text.

  • Click "Create".

Step 2: Access AEvent

  • Navigate to the "Integrations" section of your timeline.

  • Open Manychat settings by clicking on the Cog Wheel icon.

  • Click "Refresh" (this should then pull in the newly created field from Manychat).

  • Select that field with the checkbox, and line it up using the two drop-down menus to select the value you'd like stored there.

Congratulations! You've successfully learned how to send a custom field to ManyChat from within AEvent!

Using AEvent Custom Fields as Personalization values within your ManyChat Flows

When registrant information is sent to Manychat FBM on registration, any custom fields that you have set up will be sent along as 'Custom User Fields.' You can then use these dynamic tags to not only populate the normal stuff like First Name, but you can use Join URL, Replay URL, Day of Webinar, Time of Webinar, etc.

In the example below, we're within ManyChat Automation Flow builder. We're editing a msg and adding the dynamic values. To access the personalization menu, we click on the { . }. which pops up the menu. Then scroll down to Custom User Fields. Any custom field that you set up when you first set your MC FBM up within your timeline will be accessible here.

Utilizing these custom fields allows you to create ManyChat Automation Flows with all the dynamic variables you could want!

How to reconnect your Manychat FBM Integration

If you are encountering issues with your Manychat FBM integration, it is possible that the API key issued from Manychat FBM has been reset or changed. If you click 'Test' and it is NOT successful, the first step we recommend is reconnecting your integration.

By clicking Re-Connect, you will be prompted to re-enter your API URL (Your Widget ID and Reference ID should not be changed).

To obtain that, log in to ManyChat, locate the Gear Icon, and click on it. Scroll down and select the API option, which allows you to retrieve your API key.

Copy the API key and paste that back into the AEvent Popup.

After clicking Continue, your integration will show as Connected, and you will be able to click on 'Test'.

A successful connection will yield a positive test result. Congratulations, your Manychat FBM account is now successfully Re-connected to AEvent!


How to remove your Manychat FBM Integration from AEvent

If you want to remove your Manychat FBM integration from AEvent, you need to navigate to Integrations, locate your Manychat Facebook Messenger integration, and click on the trashcan icon.

You then will be prompted to confirm deletion.

(NOTE: Removing this integration will immediately affect its use with any timelines that it is active in.)

If you are experiencing issues with this integration but do not have the desire to REMOVE it, we recommend reconnecting it instead. This will allow its configuration to continue as set within your timelines.

Once you confirm removal, the integration within AEvent no longer exists.


🆘 Help Is Here 🆘

If you have any questions about this Integration, please reach out to our Support Team with any questions about the Roezan and AEvent Integration.


Did this answer your question?