Need help adding images/carousels.
# 🤝help
f
Creating a whatsapp chatbot for my clothing store. Customers will first select from a dropdown of Hoodies, Tshirts, Shorts then mention their required size. After this I want the bot to send out images of available items as selected and as per the size. I am not a developer so I am finding it very hard to wrap my mind around how to approach this. I tried watching youtube videos of Botpress but I do not even know what variables are. I have created a basic table and framework as shown in the image attach. Please help.
q
Yesterday we did something similar, displaying images from the KB table on Carousel. You can download the little chatbots we used to test it 👍 https://discord.com/channels/1108396290624213082/1198245171788259409
if you always have the same number of images, you can use the first examples and chatbots. The last ones work in such a way that the number of images in the KB table can change, and Carousel updates automatically
f
yes i tried reading that thread
but I am really having a very very hard time in this step
everything went smooth till I reached the images part
I have zero background in coding or botpress so even the @workflow.yadayada seems foreign to me
it would be a big help if you could spoonfeed the next steps to me
it was a huge relief to find Botpress while having a project of this scale, however, this step has got me stuck
q
Of course! 🫡 "@workflow.yadayada" 😂 I felt the same way at the beginning.
f
yeah this really isnt working, i cant understand anything, I keep messing it up
q
I can build something that works in your use case
f
see this is what im doing right now
the links are just sample links that i picked up from google images
my actual customer has around 1,000+ images
doing it on a small scale first
q
You're in luck, because we've built here a similar one many times before ⚡
I'll let you know when I have build something for you to test
then we can continue from there
Something like that?
now it just displays the selected item, image, name, available sizes
Important part is this Find Records card Select the correct Table Records filter use something like "Hoodies equals @workflow.userChoice" then store the the filtered result to workflow.yadayada which you have created
I named it "selectedItem" and it has to be Type: Array Array type: Options
f
Yes that is quite close to what we want but our project will be much larger than what you have done there
Our customer has a store that has: hoodies, tshirts, shorts, etc... around 200 types of each
and various sizes
so we want a question that lets the user choose the specific category
then the user can select which type of hoodie does he want or which size does he want
i thought knowledge base should suffice for this
but adding single carousels for each one is a bit tasking isnt it
i used to think that if i upload a knowledge base with images of hoodies, and sizes written beside them, botpress should be able to read it
q
When you have all those 200+ items in KB table, filtering should work the same
You can create that KB table, or some bigger example. Then I can try to build the next version from there
export (top right corner) the bigger KB table to your local computer, then upload it here so I can use that
using your instructions: "Our customer has a store that has: hoodies, tshirts, shorts, etc... around 200 types of each and various sizes so we want a question that lets the user choose the specific category then the user can select which type of hoodie does he want or which size does he want"
I also believe that this is how it works when we manage to build it right 🛠️
f
i see okay
q
You can create a KB table with 10-20 items, hoodies, t-shirts, shorts etc. Different sizes and whatnot. Then I can try to build that first version of chatbot. If that works, then it also works with 200+ items
use as many real items as possible your customer has in their store, so we can be sure we have built the filtering correctly
I can help you build filtering and Carousel, but when it comes to WhatsApp and the complex chatbot workflow for a clothing store, I don't have any experience with those.
f
hello
i figured most of it out
can you help me with some more things right now
so most of it is working the way i want it to
i ran a demo on whatsapp as well
however botpress is not able to detect when people slide and reply to images
We replied to the yellow tshrt, hoping to see the price of 3,240 but the bot is sending us the price of the Olive tshirt by default of 4500
please help us out
q
Sorry, I don't have any experience with those. I'm not a bot builder; I've never built a complex chatbot, nor have I used Botpress with WhatsApp or any other messaging tool. My expertise is limited to coding, like executing functions and API calls – just small components of larger chatbots built by others. I'm sure there are many experienced bot builders here who have used Botpress with WhatsApp. You might find useful information in older posts, or you could start asking specific questions about that.
I recommend checking this https://botpress.com/experts
Also, if you use the Discord search function, you'll find many topics and messages related to WhatsApp.
f
do we have to pay them
is there any botpress support
also i have a basic doubt, this is how we are sending the customer the images, but we also want it to come wiwth a caption of the product name as shown. how can we do that?
q
Botpress experts will offer their services for a fee. The Botpress team provides assistance on weekdays as much as possible, but as Robert mentioned yesterday, with 17,000 bot builders in our community, they can't provide customized help and solutions to everyone. Then there are the BotBassadors, a group of highly skilled and experienced bot builders who also do their best to help the community. I suspect that BotBassadors, who likely have the most and biggest real clients already, are busy with their daily work and clients, so their availability to help the community might be limited at times. If I were in your position, I would start contacting those bot builders who have posted questions and answers related to WhatsApp and other relevant topics. They might have the most useful knowledge for your needs. That's the best advice I can offer, as I don't have experience in building those.
f
the user selects the tshirt they want over here
we find the corresponding record
and i have written this to extract the price of the corressponding product
this is the response i am getting, it is capturing the tshirt but it is not displaying the Price by itself
please help us if you have any idea regarding this
i just want it to show the Price not anything else
hello?
q
Try changing this @workflow.Results.price to this @workflow.Results[0].price
Then you should get the 'price' field from the first item in that Results array.
f
YES
GOT IT
THANK YOUO SO MCUH
Hi, we are encountering more issues. So we have figured out most of it. The bot gives us the tshirt pictures and we can select which tshirt we want and we have made a prompt to say "item is added to cart" once we confirm our selection.
However, we are not able to figure out how to show the user all the items that are added to the cart and the total price amount at the end.
we are storing the selection in workflow.selection as well
do you have any idea how we can display total cart at the end?
we want the cart to be diplayed in this node
hello?
please i really need help with that
i cant figure it out
r
Hello @fierce-baker-52285 how did you create the cart? Thanks
19 Views