Todo mundo gosta de oferecer uma experiência visualmente atraente e fácil de usar para os visitantes. No entanto, mensagens avançadas, como botões e carrosséis, não são compatíveis com o Salesforce.
Acreditamos que a experiência do usuário é tão importante que criamos nosso próprio plug-in e scripts para você. Ao instalar nosso plug-in (entre em contato com seu CSM para solicitar a instalação), você pode aproveitar designs dinâmicos como mensagens avançadas em seus fluxos de diálogo. Eles podem ser implementados em sua experiência de chat incorporado do Salesforce.
As personalizações desbloqueadas incluem:
Esses recursos também podem ser personalizados de acordo com a sua marca, para que possam combinar com a aparência dela.
Neste artigo, abordaremos como aproveitar todas as opções avançadas do nosso criador de diálogos.
Para obter essas opções avançadas, siga as Instruções de ativação do plug-in de mensagens avançadas do Salesforce com um administrador do Salesforce.
Botões
Os botões já estavam disponíveis com o Salesforce, então qual é a diferença com os nossos?
Eles são personalizáveis e podem ser formatados para se adequarem à sua marca e à experiência que você deseja criar. Dê uma olhada nas diferentes possibilidades abaixo.
| Tipo e instruções de uso | Exemplo visual |
|
Vertical padrão
Como usar Essa será a visualização padrão se nenhuma versão for especificada. |
 |
|
Botões binários horizontais
Como usar Use
|
 |
|
Botões de linha horizontal
Como usar Use
|
 |
|
CSAT – Estrelas
Como usar Use Os botões devem ser 1 - 5 + “agora não”.
|
 |
|
CSAT – Emojis
Como usar Use
|
 |
Carrossel
Os carrosséis permitem que você exiba mais conteúdo de maneira visual, e o visitante pode escolher a opção relevante para ele, mas eles são maiores, mais dinâmicos e visuais em comparação aos botões.
Abaixo, você encontra as versões que desbloqueamos com nosso plug-in.
| Tipo e como usar | Exemplo visual |
|
Carrossel padrão
Como usar Ele pode ser usado com ou sem imagens. Ao usar imagens, você pode adicionar uma matriz de URLs de imagens para criar uma "colagem". Oferece suporte a botões normais + botões externos. |
 |
|
Carrossel largo e escuro
Como usar Use
|
 |
|
Carrossel no estilo de oferta formatado e sem imagem.
Como usar Normalmente pode ser usado para carrosséis que mostram vários "pacotes", níveis ou outras ofertas. Use Use a seguinte estrutura HTML na descrição do cartão.
|
 |
Exemplos de HTML
Caso as opções que abordamos até agora não sejam suficientes, oferecemos a você a possibilidade de converter HTML em mensagens muito legais, além de transformar apenas texto.
| Tipo e como usar | Exemplo visual |
|
Botão de link externo
Ao usar um único botão de "link externo", ele será renderizado como no exemplo à esquerda . |
|
|
Mídia incorporada
Como usar Colocar o HTML na mensagem do agente de IA sem outro conteúdo.
|
 |
|
Botão de largura total Como usar Para estender o botão para a largura de todo o agente de IA, você precisa adicionar a classe
|
 |
|
Caixa de informações com botões Como usar Mensagem personalizada do agente de IA com dois níveis de hierarquias de texto e um botão. Também pode ser combinada com o botão V2, desta vez com a versão dentro da mensagem do agente de IA.
|
 |
É claro que ela pode ser personalizada como você quiser e os componentes HTML são uma inspiração para o que você deseja alcançar.