Esses seletores CSS podem ser usados para personalizar ainda mais o iframe do widget de chat
Seletores CSS | Função |
|---|---|
mr-1 | direciona o texto do título na parte superior ao lado do logotipo |
text-xs | direciona o texto do status da resposta abaixo do texto do título |
custom_chat_header | tem como alvo a seção de fundo do título |
message-content | direciona o texto em balões de conversa no lado do chatbot |
chat-bubble | direciona o texto em balões de conversa do lado do usuário |
bot-widget-bubble | tem como alvo o balão de bate-papo que aparece no canto inferior do site |
text-slate-700 | tem como alvo a linha divisória e o texto que mostra a seção de data de uma conversa |
agent | direciona a caixa de resposta do chatbot e dos agentes de chat ao vivo da conversa |
user | direciona a caixa de resposta do lado do usuário na conversa |
chat-message--input | direciona a seção da caixa onde você digita sua mensagem |
bg-white | tem como alvo o plano de fundo por trás das caixas de bate-papo |