Apps móvilesBeta

Embeber el Messenger en una WebView de Flutter, React Native, Swift o Kotlin.

Antes de empezar

Una app móvil con soporte de WebView
El token público del workspace

Todavía no hay SDK nativo. Mientras tanto, el Messenger se embebe en una WebView apuntando a la URL del widget con el token y los datos del visitante en la query string.

Esta integración está en beta: el contrato de la URL puede cambiar. Avisamos con anticipación en el changelog.

URL del widget

Parámetros

Campo	Tipo	Descripción
`token`requerido	string	Token público del Messenger.
`host`requerido	string	Dominio autorizado del workspace.
`email`	string	Identifica al visitante como un contacto existente.
`name`	string	Nombre a mostrar en el Inbox.

Texto

https://app.tinkay.app/widget?token=pk_live_xxx&host=tuempresa.com&email=cliente@empresa.com&name=Camila

Flutter

lib/support_page.dart

import 'package:flutter/material.dart';import 'package:webview_flutter/webview_flutter.dart';class SupportPage extends StatefulWidget {  const SupportPage({super.key, required this.email, required this.name});  final String email;  final String name;  @override  State<SupportPage> createState() => _SupportPageState();}class _SupportPageState extends State<SupportPage> {  late final WebViewController _controller;  @override  void initState() {    super.initState();    final uri = Uri.https('app.tinkay.app', '/widget', {      'token': 'pk_live_xxx',      'host': 'tuempresa.com',      'email': widget.email,      'name': widget.name,    });    _controller = WebViewController()      ..setJavaScriptMode(JavaScriptMode.unrestricted)      ..loadRequest(uri);  }  @override  Widget build(BuildContext context) {    return Scaffold(      appBar: AppBar(title: const Text('Soporte')),      body: WebViewWidget(controller: _controller),    );  }}

Requisitos de la WebView

JavaScript habilitado y almacenamiento local activo (el historial del visitante se guarda ahí).
Permiso de red hacia app.tinkay.app.
En Android, habilitar domStorageEnabled para que persista la conversación.

Cómo saber que quedó bien

La WebView carga el Messenger a pantalla completa
El usuario aparece identificado en el Inbox