Référence concernant les plugins pour le Web

La plateforme Messenger offre un ensemble pratique de plugins pour le Web qui vous permet de démarrer facilement une conversation avec les personnes qui consultent votre site Web. Tous les plugins sont implémentés avec le SDK Facebook pour JavaScript.

Plugin Message Us

Les utilisateurs et utilisatrices atterrissent directement dans une conversation sur Messenger.

Pour en savoir plus sur son utilisation, consultez la rubrique Plugin Message Us.

Inclure le format

<div class="fb-messengermessageus" 
  messenger_app_id="<APP_ID>" 
  page_id="<PAGE_ID>"
  color="<blue | white>"
  size="<standard | large | xlarge>">
</div>

Attributs

Attribut	Attribut HTML5	Type	Description
`class`		Chaîne	La valeur doit être `fb-messengermessageus`.
`page_id`		Chaîne	ID de votre page
`messenger_app_id`		Numéro	Votre ID d’application Facebook.
`color`	`data-color`	Chaîne	Couleur du bouton : `blue` ou `white`. Valeur par défaut : `blue`.
`size`	`data-size`	Chaîne	Taille du bouton : `standard`, `large` ou `xlarge`. Valeur par défaut : `large`.
`ref`		Chaîne	*Facultatif.* La chaîne personnalisée est transmise à votre webhook dans les évènements `messaging_postbacks` et `messaging_referrals`.

Plugin Send to Messenger

Envoyez un message à une personne depuis votre bot Messenger en arrière-plan et inscrivez-la.

Pour en savoir plus sur son utilisation, consultez la rubrique Plugin Send to Messenger.

Inclure le format

<div class="fb-send-to-messenger" 
  messenger_app_id="<APP_ID>" 
  page_id="PAGE_ID" 
  data-ref="<PASS_THROUGH_PARAM>" 
  color="<blue | white>" 
  size="<standard | large | xlarge>">
</div>

Attributs

Attribut	Type	Description
`class`	Chaîne	La valeur doit être `fb-send-to-messenger`.
`page_id`	Chaîne	ID de votre page
`messenger_app_id`	Numéro	Votre ID d’application Facebook.
`color`	Chaîne	*Facultatif.* Couleur du bouton : `blue` ou `white`. Valeur par défaut : `blue`.
`size`	Chaîne	*Facultatif.* Taille du bouton : `standard`, `large` ou `xlarge`. Valeur par défaut : `large`.
`ref`	Chaîne	*Facultatif.* Paramètre d’état personnalisé. 250 caractères maximum. Les caractères autorisés sont `a-z A-Z 0-9 +/=-._`. Il doit être codé et chiffré à des fins de sécurité.
`enforce_login`	Booléen	*Facultatif.* Si `true`, les utilisateurs et utilisatrices connecté·es doivent se reconnecter après avoir cliqué sur le bouton. Valeur par défaut : `false`.

Utilisez le paramètre ref pour transférer un état avec l’authentification. Si vous placez le plugin dans plusieurs endroits, nous vous conseillons de modifier son état en fonction de son emplacement.

Plugin Checkbox

Le plugin Checkbox abonne une personne à votre bot Messenger via un formulaire, au moment d’un paiement ou d’une inscription.

Pour en savoir plus sur son utilisation, consultez la rubrique Plugin Checkbox.

Inclure le format

<div class="fb-messenger-checkbox"  
  origin=<PAGE_DOMAIN>
  page_id=<PAGE_ID>
  messenger_app_id=<APP_ID>
  user_ref="<UNIQUE_REF_PARAM>"
  allow_login="<true>"
  size="<small | medium | large | standard | xlarge>"
  skin="<light|dark>"
  center_align="<true|false>">
</div>

Attributs

Attribut	Type	Description
`class`	Chaîne	La valeur doit être `fb-messenger-checkbox`.
`page_id`	Numéro	L’ID de la Page Facebook associée à votre bot.
`messenger_app_id`	Numéro	Votre ID d’application Facebook.
`user_ref`	Chaîne	Paramètre unique permettant de référencer un·e utilisateur·ice. 250 caractères maximum. Les caractères autorisés sont `a-z A-Z 0-9 +/=-._`.
`allow_login`	Booléen	*Facultatif.* Permet aux personnes de se connecter si aucune session n’a été détectée. Valeur par défaut : `true`
`size`	Chaîne	*Facultatif.* Taille du plugin : `small`, `medium`, `large`, `standard`, `xlarge`. Valeur par défaut : `large`.
`skin`	Chaîne	*Facultatif.* Définit la couleur du thème du contenu du plugin. Les options suivantes sont prises en charge : `light` : le plugin s’affiche avec du texte foncé. `dark` : le plugin s’affiche avec du texte blanc, l’icône Messenger transparente et un éclair blanc. Valeur par défaut : `light`.
`center_align`	Booléen	*Facultatif.* Indique si le contenu du plugin doit être aligné au centre. Valeur par défaut : `false`.