El Messenger requiere los SDK móviles más recientes para ofrecer a los customers la mejor experiencia en móvil. Este artículo explica cómo personalizar el Messenger para móvil y qué funciones son compatibles en las apps de iOS y Android.
Nota: Para usar el último Mobile Messenger, necesitarás usar 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 el panel de configuración de Intercom. Cuando 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óvil
Puedes personalizar y previsualizar tu Messenger en móvil desde Configuración > Canales > Messenger > SDK móviles y luego seleccionar la previsualización 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 panel nativo inferior. Esto permite que el Messenger parezca integrado de forma orgánica, 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 SDK móviles de Messenger pueden soportar múltiples marcas que puedas tener. Selecciona o añade un nuevo estilo de Messenger desde la pestaña Estilos.
Los estilos de 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 "Lanzar directamente a una Conversación" en Messenger > SDK móviles > Contenido.
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 en Messenger > SDK móviles > Contenido > Espacios. (No se pueden desactivar los Messages).
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 los idiomas soportados.
Personaliza Home con apps
Desde Messenger > SDK móviles > Contenido > Personalizar home con 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 los SDK web y 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.
SDK móviles - 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.
SDK móviles - 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).
SDK móviles - 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, hay un Floating Action Button en su lugar.
Android SDK
Como esta es una actualización importante, hay algunos cambios en la API que se enumeran 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 enumeran 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 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 tu configuración pero aún no haber actualizado los SDK móviles en tu app. Así es como funcionará esto:
| Configuración anterior de Messenger (No has optado por.) | Nueva configuración de Messenger (Has optado por.) |
SDK móvil anterior de Messenger (menos de v14.0.1) | Funciona igual que antes. Se respetan todas las configuraciones anteriores de Messenger. | La nueva configuración de Messenger se aplicará de manera sensata para renderizar la experiencia anterior de Messenger en la app móvil.
Algunas de las nuevas funciones de Messenger no funcionarán en el SDK móvil anterior de Messenger:
|
Nuevo SDK móvil de Messenger (v14.0.1 y superior) | La configuración anterior de Messenger se aplicará de manera sensata para renderizar la nueva experiencia de Messenger en la app móvil.
Por ejemplo:
| Se respetan todas las nuevas configuraciones de Messenger. |