Pantalla de bienvenida

En este documento, se muestra la manera de crear un pantalla de bienvenida para tu experiencia de Messenger. En la pantalla de bienvenida, se muestran el nombre de la página de Facebook de tu empresa, la foto de perfil y la foto de portada de tu página de Facebook, el tiempo que suele tardar tu empresa en responder los mensajes, un mensaje de saludo opcional y el botón Empezar. Cuando una persona hace clic en el botón "Empezar", se muestra este mensaje en la conversación, y la app puede enviarle mensajes.

Cómo funciona

Cuando una persona hace clic en el botón "Empezar", de su experiencia de Messenger, se envía una notificación de webhook. Puedes usar esta notificación para enviar un mensaje de bienvenida inicial, como un texto o un conjunto de respuestas rápidas.

Antes de empezar

En esta guía, se asume que leíste la información general sobre la plataforma de Messenger, implementaste los componentes necesarios, como una página de Facebook para tu empresa (o una página de prueba), te registraste como desarrollador de Meta y creaste un identificador de la app de negocios de Meta con el producto Messenger.

Deberás hacer lo siguiente:

  • Un token de acceso a la página solicitado por una persona que pueda realizar la tarea MESSAGING en la página.
  • El permiso pages_messaging.
  • Una suscripción al evento de webhook messaging_postbacks.

Limitaciones

En las apps con acceso estándar, solo las personas que tengan un rol en la app podrán ver la página de bienvenida.

Comandos

Si tu página usa comandos, la página de bienvenida muestra la lista de comandos que admite la experiencia de mensajes, lo que permite a las personas comprender fácilmente qué acciones se le puede pedir a la experiencia de Messenger que realice.

Implementar el botón "Empezar"

Para establecer la carga del postback, envía una solicitud POST a la API de perfiles de Messenger:

curl -X POST -H "Content-Type: application/json" -d '{
  "get_started": {"payload": "

Para obtener información detallada, consulta la referencia de la propiedad get_started.

Prácticas recomendadas

  • Indica en el mensaje de bienvenida cuáles son los próximos pasos para animar a las personas a responder. Puedes usar botones para agregar una estructura a tu mensaje y destacar las acciones específicas que las personas pueden realizar.
  • Comparte los comandos básicos en el mensaje de bienvenida. Informa a las personas qué palabras clave o términos pueden utilizar, por ejemplo, para solicitar ayuda u obtener actualizaciones, de modo que puedan encontrar lo que buscan más rápidamente.
  • Cambia la experiencia inicial cuando cambie la experiencia del bot. Revisa el texto del saludo y el mensaje de bienvenida cuando actualices tus capacidades para asegurarte de que sigan mostrando información relevante.
  • No olvides que todos los elementos de la pantalla están correlacionados. El contexto que proporciones en tu saludo de Messenger debe complementar al botón "Empezar".
  • No seas demasiado genérico. Dirígete a las personas por su nombre para que el mensaje se sienta personal y aprovecha la oportunidad para enseñarles cómo utilizar y controlar la experiencia.

Configurar el texto de saludo

El texto de saludo en la pantalla de bienvenida es la primera oportunidad para indicarle a una persona la razón por la cual debería iniciar una conversación con el bot de Messenger. Por ejemplo, en el texto de saludo, puedes incluir una breve descripción de lo que hace el bot (como sus principales funciones) o un eslogan. Además, es un buen lugar para empezar a establecer el estilo y el tono del bot.

Puedes proporcionar un texto de saludo predeterminado y localizado.

Para establecer el texto de saludo, envía una solicitud POST a la API de perfiles de Messenger:

curl -X POST -H "Content-Type: application/json" -d '{
  "greeting": [
    {
      "locale":"default",
      "text":"Hello!" 
    }, {
      "locale":"en_US",
      "text":"Timeless apparel for the masses."
    }
  ]
}' "https://graph.facebook.com/v2.6/me/messenger_profile?access_token=

Para obtener información detallada, consulta la referencia de greeting property.

Personalización

Puedes personalizar el texto de saludo con el nombre de la persona. Puedes usar las siguientes cadenas de plantillas:

  • {{user_first_name}}
  • {{user_last_name}}
  • {{user_full_name}}

Ejemplo

"greeting":[
  {
    "locale":"default",
    "text":"Hello {{user_first_name}}!"
  }
]

Prácticas recomendadas

  • Considera tu saludo como si fuese una presentación y un resumen de tu experiencia. Los saludos tienen una longitud máxima de 160 caracteres, por lo que debes ser conciso.
  • Indica la funcionalidad principal que ofreces. El contexto ayuda a las personas a entender cómo interactuar contigo y define las expectativas sobre las capacidades que brindas.
  • No utilices tu saludo como un manual de instrucciones. Como el saludo desaparece, utiliza los mensajes en sí para presentar funcionalidades y comandos específicos.
  • No utilices mucho formato en el texto de tu saludo (como espacios, puntuación, saltos de línea, etc.), pues no aprovecharías al máximo el límite de caracteres.

Consulta también

  • https://developers.facebook.com/docs/graph-api/reference/v14.0/page/messenger_profile