Stella Platform Documentation

Stella Platform Documentation

  • Docs
  • Procedures
  • Reference
  • FAQ
  • Bot API
  • API
  • Languages iconEnglish
    • 中文

›Facebook

Overview

  • Documentation Guide

Get Started

  • Introduction
  • Recent Updates
  • Best Practices
  • Chatbot Template

Bot Builder

  • Workspace
  • Node
  • Attachment ID

Node Inspector

  • Tree ID & Composite ID
  • Basic Information
  • Triggers
  • Responses
  • Actions
  • Redirect
  • Member Tagging
  • Analytics
  • NLP
  • Advance

Facebook

  • Message Types
  • Button Types
  • Persistent Menu
  • Access Token
  • One-Time Notification
  • N-Time Notification (Beta)

Instagram

  • Message Types

WhatsApp

  • Overview
  • Setup Procedure
  • Message Types

Web Chat

  • Overview
  • Message Types
  • Button Types

WeChat

  • Message Types

Slack

  • Message Types

Telegram

  • Message Types

Integrations

  • Dialogflow
  • Stripe
  • LUIS
  • Custom Inbox Integration

Data Source

  • Data Source

Media Library

  • Media Library

Channels

  • Overview
  • Webhooks
  • Channel-wide Metadata
  • Business Availability
  • Facebook
  • Instagram
  • Web Chat
  • WhatsApp
  • WeChat
  • Slack (Public App)
  • Slack (Custom App)
  • Teamwork
  • Zendesk
  • Custom Platform

Analytics

  • Members
  • Dashboard
  • PSID

Settings

  • Overview
  • Locale
  • Pairing Channels
  • Role-based Access Control
  • Access Token
  • Audit Trail

Push Panel

  • Push Content
  • Audience
  • Analytics

Log

  • Log

Facebook Message Types

There are various types of raw (unstructured) content that can be sent to your users.

  • Text
  • Image
  • Audio
  • Video
  • File
  • Carousel
  • Buttons
  • Quick Reply
  • Media
  • Public Reply
  • Private Reply

Text

{
  type: "TEXT",
  text: "Hello World!"
}
PropertyDescriptionRequired
typeTEXTY
textString; Limited to 2,000 charactersY

Image

{
  type: "IMAGE",
  url: "http://image.png",
  attachment_id: "SomeStringID"
}
PropertyDescriptionRequired
typeIMAGEY
urlURL of the image fileY
attachment_idString; ID of your uploaded imageN

Tips:

  • Image must be a valid image file format, including .jpg, .jpeg, .png, .gif, .tiff and .bmp
  • Maximum file size is 2MB
  • You may send out Quick Reply buttons together with an image

Audio

{
  type: "AUDIO",
  url: "http://audio.mp3",
  attachment_id: "SomeStringID",
}
PropertyDescriptionRequired
typeAUDIOY
urlURL of the audio fileY
attachment_idString; ID of your uploaded audioN

Tips:

  • Audio must be a valid audio file format, including .aac, .flac, .m4a, .m4p, .mp3, .wav and .wma
  • You may send out Quick Reply buttons together with an audio message

Video

{
  type: "VIDEO",
  url: "http://video.mp4",
  attachment_id: "SomeStringID"
}
PropertyDescriptionRequired
typeVIDEOY
urlURL of the video fileY
attachment_idString; ID of your uploaded videoN

Tips:

  • Video must be a valid video file format, including .mkv, .gif, .avi, .wmv, .rmvb, .mp4, .m4v, .mpg, .mpeg and .3gp
  • Maximum file size is 25MB
  • You may send out Quick Reply buttons together with a video

File

{
  type: "FILE",
  url: "http://file.pdf",
  attachment_id: "SomeStringID",
}
PropertyDescriptionRequired
typeFILEY
urlURL of the file attachmentY
attachment_idString; ID of your uploaded fileN

Tips:

  • File must be a valid file format, including .pdf
  • Maximum file size is 25MB
  • You may send out Quick Reply buttons together with a file

Carousel

Carousel is a horizontal scrollable row of items, each composed of an image attachment, short description and buttons to request input from users.


{
  type: "CAROUSEL",
  carousel: [{
    title: "Classic T-Shirt",
    subtitle: "Medium Grey\n$29.99",
    image_url: "http://img.url",
    default_action: {
      type: "web_url",
      url: "https://zuckstees.com"
    },
    buttons: [{
      type: "web_url",
      url: "https://sanuker.com",
      title: "View Details"
    }, {
      type: "postback",
      title: "Shop Now",
      payload: "A_LONG_PAYLOAD_HERE"
    }, {
      type: "phone_number",
      title: "some title 3",
      payload: "PHONE_NUMBER"
    }]
  }],
  image_aspect_ratio: "square"
}

