How to add button (Menu) in user input field?

[code-by]

I'd like to add commands Menu in telegram like here
https://stackoverflow.com/questions/69158820/how-to-create-a-three-dashes-menu-on-a-telegram-bot
or
here
using telegraf instead set commands list manually in BotFather. It is possible?

[MKRhere]

This only works for private chats:

// from a handler
ctx.setChatMenuButton(menuButton);

// outside a handler
bot.telegram.setChatMenuButton(chatId, menuButton);

See the docs: https://core.telegram.org/bots/api#setchatmenubutton

[sunnyplayzap]

What goes in menuButton? can you please give proper example? I am trying to create a game button with custom parameters

[DoctorLeiws]

I have same problem, how to input custom number into a button

[sunnyplayzap]

So after doing hell of a research i figured it out,
Here's the demo code for custom MenuButton :

await ctx.setChatMenuButton(JSON.stringify({
   type: 'web_app',
   text: '🕹️ Open app',
   web_app: { url: "your_game_url" }
 }))

[MKRhere]

You do not need to do JSON.stringify. Just the object will work.

[7heMech]

Can you make it execute a function on the bot instead of a webapp?

[addreeh]

I have set that:

The code dont fail buy I dont see the button:

const menuButton: MenuButton = {
  type: 'web_app',
  text: 'Open app',
  web_app: {
    url: 'https://example.com/your_game_url'
  }
}

bot.telegram.setChatMenuButton({ chatId: -1001772146274, menuButton })
  .then(() => console.log('Menu button set successfully'))
  .catch((error) => console.error('Error setting chat menu button:', error))

bot.on('message', unknown())

[sunnyplayzap]

setChatMenuButton doesn't work in group chats, if there's a - (negative) in chatId that means you're in a group chat