Seletores CSS de widget de webchat
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