# Using Flow Builder to send Facebook (Meta) Messenger messages

 

Flow Builder allows you to configure different actions for your Facebook Messenger channel, including rich capabilities like [quick reply buttons](https://developers.facebook.com/docs/messenger-platform/send-messages/quick-replies/), [generic](https://developers.facebook.com/docs/messenger-platform/send-messages/template/generic) and [media](https://developers.facebook.com/docs/messenger-platform/send-messages/template/media) template messages.

<figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-c8bd79e15a328a9ef31a9031e044de2ec2d5a1a6%2Fsummary_line.png?alt=media" alt=""><figcaption></figcaption></figure>

&#x20;

&#x20;

#### Table of contents <a href="#id-01g1gfm7g9ps9nej6fk50ra187" id="id-01g1gfm7g9ps9nej6fk50ra187"></a>

[How does this step benefit me?](#01G223V98WPT7TJJ6N53N4TQTX)

[Before getting started](#h_01G1GESZHAHN77945R03RV1NA9)

[Step components](#01G223YEK00GB9K6YVZSTK40K4)

* [Send settings](#01G2243ZY4W99V296N323MF0S6)
* [Message Settings](#01G2241SZDT7JQJX67QFRNCNEY)
* [Response settings](#01G2240Q0BAA6G973M7PRQN6WH)
* [Advanced settings](#01G223ZNZY278TJPSTXFQHYGA1)

#### &#x20;How does this step benefit me? <a href="#id-01g223v98wpt7tjj6n53n4tqtx" id="id-01g223v98wpt7tjj6n53n4tqtx"></a>

The “Send Facebook Message” step allows you to maximize the customization of your messages to your users. It provides interactive features that enable end-users to select quick-reply options or templates instead of typing their replies to a conversation.\
\
In this guide, you’ll learn how to configure the Send Facebook Message step in [Flow Builder.](https://dashboard.messagebird.com/en/flow-builder)<br>

#### &#x20; <a href="#id-01g223yek0hf6nxxbxmfwyxpm1" id="id-01g223yek0hf6nxxbxmfwyxpm1"></a>

#### Before getting started <a href="#h_01g1geszhahn77945r03rv1na9" id="h_01g1geszhahn77945r03rv1na9"></a>

Before beginning,  you’ll need

* [MessageBird account](https://dashboard.messagebird.com/)
* [Facebook channel](https://dashboard.messagebird.com/en/channels/facebook)
* [Inbox account](https://inbox.messagebird.com/) (this is optional)<br>

**Step 1:**[Log in to your MessageBird Dashboard](https://dashboard.messagebird.com/en/user/index) and navigate to Flow Builder.\ <br>

<figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-7d7b45e0af4ec4ffe4a17004cc9feedffd88e748%2FStep_1.png?alt=media" alt=""><figcaption></figcaption></figure>

**Step 2:** Create a new flow or choose an existing flow. If you selected a new flow, please choose a trigger that applies to you and an available conversational channel.&#x20;

**Step 3:** Add a step **Send Facebook Message**.&#x20;

<figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-75ecd1e51421dbc6158ad1e1d3312b39b8f95a88%2FStep_3_a_line.png?alt=media" alt=""><figcaption></figcaption></figure>

&#x20; &#x20;

<figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-c637b1c57fcf43d8963ad62b301cc7a0317c3170%2FStep_3_b_line.png?alt=media" alt=""><figcaption></figcaption></figure>

#### &#x20; <a href="#id-01g223znzytxymmqcbqzhcx72e" id="id-01g223znzytxymmqcbqzhcx72e"></a>

#### &#x20;Step components  <a href="#id-01g223yek00gb9k6yvzstk40k4" id="id-01g223yek00gb9k6yvzstk40k4"></a>

The components of this step are as follows:

**Send settings**

To configure how the message will be sent: either as a *reply back* of current conversion, *from/to* a different channel, or in a specific *conversation* modify the option in the *Send settings*\ <br>

<figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-54f72b3233ab466669d3fe7c93261face2e66145%2Fsend_settings_line.png?alt=media" alt=""><figcaption></figcaption></figure>

<br>

**Message Settings**

The section allows you to configure the message type selecting from “text”, “media”, “quick replies”, or “template”. Here is where the interactive features can be configured.\ <br>

<figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-a4e34a919c593dcd905c21858e927ad93663ab64%2FMessage_settings_line.png?alt=media" alt=""><figcaption></figcaption></figure>

\
\
The *Quick replies* section allows you to configure the **quick replies message** withup to 12 buttons that contain a title and an optional image. The image will be cropped to 24x24 px by Facebook.&#x20;

This is an example of how quick replies look in Facebook Messenger:&#x20;

<figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-cee49eae9c0b6c19302ba6414de46b05b47f953c%2Fquick_replies_line.png?alt=media" alt=""><figcaption></figcaption></figure>

\ <br>

<figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-7771e13095362bee07076f420e8bb3fbcd96f9b0%2Fquick_replies_b_line.png?alt=media" alt=""><figcaption></figcaption></figure>

&#x20; &#x20;

<figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-009bdf8b05e2740d69004457ad99290c1f798ee6%2Fquick_replies_c_line.png?alt=media" alt=""><figcaption></figcaption></figure>

The *Template* section allows you to configure the **template** message types. Currently, we support media and generic templates:

1. The media template allows you to send images, GIFs, and video as a structured message with an optional [button](https://developers.facebook.com/docs/messenger-platform/send-api-reference/buttons). Example:<br>

   <figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-9e404f283353b9da42d75ef96e7f1e75f0913e2e%2Ftemplate_fruit_line.png?alt=media" alt=""><figcaption></figcaption></figure>

   &#x20; &#x20;

   <figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-1c2715efda62dcde345cf996d0e7a1522a9ef3ea%2FTemplate_1_line.png?alt=media" alt=""><figcaption></figcaption></figure>

   \ <br>
2. The generic template is a structured message that includes a title, subtitle, image, and up to 3 buttons. You can build a carousel with up to 10 generic templates, to show a set of items, as on example:<br>

   <figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-9ddc43d528350cb7606f23743822c4682d6a06cc%2Ftemplate_2_line.png?alt=media" alt=""><figcaption></figcaption></figure>

   <br>

Each [template button](https://developers.facebook.com/docs/messenger-platform/send-messages/buttons) has an optional “payload” field that’s connected to the button, you can use this to specify a defined action for the user on selecting the button. It could be one of the following:

1. URL - typically used to redirect the end-user to your website.
2. Phone number - to contact your business over the phone.
3. Leave it empty - this will ensure the selected option goes back as a message to the business in this case Flow Builder

**Response settings**

Here, you can automatically configure the branching of the interactive messages such as the quick reply buttons and buttons from templates. At the same time, you could also configure the wait for response section whereby the step would wait for an end-user to respond to it for ‘x’ time. If there is no response within that time, the user would move to the next step in the flow automatically. You could also configure a separate expired case from the same section whereby you can configure what should happen if the user doesn’t respond within ‘x’ time.<br>

<figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-70ea90031b36900e0bed4635f7fd8a2e6253ddee%2Fintercative_settings_a_line.png?alt=media" alt=""><figcaption></figcaption></figure>

<br>

The branches for quick replies and template messages slightly differ.

* For quick replies, the branches are intuitive: for each button title, a new branch is specified. Here is an example of branching for quick replies buttons with text: “Mario”, “King Boo”, and “Goomba”.\ <br>

  <figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-ec591fad6ea51efbe1850bdb64cac023f8c65539%2Finteractive_settings_b_line.png?alt=media" alt=""><figcaption></figcaption></figure>

  <br>
* For generic templates, there can be a scenario where the same button-text can be configured for different items, for example, “Buy this!” for each T-shirt you specify in the carousel. In this case, an additional template number is shown, so you can easily distinguish and handle the response according to your business logic.\ <br>

  <figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-2ece0230aa9dfd8c2ad49755a276a9c1a33f1d07%2Finteractive_settings_c_line.png?alt=media" alt=""><figcaption></figcaption></figure>

  <br>

**Advanced settings**

Available advanced settings are:

* *Status reports enablement:* sending reports on the status of the message sent it the step via a GET request to a URL provided
* *TrackID enablement:* when filled out, the *trackID* will be sent as a parameter in the messages, allowing you to track insights such as read, delivered, failed, or rejected using the reporting API

<figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-0aa1b8ee5ebfcfd6d3c64874fbbe1e15ca2562e2%2Fmceclip0.png?alt=media" alt=""><figcaption></figcaption></figure>

&#x20;

**Step 4:** Configure the message as per your choice in the **message settings** section of the Send Facebook Message step. \ <br>

<figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-d51b41ab6ff202800d68add5d7f46ca388262f03%2Fstep_4_line.png?alt=media" alt=""><figcaption></figcaption></figure>

<br>

\
Shared below is an example message that’s configured using a *quick replies*messagewith *response settings* where branching is enabled.\
\
**Step 5:** Build out your flow with the combination of several such Send Facebook Message steps as per your use case and don’t forget to **Save** and **Publish** the Flow.\
Here is an example of what it would look like for your end-user.\ <br>

1. *Carousel* of generic templates with 2 buttons<br>

   <figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-32f2e3ef38194e5597fe4f5054cc6d28925d8cd3%2Fstep_5_a_line.png?alt=media" alt=""><figcaption></figcaption></figure>

   <br>
2. *Quick replies* message<br>

   <figure><img src="https://675349995-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUJNEE9TMK4fU91VKstBr%2Fuploads%2Fgit-blob-df74d595d27e85e534950c2569cfefbd72bd43b7%2Fstep_5_b_line.png?alt=media" alt=""><figcaption></figcaption></figure>

   <br>

\ <br>

📤  Feel free to [contact our Support](https://support.messagebird.com/hc/en-us/requests/new) in case you might need some help!