История страницы

...

Пример бота с WebApp на этом шаблоне - https://t.me/webapptwin_twinbots_samplewebapp_bot (инструкция по привязке вебаппа в боте тут)

Для того чтобы адаптировать шаблон под свои нужды, требуется только подменить вызов API с запросом списка позиций. В демонстрации шаблона можно видеть пример того, как произвольные данные из API преобразовываются в формат, требуемый шаблону.

...

type Menu = Array<{ id: string, title: string, image: string, price: int, details: string, category: "string"}>
const menu: Menu = [
  {id: "103", title: "Pizza", image: "https://images/pizza.png", price: 1000, details: "Очень вкусная пицца", category: "Пиццы"},
  {id: "305", title: "Ice Cream", image: "https://images/icecream.png", price: 100, detaeils: "Вкусное мороженное", category: "Дессерты"}
]

В ответ, в бот возвращается объект, содержащий идентификаторами выбранных позиций и их количество

...

Также доступна стилизация внешнего вида – в шаблоне используется базовый CSS, который можно менять на своё усмотрение. При этом соблюдая рекомендации Telegram для WebApp.

Документация https://core.telegram.org/bots/webapps#initializing-web-apps