Hay 3 tipos de botones para acceder a tu aplicación web:
- botón en el texto;
- botón en el teclado;
- botón del menú del bot.
Botón de Web App en la pestaña de botones
Para las dos primeras opciones, crea un botón y establece su función en "Telegram Web App".
Paso 1. En el campo Texto, ingresa la etiqueta del botón.
Paso 2. Selecciona la mini-app que se abrirá. Puede ser un sitio web o una mini-app creada en MaviBot.
Luego, simplemente selecciona un sitio de la lista o especifica un sitio externo.
Paso 3. Ingresa la URL de tu sitio web.
Paso 4. Haz clic en "Agregar" y luego guarda la configuración del bloque.
Paso 5. Selecciona el tipo de botón y luego configura sus ajustes específicos.
El tipo de botón predeterminado es el botón del teclado. Aunque los botones del teclado y los inline se ven diferentes, su función principal es idéntica.
Aquí hay ejemplos configurados en los ajustes avanzados:
Botón en el texto:
[{"line":0,"index_in_line":0,"text":"Web App","type":"inline","web_app":"here will be the link to your app"}]
Botón en el teclado:
[{"line":0,"index_in_line":0,"text":"Web-App","type":"web_app","web_app":"here will be the link to your app"}]
Ejemplo
Como resultado, obtendrás un botón junto al campo de entrada de mensajes que siempre será visible.
Los tres tipos de botones abren la aplicación web vinculada en una ventana separada.
No olvides que tu aplicación web debe configurarse de una manera específica.
Ten en cuenta que tu aplicación web requiere una configuración específica. Puedes encontrar las pautas oficiales de configuración de los desarrolladores de Telegram aquí: Web Apps para bots.
La Web App puede vincularse a un sitio creado en MaviBot, como un servicio de reservas en línea o una tienda de comercio electrónico.
Botón de Web App en la Calculadora
El tercer tipo de botón se crea usando una función de calculadora.
tg_set_chat_menu_button(type, text, web_app_url, platform_id), donde:
- type — un parámetro opcional que especifica uno de los tres tipos de botones ("default", "commands", "web_app"),
- text — un parámetro opcional; si no se selecciona type, esto establece el texto en el botón,
- web_app_url — un parámetro opcional; el enlace a tu aplicación web (se usa solo cuando type es "web_app"),
- platform_id — un parámetro opcional; especifica un chat de usuario particular si, por alguna razón, deseas mostrar el botón solo a un usuario específico.
Aquí hay un ejemplo de creación de un botón para acceder a una aplicación web:
tg_set_chat_menu_button('web_app', 'Web app', 'here will be the link to your app')
Resultado:
