Skip to main content

Tenho um BUILDER com menu principal. esse menu eu consigo alterar o estilo pela com CSS? Algo como mudar a borda, alterar cor do texto, cantos arredondados? É possivel?

Tenho um BUILDER com menu principal. esse menu eu consigo alterar o estilo pela com CSS? Algo como mudar a borda, alterar cor do texto, cantos arredondados? É possivel?

Olá ​@guilhermebarbeiro no builder não é possível usar css, mas você pode customizar com os tipos de conteúdos validos em cada canal valide primeiro e depois ajuste no builder : https://channels-content.blip.ai/

 


Eu vi em um post que da atualizando o script e trazendoum css externo, isso funciona ainda?

<script>
(function () {
    window.onload = function () {
        // Busca o CSS do chat no servidor da VTEX
        fetch("https://lucashome.vteximg.com.br/arquivos/takeblip_chat.css")
            .then(function(r) { return r.text(); })
            .then(function(styleSheet) {
                new BlipChat()
                    .withAppKey('****')
                    .withButton({
                        "color":"#245a9e",
                        "icon":"https://blipmediastore.blob.core.windows.net/public-medias/Media_9b0c8d3d-ecfe-4de0-aafd-f1f18156769f"
                    })
                    .withCustomCommonUrl('https://lucashome.chat.blip.ai/')
                    .withCustomStyle(styleSheet) // aplica o CSS customizado
                    .build();
            });
    }
})();
</script>              

 

O que eu quero, por exemplo, é alterar o layout desses link/botoes

 


Eu vi em um post que da atualizando o script e trazendoum css externo, isso funciona ainda?

<script>
(function () {
    window.onload = function () {
        // Busca o CSS do chat no servidor da VTEX
        fetch("https://lucashome.vteximg.com.br/arquivos/takeblip_chat.css")
            .then(function(r) { return r.text(); })
            .then(function(styleSheet) {
                new BlipChat()
                    .withAppKey('****')
                    .withButton({
                        "color":"#245a9e",
                        "icon":"https://blipmediastore.blob.core.windows.net/public-medias/Media_9b0c8d3d-ecfe-4de0-aafd-f1f18156769f"
                    })
                    .withCustomCommonUrl('https://lucashome.chat.blip.ai/')
                    .withCustomStyle(styleSheet) // aplica o CSS customizado
                    .build();
            });
    }
})();
</script>              

 

O que eu quero, por exemplo, é alterar o layout desses link/botoes

 

@guilhermebarbeiro  sim isso funciona, pois é o widget que sera embedado em sua pagina html tem para aplicativos moveis também onde você pega a estrutura do blipchat e customiza conforme necessidade em seu aplicativo android ou ios.


Eu vi em um post que da atualizando o script e trazendoum css externo, isso funciona ainda?

<script>
(function () {
    window.onload = function () {
        // Busca o CSS do chat no servidor da VTEX
        fetch("https://lucashome.vteximg.com.br/arquivos/takeblip_chat.css")
            .then(function(r) { return r.text(); })
            .then(function(styleSheet) {
                new BlipChat()
                    .withAppKey('****')
                    .withButton({
                        "color":"#245a9e",
                        "icon":"https://blipmediastore.blob.core.windows.net/public-medias/Media_9b0c8d3d-ecfe-4de0-aafd-f1f18156769f"
                    })
                    .withCustomCommonUrl('https://lucashome.chat.blip.ai/')
                    .withCustomStyle(styleSheet) // aplica o CSS customizado
                    .build();
            });
    }
})();
</script>              

 

O que eu quero, por exemplo, é alterar o layout desses link/botoes

 

@guilhermebarbeiro  sim isso funciona, pois é o widget que sera embedado em sua pagina html tem para aplicativos moveis também onde você pega a estrutura do blipchat e customiza conforme necessidade em seu aplicativo android ou ios.

Eu subi o css mas ele nao está pegando...o que pode ser?

 


Outro ponto esta dando erro de CORS no console e não esta pegando: Access to script at 'https://js-cdn.dynatrace.com/jstag/16898c892dc/bf88991hgd/51a57ded5ceb58bf_complete.js' from origin 'https://lucashome.chat.blip.ai' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

 


Outro ponto esta dando erro de CORS no console e não esta pegando: Access to script at 'https://js-cdn.dynatrace.com/jstag/16898c892dc/bf88991hgd/51a57ded5ceb58bf_complete.js' from origin 'https://lucashome.chat.blip.ai' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

 

@guilhermebarbeiro nesse casso você teria que adicionar o cors no site para evitar esse tipo de bloqueio 


Bacana….Sabe se consigo copiar um BUILDER, para fazer ajustes e depois publicar? Porque precisamos fazer uma serie de mudanças no BUILDER aqui e nao queria perder o que esta no ar...mas ter um “backup” dele


Bacana….Sabe se consigo copiar um BUILDER, para fazer ajustes e depois publicar? Porque precisamos fazer uma serie de mudanças no BUILDER aqui e nao queria perder o que esta no ar...mas ter um “backup” dele

@guilhermebarbeiro  consegue sim, nos recomendamos sempre que tenha um bot de teste e um bot produtivo com o mesmo fluxo baixa as versões conforme : https://help.blip.ai/hc/pt-br/articles/4474433224087-Como-importar-o-fluxo-de-um-bot-no-Builder


Comente