Existem 3 tipos de botões para acessar sua aplicação web:
- botão no texto;
- botão no teclado;
- botão do menu do bot.
Botão do Web App na aba de botões
Para as duas primeiras opções, crie um botão e defina sua função como "Telegram Web App".
Passo 1. No campo Texto, insira o rótulo do botão.
Passo 2. Selecione o mini-app a ser aberto. Pode ser um site ou um mini-app criado no MaviBot.
Em seguida, basta selecionar um site da lista ou especificar um site externo.
Passo 3. Insira a URL do seu site.
Passo 4. Clique em "Adicionar" e, em seguida, salve as configurações do bloco.
Passo 5. Selecione o tipo de botão e, em seguida, configure suas configurações específicas.
O tipo de botão padrão é o botão do teclado. Embora os botões do teclado e inline pareçam diferentes, sua função principal é idêntica.
Aqui estão exemplos configurados nas configurações avançadas:
Botão no texto:
[{"line":0,"index_in_line":0,"text":"Web App","type":"inline","web_app":"aqui estará o link para seu aplicativo"}]
Botão no teclado:
[{"line":0,"index_in_line":0,"text":"Web-App","type":"web_app","web_app":"aqui estará o link para seu aplicativo"}]
Exemplo
Como resultado, você obterá um botão ao lado do campo de entrada de mensagem que estará sempre visível.
Todos os três tipos de botão abrem a aplicação web vinculada em uma janela separada.
Não se esqueça de que sua aplicação web precisa ser configurada de uma maneira específica.
Esteja ciente de que sua aplicação web requer configuração específica. Você pode encontrar as diretrizes oficiais de configuração dos desenvolvedores do Telegram aqui: Web Apps para bots.
O Web App pode ser vinculado a um site construído no MaviBot, como um serviço de reservas online ou uma loja de e-commerce.
Botão do Web App na Calculadora
O terceiro tipo de botão é criado usando uma função de calculadora.
tg_set_chat_menu_button(type, text, web_app_url, platform_id), onde:
- type — um parâmetro opcional que especifica um dos três tipos de botão ("default", "commands", "web_app"),
- text — um parâmetro opcional; se type não for selecionado, isso define o texto no botão,
- web_app_url — um parâmetro opcional; o link para sua aplicação web (usado apenas quando type é "web_app"),
- platform_id — um parâmetro opcional; especifica um chat de usuário específico se, por algum motivo, você quiser exibir o botão apenas para um usuário específico.
Aqui está um exemplo de criação de um botão para acessar uma aplicação web:
tg_set_chat_menu_button('web_app', 'Web app', 'aqui estará o link para seu aplicativo')
Resultado:
