Botón de Web App

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 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 la Texto campo, introduce 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. Introduce la URL de tu sitio web.

Paso 4. Haz clic en "Añadir"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 botones inline se ven diferente, su función principal es idéntica.

Aquí tienes ejemplos configurados en la configuración avanzada:

Botón en el texto: [{"line":0,"index_in_line":0,"text":"Web App","type":"inline","web_app":"aquí estará el enlace a tu app"}]

Botón en el teclado: [{"line":0,"index_in_line":0,"text":"Web-App","type":"web_app","web_app":"aquí estará el enlace a tu app"}]

Ejemplo

Como resultado, obtendrás un botón junto al campo de entrada del mensaje que siempre estará visible.

Los tres tipos de botones abren la aplicación web vinculada en una ventana separada.

circle-info

No olvides que tu aplicación web necesita estar configurada de una manera específica.

Ten en cuenta que tu aplicación web requiere una configuración específica. Puedes encontrar aquí las pautas oficiales de configuración de los desarrolladores de Telegram: Aplicaciones web para botsarrow-up-right.

circle-info

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 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:

  • tipo — un parámetro opcional que especifica uno de los tres tipos de botón ("default", "commands", "web_app"),

  • text — un parámetro opcional; si tipo no está seleccionado, esto establece el texto del botón,

  • web_app_url — un parámetro opcional; el enlace a tu aplicación web (se usa solo cuando tipo es "web_app"),

  • platform_id — un parámetro opcional; especifica un chat de usuario concreto si, por alguna razón, quieres mostrar el botón solo a un usuario específico.

Aquí tienes un ejemplo de cómo crear un botón para acceder a una aplicación web: tg_set_chat_menu_button('web_app', 'Web app', 'aquí estará el enlace a tu app')

Resultado:

Última actualización