Customização Blip Chat

Quero personalizar o widget do chat na web.

Em particular quero remover a barra de título, pois estou exibindo o chat em um webview do Android e a barra ocupa um espaço precioso. Também quero mudar as cores.

Achei outra pergunta parecida, mas a resposta continha dois links quebrados.

Pesquisando no Google, aparentemente as mesmas páginas foram achadas, mas quando clico, vem uma mensagem dizendo que a página não existe.

Onde estão as instruções para personalizar o widget?

Acabei achando instruções pelo blip helpdesk. Havia instruções sobre como aplicar CSS, mas poucos exemplos. Acabei olhando o DOM e descobrindo os IDs dos elementos usado pelo widget. Acabei conseguindo remover o título usando:

var customStyle = `
        #blip-chat-header {
            visibility: hidden;
            height: 1pt;
        }
        #app {
            height: 100%;
            position: absolute;
            top: 0pt;
            padding-top: 0pt;
        }
        `;
      new BlipChat()
     .withCustomStyle(customStyle)
1 Curtida

Oi @Marcelo_Tabian, tudo bem?

Que bom que deu tudo certo! Quero aproveitar a oportunidade para dizer que é ótimo ter você aqui no Fórum conosco! Para ficar melhor ainda, que tal se apresentar pra gente? Assim podemos te conhecer melhor (e você também fica atento a quem faz parte do time da Take Blip). É só acessar o tópico Conheça a Comunidade Blipper! 🥳

Um abraço :hugs:

Este tópico foi fechado automaticamente 7 dias depois da úlima resposta. Novas respostas não são mais permitidas.