Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Crear menú persistente

12/25
Recursos

Reto: Completar los Payloads en menú.

Aprende a crear la configuración que te permite presentar un menú completo y replícalo para generar las opciones que quieras darle a tu bot.

Aportes 15

Preguntas 4

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Para hoy 12/08/2020 la versión de la API es la 8, en dicha versión ya no existen los menús tipos “nested”. Yo dejé mi código de la siguiente forma:

curl -X POST -H "Content-Type: application/json" -d '{
  "persistent_menu": [
    {
      "locale": "default",
      "composer_input_disabled": false,
      "call_to_actions": [
        {
          "title": "Ubicación",
          "type": "postback",
          "payload": "LOCATION_PAYLOAD"
        },
        {
          "title": "Contacto",
          "type": "postback",
          "payload": "CONTACT_PAYLOAD"
        },
        {
          "title": "Pizzas",
          "type": "postback",
          "payload": "PIZZAS_PAYLOAD"
        },
        {
          "title": "Bebidas",
          "type": "postback",
          "payload": "DRINKS_PAYLOAD"
        },
        {
          "type": "web_url",
          "title": "Página web",
          "url": "https://platzi.com",
          "webview_height_ratio": "full"
        }
      ]
    }
  ]
}' "https://graph.facebook.com/v8.0/me/messenger_profile?access_token=TOKEN"

Comparto mi código


curl -X POST -H "Content-Type: application/json" -d '{
    "persistent_menu": [
        {
            "locale": "default",
            "composer_input_disabled": false,
            "call_to_actions": [
                {
                    "title": "PugPizza",
                    "type": "nested",
                    "call_to_actions": [
                        {
                            "title": "Acerca",
                            "type": "postback",
                            "payload": "ABOUT_PAYLOAD"
                        }
                    ]
                },
                {
                    "title": "Menu de Productos",
                    "type": "nested",
                    "call_to_actions": [
                        {
                            "title": "Pizzas",
                            "type": "postback",
                            "payload": "PIZZAS_PAYLOAD"
                        }
                    ]
                },
                {
                    "title": "Pagina Web",
                    "type": "web_url",
                    "url": "https://ruwayti.com/",
                    "webview_height_ratio": "full"
                }
            ]
        }
    ]
}' "https://graph.facebook.com/v2.6/me/messenger_profile?access_token=SUTOKEN"

ACTUALIZACIÓN: La propiedad TYPE sólo admite los siguientes valores “web_url” y “postback” . El valor “nested” ya no existe.
.
Facebook : A partir del 15 de agosto de 2019, las versiones actualizadas de la aplicación Messenger para iOS ya no admitirán menús anidados y persistentes. Para Messenger en iOS, estamos haciendo la transición de menús persistentes anidados a menús persistentes de una sola capa. Las páginas que contienen elementos de menú anidados se mostrarán como listas planas. Creemos que esto creará una experiencia aún mejor para las personas en Messenger. para iOS Consulte nuestro anuncio del 10 de junio de 2019.
La aplicación de mensajería Android (v276 +) ya no admitirá menús persistentes anidados. Las páginas que contienen elementos de menú anidados se mostrarán como listas planas en todas las superficies (web, iOS y Android (v276 +)). Creemos que esto creará una experiencia aún mejor para las personas en Messenger. La compatibilidad con los menús anidados se eliminará tanto de la API de perfil de Messenger como de la API de configuración de usuario personalizada en la versión 8.0 de Graph API, con un cambio de interrupción de 2 años en todas las versiones.
.
Este código va dentro de ‘{ }’ Luego reemplazan por el antiguo que se muestra en la clase.

"persistent_menu": [
        {
            "locale": "default",
            "composer_input_disabled": false,
            "call_to_actions": [
                {
                    "type": "postback",
                    "title": "Talk to an agent",
                    "payload": "CARE_HELP"
                },
                {
                    "type": "postback",
                    "title": "Outfit suggestions",
                    "payload": "CURATION"
                },
                {
                    "type": "web_url",
                    "title": "Shop now",
                    "url": "https://www.originalcoastclothing.com/",
                    "webview_height_ratio": "full"
                }
            ]
        }
    ]

Recomendación : Siempre leer la documentación actualizada, ya que se pueden dar cambios en un futuro y es una buena práctica en todo lo que hagan. Espero les sirva. Saludos

Consulta, si deseo que las opciones menu se vean al dar clic en empezar como lo puedo hacer?

Tengo un problema al correr los fragmentos de código en la consola

<
curl - X POST - H "Content-Type: application/json" - d '{
"greeting": [{
  "locale"-: "default",
  "text"-: "Hola {{user_first_name}} soy Chewiekie y atiendo PugPizza te invito a conocer nuestras geniales 🐶 PugPizzas 🍕.!"
}, {
  "locale"-: "en_US",
  "text"-: "Hello {{user_first_name}} soy Chewiekie y atiendo PugPizza te invito a conocer nuestras geniales 🐶 PugPizzas 🍕.!"
}]
}' "https://graph.facebook.com/v2.6/me/messenger_profile?access_token=TOKEN"
>

Y me devuelve por consola

<curl: option -: is unknown
curl: try 'curl --help' or 'curl --manual' for more information>

Cual puede ser el problema?

Alguien ya creo su Messenger Bot? Compártanlo para probarlo

Hola a todos, solo me funciona en MÓVIL, en mi PC no aparece el menú. ¿Porqué pasara esto?

Pregunta, cómo puedo configurar el tipo de códificación (si es que se puede)?, no me muestra los acentos! 😦

Que tal, alguien saber porque cuando intento poner un icono en algún elemento del menú, facebook lo muestra así “???”

No me deja verlo en móvil…alguien sabe porque?

Alguien me puede ayudar, me salen signos de ? en vez de las ´ y las ñ.

Habrv otro tipo de menu:
nested:

Aquí la documentación, con otras opciones que podemos implementar: https://developers.facebook.com/docs/messenger-platform/reference/messenger-profile-api/persistent-menu

Hay otra forma de crear el menu que no sea con el curl no puede ser solo de JS ?

Estaría bueno que actualizaran este curso, los menús persistentes ya están deprecated a partir de la versión actual (8.0)