Response Object

PropertyDescriptionRequired
typeCAROUSELY
carouselArray of carousel items; Maximum of 10 elementsY
image_aspect_ratioSet "horizontal" or "square"; Defaults to "horizontal"N

carousel Object

PropertyDescriptionRequired
titleString; Limited to 80 charactersY
subtitleString; Limited to 80 charactersN
image_urlURL of the image displayedN
default_actionDefault website URL when users click on the imageN
buttonsArray of buttons; Maximum of 3 buttons that appear as call-to-actionN

Tips:

  • You may send out Quick Reply buttons together with a carousel
  • You may not necessarily include buttons for a carousel if no call-to-action is intended

Buttons

{
  type: "BUTTON",
  text: "What can I do to help?",
  buttons: [{
    type: "web_url",
    url: "https://sanuker.com",
    title: "Get Order Status"
  }, {
    type: "phone_number",
    title: "Call Me",
    payload: "PHONE_NUMBER"
  }, {
    type: "postback",
    title: "some title 2",
    payload: "A_LONG_PAYLOAD_HERE"
  }]
}
PropertyDescriptionRequired
typeBUTTONY
textString; Limited to 640 charactersY
buttonsArray of buttons; Maximum of 3 buttons that appear as call-to-actionY

For different types of button objects, please see Button Types


Quick Reply

Quick Reply provide a different way to present buttons in a message. It contains text and an optional image.

The only difference between Quick Reply and Button is that Quick Reply only appears once and will be dismissed once it is clicked, while Button remains on the message even it is clicked. This prevents the scenario where users could tap on the old Quick Reply buttons attached to previous messages in the conversation.

{
  type: "QUICK_REPLIES",
  text: "some text",
  quickReplies: [{
    content_type: "text",
    title: "Red",
    payload: "PAYLOAD_STRING",
    image_url: "http://red.img.url"
  }, {
    content_type: "text",
    title: "Green",
    payload: "PAYLOAD_STRING",
    image_url: "http://green.img.url"
  }, {
    content_type: "text"
  }]
}

Response Object

PropertyDescriptionRequired
typeQUICK_REPLIESY
textString; Limited to 2,000 charactersY
quickRepliesArray of quick reply buttons; Maximum of 13 buttonsY

quickReplies Object

PropertyDescriptionRequired
content_typeSet "text"Y
titleString; caption of button; Limited to 20 charactersOnly if content_type is text
image_urlURL of image for text quick replyN
payloadCustom defined payload trigger; Limited to 1,000 charactersOnly if content_type is text

Tips:

  • Image for image_url should be at least 24x24 and will be cropped and resized

Media

Media is similar to a carousel without title and subtitle but it can also display video.

{
  type: "MEDIA",
  media_type: "image",
  attachment_id: "attachmentId",
  buttons: [{
    type: "postback",
    title: "Show Me More!",
    payload: "A_LONG_PAYLOAD_HERE"
  }]
}
PropertyDescriptionRequired
typeMEDIAY
media_typeSet "image" or "video"Y
attachment_idString; ID of your uploaded media fileY
buttonsArray of buttons; Maximum of 3 buttons that appear as call-to-actionN

Tips:

  • You may send out Quick Reply buttons together with a media template

Public Reply

Public Reply refers to the comment reply to users' comments on Facebook post.

{
  type: "PUBLIC_REPLY",
  text: "some text",
  attachment_id: "attachmentId",
  attachment_url: "https://img.url"
}
PropertyDescriptionRequired
typePUBLIC_REPLYY
textString; Limited to 5,000 charactersEither text, attachment_id or attachment_url must be set
attachment_idString; ID of your uploaded media fileEither text, attachment_id or attachment_url must be set
attachment_urlURL of the media file you want to postEither text, attachment_id or attachment_url must be set

Private Reply

Private Reply refers to the private message inbox reply to users on Facebook Messenger.

{
  type: "PRIVATE_REPLY",
  text: "some text"
}
PropertyDescriptionRequired
typePRIVATE_REPLYY
textString; Limited to 2,000 charactersY

← AdvanceButton Types →
  • Text
  • Image
  • Audio
  • Video
  • File
  • Carousel
  • Buttons
  • Quick Reply
  • Media
  • Public Reply
  • Private Reply
Stella Platform Documentation
Docs
Get StartedBot API ReferenceAPI ReferenceStandard Procedures
Community
FAQUser ShowcaseChat with Us
Copyright © 2023 Sanuker Inc. Limited