The Messenger component is a special type of control that displays an array of icons for messengers such as Facebook Messenger, LINE, Telegram, and Viber.
The Messenger component is a special type of control that displays an array of icons for messengers such as Facebook Messenger, LINE, Telegram, and Viber.
<!--T:2-->
If messenger integrations have been configured for your contact center, these icons will link to a saved messenger contact via the data field array ''Contact.messengers''. Messenger integrations are configured in the Contact Center Administrator application, section [[contact-center-administrator-guide/IntegrationAccounts|Integration Accounts]].
The Messenger component is outlined in red on the example form shown.
'''Note''': This control is supported in version 5.x for forms created in the Form Builder application version 3.x. For component properties, see Bright Pattern Contact Center Documentation [https://help3x.brightpattern.com/3.18:Form-builder-reference-guide/Messenger version 3.x].
<!--T:3-->
To add this component to your form, hold and drag the component from the component menu on the left, onto the blank form on the right.
<!--T:4-->
'''Note''': This control is supported in version 5.x for forms created in the Form Builder application version 3.x.
<!--T:5-->
[[File:Form-Messenger-3x-50.PNG|800px|thumbnail|center|Messenger component in Configuration mode]]
[[File:Form-Messenger-3x-50.PNG|800px|thumbnail|center|Messenger component in Configuration mode]]
== Field Properties == <!--T:6-->
This component has just one property that can be edited: Style.
<!--T:7-->
[[File:Form-Messenger-Prop-3x-50.PNG|thumbnail|center|Messenger field properties]]
=== Style === <!--T:8-->
The ''Style'' property allows you to change the way that a control element appears on a form. Because the Messenger component shows up on the form as a series of icons, it's recommended that the style be set to '''None'''.
<!--T:9-->
You can select a style from the following options:
* << None >>
* Text
* Title
* Label
* Hyperlink
* Note
<!--T:10-->
You can also click '''add/edit''' to add another style or edit the selected style, choosing from different fonts, sizes, colors, and other style elements.
<!--T:11-->
[[File:Form-Edit-Styles-Save-3x-50.PNG|450px|thumbnail|center|Select font, size, color, and other style elements]]
<!--T:12-->
Clicking '''Save as''' allows you to name and save the style you just added/edited, and that style becomes available in the drop-down selector for the ''Style'' and ''Edit Style'' properties.
<!--T:13-->
[[File:Form-Save-As-3x-50.PNG|450px|thumbnail|center|Save the style with a new name]]
<translate>= Messenger=
The Messenger component is a special type of control that displays an array of icons for messengers such as Facebook Messenger, LINE, Telegram, and Viber.
Note: This control is supported in version 5.x for forms created in the Form Builder application version 3.x. For component properties, see Bright Pattern Contact Center Documentation version 3.x.
