# Add To Cart Button

**URL:** <https://community.thunkable.com/t/add-to-cart-button/53082>\
**Category:** Questions about Thunkable X\
**Created:** [October 22, 2018, 3:40am UTC](https://community.thunkable.com/t/add-to-cart-button/53082 "2018-10-22T03:40:02Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rhiarna\_Antoun](https://avatars.discourse-cdn.com/v4/letter/r/ea666f/32.png) [@Rhiarna\_Antoun](https://community.thunkable.com/u/Rhiarna_Antoun)\
**Post date:** [October 22, 2018, 3:40am UTC](https://community.thunkable.com/t/add-to-cart-button/53082/1 "2018-10-22T03:40:02Z")

</div>

Hi  
I am making an app on thunkable. I am trying to make an add to cart button so the items chosen by the user saves. Can you please tell me how to do it.  
Thank you

---

<div class="post-metadata">

**Author:** ![Taifun](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/taifun/32/1547_2.png) [@Taifun](https://community.thunkable.com/u/Taifun)\
**Post date:** [October 22, 2018, 11:07pm UTC](https://community.thunkable.com/t/add-to-cart-button/53082/3 "2018-10-22T23:07:20Z")

</div>

> [@Rhiarna\_Antoun](#):
>
> I am trying to make an add to cart button so the items chosen by the user saves.

the cart could be a simple list… i.e. just use the **add items to list** block and save the list to TinyDB…

- [How to work with Lists](http://www.imagnity.com/tutorials/app-inventor/list-blocks-on-app-inventor/) by Saj
- [How to work with Lists and Lists of lists](http://www.appinventor.org/bookChapters/chapter19.pdf) (pdf) by [appinventor.org](http://www.appinventor.org/)
- [TinyDB tutorial](https://sites.google.com/site/stevozip/home/AI2/tinydb) by ![](https://puravidaapps.com/images/snippets/stephen.jpg) Stephen

Taifun

---

<div class="post-metadata">

**Author:** ![Tiana\_Freiha](https://avatars.discourse-cdn.com/v4/letter/t/c68b51/32.png) [@Tiana\_Freiha](https://community.thunkable.com/u/Tiana_Freiha)\
**Post date:** [October 23, 2018, 1:55am UTC](https://community.thunkable.com/t/add-to-cart-button/53082/4 "2018-10-23T01:55:16Z")

</div>

Hi Taifun  
do u know how to make that work… at the bottom of my screen, i have an add to cart button. when someone presses that button, I want it to add to cart. at the end of the app, i want a screen that shows ALL the items the user has chosen.

---

<div class="post-metadata">

**Author:** ![Taifun](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/taifun/32/1547_2.png) [@Taifun](https://community.thunkable.com/u/Taifun)\
**Post date:** [October 23, 2018, 2:59am UTC](https://community.thunkable.com/t/add-to-cart-button/53082/5 "2018-10-23T02:59:37Z")

</div>

follow the previous recommendations  
Taifun

---

<div class="post-metadata">

**Author:** ![Tiana\_Freiha](https://avatars.discourse-cdn.com/v4/letter/t/c68b51/32.png) [@Tiana\_Freiha](https://community.thunkable.com/u/Tiana_Freiha)\
**Post date:** [October 23, 2018, 6:16am UTC](https://community.thunkable.com/t/add-to-cart-button/53082/6 "2018-10-23T06:16:41Z")

</div>

those recommendations are confusing for me as a beginner

---

<div class="post-metadata">

**Author:** ![Goldking](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/goldking/32/165073_2.png) [@Goldking](https://community.thunkable.com/u/Goldking)\
**Post date:** [October 23, 2018, 2:47pm UTC](https://community.thunkable.com/t/add-to-cart-button/53082/7 "2018-10-23T14:47:13Z")

</div>

as @Taifun said you have to add item to a list and then manage it for your goal.  
This is one way 👇 but not the only one!

 ![Cattura](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/8/98411363d2bcb789ca919ddcc48bd3ad9e8568e2.png)

If you don’t want to use a database delete all the blocks violet named TinyDb.

> [@Tiana\_Freiha](#):
>
> those recommendations are confusing for me as a beginner

If you don’t spent a little of time to study at least the basic components, your confusion can only increase exponentially 😅  
If you add some pic or relevant block we will help you better

---

<div class="post-metadata">

**Author:** ![Taifun](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/taifun/32/1547_2.png) [@Taifun](https://community.thunkable.com/u/Taifun)\
**Post date:** [October 23, 2018, 11:55pm UTC](https://community.thunkable.com/t/add-to-cart-button/53082/8 "2018-10-23T23:55:28Z")

</div>

> [@Tiana\_Freiha](#):
>
> those recommendations are confusing for me as a beginner

Check out the Thunkable YouTube channel, there are lots of great videos for getting started:

> **[Thunkable](https://www.youtube.com/channel/UCTVZRyybOCDBL2zLXSeQVsw)**
>
> Create custom mobile applications — no coding required. 🚀
> 
> Publish on Android, iOS, and the mobile web using Thunkable's drag and drop app builder. #madewiththunkable #nocode

* * *

A very good way to learn App Inventor is to read the free Inventor’s Manual here in the AI2 free online eBook [App Inventor 2 Book: Create Your Own Android Apps](http://www.appinventor.org/book2) … the links are at the bottom of the Web page. The book ‘teaches’ users how to program with AI2 blocks.  
There is a free programming course here [Course In A Box](http://www.appinventor.org/content/CourseInABox/Intro) and the aia files for the projects in the book are here: [App Inventor 2 Book: Create Your Own Android Apps](http://www.appinventor.org/bookFiles)  
How to do a lot of basic things with App Inventor are described here: [How do you...?](http://www.appinventor.org/content/howDoYou/eventHandling) .

Also do the tutorials [Our Tutorials!](http://appinventor.mit.edu/explore/ai2/tutorials.html) to learn the basics of App Inventor, then try something and follow the [Top 5 Tips: How to learn App Inventor](https://puravidaapps.com/learn.php)

Taifun

---

<div class="post-metadata">

**Author:** ![Tiana\_Freiha](https://avatars.discourse-cdn.com/v4/letter/t/c68b51/32.png) [@Tiana\_Freiha](https://community.thunkable.com/u/Tiana_Freiha)\
**Post date:** [October 24, 2018, 10:04am UTC](https://community.thunkable.com/t/add-to-cart-button/53082/9 "2018-10-24T10:04:34Z")

</div>

I don’t have that version of thunkable so those blocks are not there for me  
also, mine recently upgraded to pro automatically shoudl I be worried

---

<div class="post-metadata">

**Author:** ![Goldking](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/goldking/32/165073_2.png) [@Goldking](https://community.thunkable.com/u/Goldking)\
**Post date:** [October 24, 2018, 10:59am UTC](https://community.thunkable.com/t/add-to-cart-button/53082/10 "2018-10-24T10:59:16Z")

</div>

So I think you are using Thunkable X , I changed your discussion tag. If you set Thunkable classic you will receive help for Thunkable Classic 🤣😂  
The way is the same. Add item to list and save it in a variable to manage value as you like.  
Here docs for [LIST](https://docs.thunkable.com/thunkable-cross-platform/create/blocks/lists)  
Here docs for [VARIABLE](https://docs.thunkable.com/thunkable-cross-platform/create/blocks/variables)  
Maybe now (with the right tag) other users can help you, I don’t use Thunkable X

---

<div class="post-metadata">

**Author:** ![Tiana\_Freiha](https://avatars.discourse-cdn.com/v4/letter/t/c68b51/32.png) [@Tiana\_Freiha](https://community.thunkable.com/u/Tiana_Freiha)\
**Post date:** [October 25, 2018, 10:11pm UTC](https://community.thunkable.com/t/add-to-cart-button/53082/11 "2018-10-25T22:11:57Z")

</div>

But this app is for an assessment so I HAVE to use Thunkable X

---

<div class="post-metadata">

**Author:** ![Goldking](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/goldking/32/165073_2.png) [@Goldking](https://community.thunkable.com/u/Goldking)\
**Post date:** [October 25, 2018, 10:49pm UTC](https://community.thunkable.com/t/add-to-cart-button/53082/12 "2018-10-25T22:49:08Z")

</div>

> [@Goldking](#):
>
> The way is the same. Add item to list and save it in a variable to manage value as you like.  
> Here docs for [LIST](https://docs.thunkable.com/thunkable-cross-platform/create/blocks/lists)  
> Here docs for [VARIABLE](https://docs.thunkable.com/thunkable-cross-platform/create/blocks/variables)

What about study a little? 👆👆 I don’t use Thunkable X but in a few minutes I find what you need in the docs

 ![Cattura](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/4/64e3331eb98b6a21cea97aba85a57f43186c4bb8.png)  
There are 3 kind of variables , so decide the best for you, I set an only variable so I can’t lost my data.  
Without any information about your app , it is the best I can do

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:54am UTC](https://community.thunkable.com/t/add-to-cart-button/53082/13 "2024-11-08T11:54:56Z")

</div>


