Botão Web App

Há 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 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. Na Texto campo, insira o rótulo do botão.

Passo 2. Selecione o mini-app para abrir. Isso pode ser um site ou um mini-app criado no MaviBot.

Depois, basta selecionar um site da lista ou especificar um site externo.

Passo 3. Insira a URL do seu site.

Etapa 4. Clique "Adicionar", e então salve as configurações do bloco.

Etapa 5. Selecione o tipo de botão e depois configure suas definições específicas.

O tipo padrão de botão é o botão de teclado. Embora botões de teclado e inline apareçam de forma diferente, 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 app"}]

Botão no teclado: [{"line":0,"index_in_line":0,"text":"Web-App","type":"web_app","web_app":"aqui estará o link para seu app"}]

Exemplo

Como resultado, você terá um botão ao lado do campo de entrada da mensagem que estará sempre visível.

Todos os três tipos de botão abrem a aplicação web vinculada em uma janela separada.

circle-info

Não se esqueça de que sua aplicação web precisa ser configurada de uma maneira específica.

Por favor, esteja ciente de que sua aplicação web requer uma configuração específica. Você pode encontrar as diretrizes oficiais de configuração dos desenvolvedores do Telegram aqui: Web Apps para botsarrow-up-right.

circle-info

O Web App pode ser vinculado a um site criado no MaviBot, como um serviço de agendamento online ou uma loja de e-commerce.

Botão 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), em que:

  • 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 estiver selecionado, isso define o texto do 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 app')

Resultado:

Atualizado