Skip to main content

Ola, boa tarde pessoal.
Estou tendo o seguinte problema.

Eu configurei o meu chat no portal blip, em canais, blip chat.

E, enquanto era localhost, rodava de boa.

Ai publiquei no streamlit (https://teiabot.streamlit.app/) para mim mesmo.

Iria usar ate como demonstrativo.

Só que no streamlit o chat nao abre. FIca em branco.

Como resolvo isso? Alguem sabe?

Ola, boa tarde pessoal.
Estou tendo o seguinte problema.

Eu configurei o meu chat no portal blip, em canais, blip chat.

E, enquanto era localhost, rodava de boa.

Ai publiquei no streamlit (https://teiabot.streamlit.app/) para mim mesmo.

Iria usar ate como demonstrativo.

Só que no streamlit o chat nao abre. FIca em branco.

Como resolvo isso? Alguem sabe?

@MAYCON_CYPRIANO_BATE tudo bem ? 

 

Você adicionou a url do streamlit no canal blip chat? 

 

 


Sim, adiceionei. Adicionei o endereco gerado que é  https://teiabot.streamlit.app/ no entato, toda vez que eu clico novamente em configuracoes, fica em branco. eu to apertando salvar, aparece uma caixa verde ao lado inferior esquerdo indicando que foi salvo com sucesso, mas nao da certo.

 


Sim, adiceionei. Adicionei o endereco gerado que é  https://teiabot.streamlit.app/ no entato, toda vez que eu clico novamente em configuracoes, fica em branco. eu to apertando salvar, aparece uma caixa verde ao lado inferior esquerdo indicando que foi salvo com sucesso, mas nao da certo.

 

Olá @MAYCON_CYPRIANO_BATE adicione a url  https://teiabot.streamlit.app/ pressione a tecla “Enter” e tem que ficar assim : 

Após isso clique em salvar e valide se salvou atualizando a pagina. 


nossa que coisa boba ne rsrsrsrs agora esta funcionando! Obrigado

 

Aproveitando,

eu fiz assim o meu widget

# Configuração da página com título
st.set_page_config(page_title="tah na teia!")

# Função para ler a imagem de fundo e convertê-la em base64
def get_base64_image(image_path):
    with open(image_path, "rb") as img_file:
        return base64.b64encode(img_file.read()).decode()

# Defina o caminho relativo da imagem de fundo
background_image_path = os.path.join(os.path.dirname(__file__), 'assets', 'image.jpg')
background_image_base64 = get_base64_image(background_image_path)

st.markdown(
    f"""
    <style>
        .stApp {{
            background-image: url("data:image/jpg;base64,{background_image_base64}");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }}
        .title {{
            position: absolute;
            top: 10%;
            left: 50%;
            transform: translate(-50%, 190%);
            font-size: 4em;
            color: white;
            text-shadow: 2px 2px 8px #4d0d9a;
            font-weight: bold;
            text-align: center;
        }}
    </style>
    """,
    unsafe_allow_html=True
)

# Insira o título centralizado
st.markdown('<div class="title">tah na teia!</div>', unsafe_allow_html=True)

# Insira o script do Blip Chat com função de reset e janela maximizada
html("""
<script>
window.embeddedChatbotConfig = {
chatbotId: "Q5GlC0cLhsUWSsi2n3_F1",
domain: "www.chatbase.co"
}
</script>
<script
src="https://www.chatbase.co/embed.min.js"
chatbotId="Q5GlC0cLhsUWSsi2n3_F1"
domain="www.chatbase.co"
defer>
</script>
""", height=600, width=1000, scrolling=True) e ele nao esta ocupando o maximo de tamanho. Eu queria apenas duas coisas agora pro meu widget, que houvesse uma opcao de resetar conversa, e que ao clicar nele, sua janela de conversa fosse maximazada para melhor experiencia do usuario. Sabe como eu posso fazer isso?


@MAYCON_CYPRIANO_BATE para essas outras duvidas recomendo que abra um novo topico, para que o pessoal possa te ajudar sobre maximizar você tem que calcular o espaço do widget e quando clicar no botão ele fazer o calculo de acordo com a tela do usuário para resetar a conversa você teria que ter uma função para subiu um novo widget e apagar o anterior, pois ele usa websocket então você poderia fazer a troca do user mas a mensagem ficaria na tela. 


Comente