Carrosséis Móveis são mensagens multipágina que permitem mostrar aos seus users, fornecer suporte e destacar recursos que você sabe que eles vão adorar no seu app iOS ou Android.
Sem necessidade de código, os Carrosséis Móveis são altamente personalizáveis e fáceis de criar.
Nota: Para usar Carrosséis Móveis, seu app móvel deve estar rodando uma destas versões do Intercom SDK (ou superior):
iOS: v7.1.0
Android: v7.1.0
Cordova: v9.0.0
React Native: v1.0.0
Carrosséis Móveis estão disponíveis apenas em dispositivos móveis. Para desktop, recomendamos usar Product Tours.
Crie um Carrossel Móvel
Primeiro, vá para Outbound e clique em Nova mensagem no canto superior direito:
Então, escolha Carrossel móvel como seu tipo de conteúdo.
Você também pode optar por começar com um modelo pré-fabricado escolhendo este tipo de conteúdo na barra lateral esquerda.
Então dê um título ao seu carrossel.
Nota: IDs de Carrossel são de uso único e não podem ser reutilizados ou redefinidos para novos carrosséis. Ao duplicar um carrossel, um novo ID único é gerado, e não há como forçar o uso de um ID específico ou redefinir um carrossel existente para usar seu ID original novamente.
Projete as telas do seu carrossel
Agora é hora de escolher as configurações gerais para o carrossel, que se aplicarão a todas as telas:
As configurações são:
Comportamento do botão fechar - Escolha mostrar ou ocultar um botão de fechar no seu carrossel.
Entregar para - iOS, Android ou ambos.
Alinhamento vertical do conteúdo - Alinhado no topo ou no meio de cada tela. (O alinhamento horizontal pode ser definido em cada elemento individualmente.)
Cores - Fundo, Texto e Botões.
Melhores práticas:
Recomendamos incluir um botão de fechar para seus users, em carrosséis não críticos como anúncios de novos recursos ou promoções.
Para segmentação ideal do seu carrossel e uma experiência personalizada, recomendamos criar um carrossel para cada sistema operacional (Android e iOS).
Você também pode alternar entre uma pré-visualização Android ou iOS:
Nota: Não há pré-visualização para iPad ou tablet, mas tablets Android e iPads são suportados.
Em um tablet Android, o carrossel ocupará toda a tela como na pré-visualização Android.
Em um iPad, o carrossel será exibido em um modal centralizado:
Execute um teste A/B ou de grupo controle
Esta é também a tela onde você pode iniciar um novo teste no seu carrossel. Basta clicar em Executar um novo teste.
Para mais informações sobre metas, testes A/B e grupos controle, confira este artigo.
Personalize as telas individuais
Para criar uma nova tela, clique em um dos ícones “+”:
Nota: Carrosséis Móveis podem conter no máximo 10 telas.
Para alterar a ordem das suas telas, clique e arraste o ícone de alça:
Selecione uma tela existente para abrir e editar:
Existem quatro layouts para escolher e personalizar, ou você pode começar com uma tela em branco. Este exemplo é a “Lista com ícones”, que é perfeita para explicar várias melhorias ou as principais formas que um user pode obter valor do seu app:
Nota: Mudar para outro layout removerá o conteúdo existente desta tela.
O conteúdo de cada tela pode ser editado diretamente inline:
A formatação a seguir é suportada:
Títulos: H1 ou H2.
Alinhamento horizontal: Esquerda ou centro.
Estilo de parágrafo: Negrito e Itálico.
Para uma experiência mais personalizada, você deve incluir atributos de user ou empresa em suas mensagens. Basta passar o mouse e clicar no ícone ‘{...}’, depois selecione o atributo que deseja inserir.
Para editar uma imagem ou um bloco ‘imagem com texto’, basta selecioná-lo e clicar em ‘Editar imagem (com texto)’. Então, insira o novo conteúdo e adicione à mensagem.
Para adicionar uma imagem em largura total, ou uma imagem com texto, passe o mouse sobre a tela e clique no ícone “+”, depois selecione o tipo de imagem que deseja adicionar.
Nota: Vídeos não são suportados em Carrosséis Móveis, mas você pode adicionar GIFs animados.
Escolha uma ação para o botão
Em qualquer tela de um carrossel, você pode adicionar um botão para solicitar uma das seguintes permissões do dispositivo:
Câmera
Localização
Microfone
Galeria de fotos
Notificações push
Os rótulos dos botões podem ser editados diretamente clicando neles.
Dica profissional: Ofereça uma explicação clara do motivo pelo qual você precisa das permissões e como elas serão usadas. Isso aumenta a chance de os users permitirem. 👌
Na tela final de um carrossel, você também pode adicionar um botão para:
Abrir um link externo. — Perfeito para uma URL de compartilhamento social ou link para um site de avaliações.
Abrir um deep link para uma página no seu app. — Ideal se você estiver promovendo um recurso ou produto específico.
Iniciar uma conversa no Intercom Messenger. — Uma forma simples de se conectar e apoiar seus clientes.
Nota: Todas essas ações fecharão automaticamente o carrossel.
Importante: Se você escolher uma dessas opções para o botão na sua tela final, e depois adicionar outra tela ou mover esta tela, a ação do botão mudará para ‘navegar para a próxima tela’, pois essas ações só estão disponíveis na tela final de um carrossel.
Nota: A localização ainda não está integrada na ferramenta Mobile Carousel, o que significa que você precisaria criar carrosséis separados para cada idioma caso precise deles em línguas diferentes.
Coisas a observar sobre a solicitação de permissões do dispositivo
Quando um user do seu app aceita uma solicitação de permissões do dispositivo (como localização), o diálogo nativo do sistema será aberto para que ele possa conceder a permissão:
Se eles já concederam a permissão, esta tela do carrossel será pulada.
Se eles negaram a permissão anteriormente, a tela será exibida e o botão ‘aceitar’ abrirá as configurações do app no dispositivo deles. O carrossel ainda estará lá quando eles retornarem ao app.
No Android, as permissões para notificações push são concedidas por padrão. Esta tela será pulada, a menos que eles tenham negado a permissão anteriormente.
Importante: Para solicitar permissão para notificações push, seus desenvolvedores de app devem ter configurado o SDK móvel do Intercom para notificações push. Nossa documentação para desenvolvedores explica como fazer isso:
Envie seu carrossel
Depois de criar seu Mobile Carousel, o próximo passo é mostrá-lo automaticamente para um público-alvo.
Primeiro, escolha se a mensagem deve ser ‘Contínua’ ou ‘Única’:
Depois, escolha para quem este carrossel deve ser enviado:
Novos users do app móvel — Qualquer pessoa que baixe e use seu app pela primeira vez após você ativar o carrossel.
Users existentes do app móvel — Qualquer pessoa que já tenha baixado e usado seu app antes de você ativar o carrossel.
Todos os users do app móvel — Qualquer pessoa que já tenha baixado e usado seu app, e qualquer pessoa que o faça no futuro.
Em seguida, adicione regras para definir o público do seu carrossel. Por exemplo, para incentivar users free que estão aproveitando seu app a fazer upgrade, você pode segmentar qualquer pessoa no plano ‘Free’, que seja user há mais de 30 dias e tenha tido mais de 10 sessões:
Nota: A localização é um recurso que pretendemos desenvolver no futuro, mas atualmente não está integrada nos Carousels, o que significa que você precisaria criar um Carousel separado para cada idioma que deseja suportar.
Dica profissional: Este exemplo usa uma combinação de regras ‘E’ & ‘Ou’. Saiba mais sobre como criar filtros detalhados de público aqui.
Envie seu carrossel programaticamente
Se você lançar seu carrossel com código diretamente dentro do seu app móvel, pode optar por desativar o envio automático:
Importante:
Carrosséis móveis enviados automaticamente serão enviados para cada user correspondente apenas uma vez.
Se um user não atualizou para a versão do seu app com o SDK mais recente do Intercom, ele não receberá seu carrossel, mas ainda estará presente na lista de público se corresponder aos filtros.
Como resultado, o tamanho do público pode diferir do número real de users que recebem o Carousel.
Uma solução para isso é usar o predicado de público ‘Versão do app Android/iOS’, escolhendo apenas versões que tenham SDKs suportados instalados.
Se um user corresponder aos filtros de mais de um Mobile Carousel, mostraremos o mais antigo primeiro, com base na data em que o carrossel foi ativado.
Para garantir que seus carrosséis sejam enviados conforme esperado, você deve inicializar o SDK móvel quando seu app iniciar (Aprenda como fazer isso para iOS & Android). Isso pode aumentar o número de pessoas ativas que você acompanha no Intercom.
Adicione uma meta
Para medir com precisão o impacto de um Mobile Carousel, você deve definir uma meta baseada nos dados dos seus users que represente a ação que deseja que eles realizem no seu produto. Escolha “+ Adicionar meta” e selecione um atributo ou evento:
Com o exemplo usado acima — incentivar users free a fazer upgrade no plano — uma meta adequada pode ser ‘Plano é pro’.
Em seguida, selecione o período no qual você gostaria que seus clientes atingissem a meta.
Importante: Se os users do app completarem a ação após o período definido, isso não será contado nas estatísticas da meta.
Agende seu carrossel
Em seguida, você deve agendar o envio do carrossel no momento exato. Existem três formas de fazer isso:
Defina datas e horários específicos para começar e parar de enviar.
Agende para enviar durante ou fora do seu horário de expediente.
Defina um horário de entrega personalizado durante o qual será enviado.
Nota: Os horários de disparo são baseados no fuso horário do seu workspace.
Para definir um horário personalizado, clique na hora de início, depois segure ‘shift’ e clique na hora de término.
Sua mensagem será enviada durante o período selecionado.
Você também pode definir horários de entrega em vários dias.
E é isso. Seu Mobile Carousel está pronto para enviar!