El Messenger requiere los SDK móviles más recientes para ofrecer a los customers la mejor experiencia en móviles. Este artículo explica cómo personalizar el Messenger para móviles y qué funciones son compatibles en las apps de iOS y Android.
Nota: Para usar el último Mobile Messenger, necesitarás tener los SDK móviles más recientes. Los detalles de instalación se encuentran en nuestros Developer Docs:
Debes asegurarte de que el Mobile Messenger esté habilitado desde Settings > Channels > Messenger > Install. Cuando esto está deshabilitado, todas las solicitudes a Intercom fallarán y puede devolverse un error relacionado con el método loginUnidentifiedUser o loginUser.
Personaliza Messenger para móviles
Puedes personalizar y previsualizar tu Messenger en móviles desde Settings > Channels > Messenger > Mobile SDKs y luego seleccionar la vista previa del dispositivo para iOS o Android.
Disponible en apps móviles
Cuando users acceden al Messenger en tu app de iOS o Android, se lanza como un bottom sheet nativo. Esto permite que el Messenger se vea y sienta como si estuviera integrado orgánicamente, proporcionando un recorrido del customer consistente y fluido. El user aún puede ver exactamente dónde está en tu app y decidir cómo quiere interactuar contigo en el Messenger.
Configura estilos del Messenger
Los Mobile SDKs del Messenger pueden soportar múltiples marcas que puedas tener. Selecciona o añade un nuevo estilo de Messenger desde la pestaña Styles.
Los estilos del Mobile Messenger también soportan multi-brand Help Center, así que asegúrate de haber conectado el Help Center correcto a la marca que usas para este estilo de Messenger.
Diseña cada estilo de Messenger para que se adapte a las necesidades de tu negocio. Dale estilo con tu logo y un color o imagen de fondo para el encabezado.
Lanzar directamente a la Conversación
Luego decide si quieres que el Messenger se lance directamente en el espacio de Messages (para que los customers inicien una nueva conversación o vean mensajes previos) activando "Launch directly into a Conversation" en Messenger > Mobile SDKs > Content.
Esta nueva configuración asegura que tus customers tengan acceso más rápido al soporte, eliminando pasos adicionales para iniciar un nuevo chat con tu equipo.
Configura los espacios del Messenger
Ahora configura con qué botones pueden interactuar los customers en el espacio Home añadiendo o quitando los espacios Tickets y/o Help bajo Messenger > Mobile SDKs > Content > Spaces. (Los espacios Messages no pueden deshabilitarse).
Los customers podrán iniciar conversaciones contigo desde los espacios Home y Messages si cumplen con tus reglas de audiencia.
También pueden enviar tickets y seguir su progreso desde el espacio dedicado de Tickets (si lo has habilitado).
Configura tu mensaje de bienvenida
Decide cómo quieres saludar a los customers en el espacio Home del Messenger configurando tu mensaje de bienvenida. Tu mensaje de bienvenida puede configurarse para todos tus idiomas soportados.
Personaliza Home con apps
Desde Messenger > Mobile SDKs > Content > Customize home with apps, puedes añadir apps adicionales al espacio Home, como Send us a message o Search for help, y otras apps que hayas instalado en tu workspace.
Diferencias entre web y los SDK móviles
Espacios
Web - Los espacios aparecen como pestañas en la parte inferior del Messenger. Esta barra de pestañas siempre es visible desde el nivel más alto de cada espacio.
Mobile SDKs - Los espacios aparecen como botones solo en la parte superior del espacio Home. No aparecen en otros espacios.
Navegación
Web - La barra de pestañas desaparece cuando los customers navegan a contenido dentro de un espacio (por ejemplo, un artículo, conversación o ticket). Aparece un botón de ‘volver’ en la parte superior del Messenger.
Mobile SDKs - Los customers pueden volver al espacio Home desde cualquier otro espacio usando el botón ‘volver’ (o el botón ‘volver’ del sistema en Android).
Notificaciones
Web - Las pestañas de espacio mostrarán insignias de notificación si contienen contenido nuevo (por ejemplo, un nuevo mensaje en una conversación).
Mobile SDKs - Los botones de espacio mostrarán insignias de notificación si contienen contenido nuevo (por ejemplo, un nuevo mensaje en una conversación o una actualización del estado de un ticket).
Mensajes en los SDK móviles
En el espacio Messages hay un botón en el encabezado en iOS para iniciar una nueva conversación. En Android, en su lugar hay un Floating Action Button.
Android SDK
Como esta es una actualización importante, hay algunos cambios en la API que se listan a continuación:
Método - Kotlin | Descripción |
fun present(space: IntercomSpace) | Abre un espacio específico en Intercom. (Home, Messages, Help Center). Por defecto, el espacio Home. |
fun present() | Abre Intercom - por defecto al espacio Home. |
fun presentContent(content: IntercomContent) | Presenta contenido de Intercom. Los tipos de contenido válidos son Article, Carousel, Help Center Collections. |
Estos métodos aún pueden usarse, pero serán eliminados en una versión futura.
Método - Kotlin |
fun displayMessenger() |
fun displayHelpCenter() |
fun displayHelpCenterCollections(collectionIds: List<String>) |
fun displayArticle(articleId: String) |
fun displayCarousel(carouselId: String) |
fun displaySurvey(surveyId: String) |
iOS SDK
Como esta es una actualización importante, hay algunos cambios en la API que se listan a continuación:
Método - Swift | Método - Obj-C | Descripción |
func present(_ space:Space) | + (void)presentIntercom:(Space)space | Abre un espacio específico en Intercom. (Home, Messages, Help Center). |
func present() | + (void)presentIntercom | Abre Intercom - por defecto al espacio Home. |
func presentContent(_ content: Content) | + (void)presentContent:(IntercomContent *)content | Presenta contenido de Intercom. Los tipos de contenido válidos son Article, Carousel, Help Center Collections. |
Los siguientes métodos también han sido completamente desaprobados:
Método - Swift | Método - Obj-C |
func presentMessenger() | + (void)presentMessenger |
func presentHelpCenter() | + (void)presentHelpCenter |
func presentHelpCenterCollections(_ collectionIds: [String]) | + (void)presentHelpCenterCollections:(nonnull NSArray<NSString *> *)collectionIds |
func presentArticle(_ articleId: String) | + (void)presentArticle:(nonnull NSString *)articleId |
func presentCarousel(_ carouselId: String) | + (void)presentCarousel:(nonnull NSString *)carouselId |
func presentSurvey(_ surveyId: String) | + (void)presentSurvey:(nonnull NSString *)surveyId |
Compatibilidad hacia atrás y hacia adelante para los SDK móviles
Es posible que tu workspace y los SDK móviles no estén sincronizados. Por ejemplo, puedes tener el nuevo Messenger habilitado en tus settings pero aún no haber actualizado los SDK móviles en tu app. Así es como funcionará esto:
| Configuraciones previas del Messenger (No has optado por participar.) | Nuevas configuraciones del Messenger (Has optado por participar.) |
SDK móvil del Messenger previo (menos que v14.0.1) | Funciona igual que antes. Se respetan todas las configuraciones previas del Messenger. | Las nuevas configuraciones del Messenger se aplicarán de manera sensata para renderizar la experiencia previa del Messenger en la app móvil.
Algunas de las nuevas funciones del Messenger no funcionarán en el SDK móvil del Messenger previo:
|
Nuevo SDK móvil del Messenger (v14.0.1 y superior) | Las configuraciones previas del Messenger se aplicarán de manera sensata para renderizar la nueva experiencia del Messenger en la app móvil.
Por ejemplo:
| Se respetan todas las nuevas configuraciones del Messenger. |