https://discord.gg/botpress logo
Join Discord
Powered by
Send Button/Image Problem
# šŸ¤help
p
Hey botpress users! I have two problems that I was wondering if anyone else has experienced. The first issue is the send button issue, I attached an image of what is happening, I am just unsure if I can get rid of the button, or change the box to the left at all. The second issue that I have had is the base image before you open a deployed bot. My bot updated recently and it had a cool text box image that you find on the styler website, but when I deploy the changes my button is just blank on my website, which I also attached a picture as-well. Thank you guys so much in advance for any help and I look forward to finding the solutions!

https://cdn.discordapp.com/attachments/1146451819069968546/1146451819346800661/Screenshot_2023-08-30_at_10.26.50_AM.pngā–¾

https://cdn.discordapp.com/attachments/1146451819069968546/1146451819632001094/Screenshot_2023-08-30_at_10.29.20_AM.pngā–¾

f
Hi, have you tried to give some changes through CSS? This is just an example.

https://cdn.discordapp.com/attachments/1146451819069968546/1146458416064245910/Web_capture_30-8-2023_85549_styler.botpress.app.jpegā–¾

@purple-author-40665
p
Are you talking about the CSS code in the styler?
f
Yes @purple-author-40665
c
@bright-magazine-792 šŸ‘€
p
I tried the CSS code with the send button issue, would it be the same with the image issue too? The image used to be there and it appears on the styler website, but when I update my bot with the styler link nothing shows up
c
Is your bot new or quite old?
p
It is new, about two weeks old since it has been deployed. It used to be grey and then I logged on once day and it had changed to be blue with this txt box image which I loved. I found the styler existed so I tried to make some changes, but when I updated the image disappeared

https://cdn.discordapp.com/attachments/1146451819069968546/1146464374307967006/Screenshot_2023-08-30_at_11.19.26_AM.pngā–¾

f
I had sort of the same issue, @purple-author-40665 Did you try with this class /* Change Bot Widget Icon */ .bpw-widget-btn { border-radius: 50%; background: url ("imagelink.png") center/contain no-repeat; /* Modified URL */ } And add this one too .bpw-floating-button:before { display: none; } To remove the chat image on top of it.
p
I think the main problem is that I never had the image URL in the first place, the bot updated and it just kinda appeared there
f
I see wht you are saying. Have you tried to upload the chat widget script on a different HTML page? just to discard that your page builder isn't the main reason, I had a similar problem and I switched web builder and it worked for me, but you can give it a shot, furthermore, you also have the chance to download an image like the chat icon above and paste it to the CSS as an URL.
@purple-author-40665
p
I have and I do not believe the website is the problem, do you have any recommendations on where I could find some cool text bubble URLs? I know how to get to icons as PNGs, but I do not understand how to upload them as URLs to post it in the CSS
f
Sure, let me grab one for you, The CSS class to do so is the one I shared with u above. * Change Bot Widget Icon / .bpw-widget-btn { border-radius: 50%; background: url ("Here you paste your URL.png") center/contain no-repeat; / Modified URL */ } And you can go on to https://www.flaticon.com/free-icons/chat to take a look on the chat icons images. Hope it helps mate.
@purple-author-40665
Here you can upload your pictures and get the PNG URL https://postimages.org/
@purple-author-40665
p
This is perfect, thank you so much, I will let you know how it goes!
f
Glad to help!
p
just to clarify, after I upload my png on the second website do I take the direct link and post it in the CSS? or the link?
f
You should take this one, the long one.

https://cdn.discordapp.com/attachments/1146451819069968546/1146475921776312380/Web_capture_30-8-2023_10538_postimg.cc.jpegā–¾

Direct link
p
Awesome, thanks
Would anyone have a solution to my first problem? I love how the bot is set up on styler with the image and the send button, but I cannot seem to get that button, let alone fix my original problem.
c
@early-train-33247 this is the issue I was talking about. Can you please have a look when you get a chance?
thanks
f
I had same issues with it, what I did to get something like the image attached, was to copy and paste the configurable script and change the Host URL V0 to V1. This little change could have also helped with the chat widget icon image.

https://cdn.discordapp.com/attachments/1146451819069968546/1146800086064562318/image.pngā–¾

https://cdn.discordapp.com/attachments/1146451819069968546/1146800086270087289/image.pngā–¾

https://cdn.discordapp.com/attachments/1146451819069968546/1146800086504972418/image.pngā–¾

https://cdn.discordapp.com/attachments/1146451819069968546/1146800086731456692/image.pngā–¾

@purple-author-40665
p
how did you edit the configurable code? edit my bad I totally misread that, did you drop the configurable code in the styler and it fixed it?
f
I first edit the CSS and then got the style link and paste it into the web integration settings and saved it, after that I went to the Configurable tab and copy and pasted the whole script into my web builder and edited the Host URL.
If you work with Wordpress just get the configurable link and paste into your HTML script space, and you just edit it there. ThereĀ“s no need to get the entire CSS because the Stylesheet link is already attached into the script.
@purple-author-40665
This is on my website builder, I donĀ“t know what it looks like in Wordpress but its the same concept.

https://cdn.discordapp.com/attachments/1146451819069968546/1146835657377988709/image.pngā–¾

p
I changed it from v0 to v1 and it didn't work, I may be doing it wrong, but I took the code, dropped it into the styler, ran it, took the link, deployed it, and it still didnt work
f
The script musnĀ“t be paste into the styler page, it needs to be pasted into your website builder code space
p
Ah, so would I delete the other pre-set code in my website space and replace it with that configured code?
f
ThatĀ“s right
p
I just deployed it and it didn't work, neither problems got fixed
f
Can you share a SS? of both pages
p

https://cdn.discordapp.com/attachments/1146451819069968546/1146861081998938183/Screenshot_2023-08-31_at_1.36.22_PM.pngā–¾

Not sure what you mean of both, as in the problems still?
f
I mean the CSS styler botpress page as well.
p

https://cdn.discordapp.com/attachments/1146451819069968546/1146861761216135179/Screenshot_2023-08-31_at_1.39.07_PM.pngā–¾

Obviously I couldn't fit the whole code in, but I can copy and paste it if you'd like too
@early-train-33247 @bright-magazine-792 I would love if you guys had a chance to take a look at this too when you are free, thank you so much!
f
Sent you a DM @purple-author-40665
p
Could not figure it out, but I appreciate the help @freezing-agent-97632 have a blessed rest of your day brother
f
You as well bro!
p
New update, I finally figured it out, I appreciate all of the help!
2 Views
PreviousNext
Powered by