必要なもの
10〜15分。 Promenu の管理画面に入れることと、すでに作成済みの店舗。 スマートフォンまたはパソコンの Telegram。 見せられるカタログ:料理が数品あり、Menu view(メニュー閲覧)がオンであること。最初からオンです。
管理画面での場所
Places(店舗一覧)。 店舗を開く → Edit(編集)。 店舗のセクションから Mini App を開きます。
@ は付けません)、そして https://tg.promenu.space/?rmode=… のような URL と Copy URL(URLをコピー)ボタンです。同じ画面に「How to set up Mini App」と「How to create a bot in @BotFather」のヒントもあります。以下はその手順を平易に書いたものです。
Telegram Mini App のつなぎ方:4ステップ
Telegram でボットを作る
@BotFather を開きます。ボット作成用の Telegram 公式ボットです。Start を押し、続けて Create a new bot を選ぶか、 /newbotを送ります。ボット名はお客様に見える名前です(例:「Harbour Cafe」)。ユーザー名はラテン文字で、末尾がbotである必要があります。@は付けません。あとで Promenu に貼ります。説明とアイコンは後回しで構いません。BotFather から token(トークン)が届きます。123456:ABC-…のような長い文字列です。コピーし、誰にも転送しないでください。ボットの情報を Promenu に貼る
Places → 対象の店舗 → Mini App に戻ります。BotFather のトークンを Bot token に貼ります。Show token(トークンを表示)で余分な空白がないか確認できます。Bot username には @ なしのユーザー名 を入れます。ボットが @biba_cafe_botなら、biba_cafe_botと書いてください。店舗カードを保存します。この画面に Mini App の URL がすでに出ているので、Copy URL を押します。BotFather に URL を設定する
もう一度 @BotFather を開きます。一覧からボットを選ぶか、 /mybotsを送ります。続けて Bot Settings → Mini Apps です。Promenu の同じ URL を2か所に入れます。Main App(ボットのメイン Mini App)と Menu Button(入力欄の横のボタン。お客様が一タップでメニューを開けます)。Telegram の中で確認する
ユーザー名でボットを探し、Start を押して、メニューボタンから Mini App を開きます。店名、カバー、カテゴリ、料理が見えるはずです。Modes(モード)でオンになっている内容です。 https://tg.promenu.space/?rmode=…をブラウザで開いてカタログを眺めることもできますが、本番の Mini App は Telegram の中で確認してください。
あわせて確認すること
Link(リンク):店舗の短い公開スラッグです(ラテン文字、数字、 -と_、3〜64文字)。空のままでも構いません。Modes:Menu view は最初からオンです。Telegram から注文を受けたい場合は Delivery(デリバリー)と Pickup(テイクアウト)をオンにします。これらには Pro または Ultimate プランが必要です。 Active(公開中)——オフのままだと店舗は下書きのまま、お客様には見えません。
公開前のチェックリスト
店舗 → Mini App を開いた。 @BotFather でボットを作成した。 トークンを Promenu に貼った。 @ なしのユーザー名を入れた。 Promenu から URL をコピーした。 BotFather でその URL を Main App と Menu Button に設定した。 Telegram でボットを開き、メニューの表示を確認した。 店舗が Active で、メニューに料理がある。
操作場所がわからなくなったら
| やりたいこと | 場所 |
|---|---|
よくある質問
新しいボットを作る必要がありますか?
1つのボットで複数店舗をまかなえますか?
トークンとユーザー名、どちらが重要ですか?
Telegram が空、または別のメニューが開くのはなぜですか?
トークンを管理画面に置いて大丈夫ですか?
ドメインのホワイトリストは別途必要ですか?
この手順でご不明な点がありますか? Telegram でご連絡ください