|
| 1 | +--- |
| 2 | +slug: adding-purchasing-item |
| 3 | +title: Adding & Purchasing Items |
| 4 | +description: Learn how to add and purchase FlutterFlow marketplace items. |
| 5 | +tags: [FlutterFlow, MarketPlace, Add Item, Purchase Item] |
| 6 | +sidebar_position: 1 |
| 7 | +keywords: [FlutterFlow, MarketPlace, Add Item, Purchase Item] |
| 8 | +--- |
| 9 | +import Tabs from '@theme/Tabs'; |
| 10 | +import TabItem from '@theme/TabItem'; |
| 11 | + |
1 | 12 | # Adding & Purchasing Items
|
2 | 13 |
|
3 | 14 | ## Adding a Marketplace Item
|
4 | 15 |
|
5 | 16 | Add new functionality to your app in seconds! The FlutterFlow Marketplace features user-built components and templates that you can add directly to your FlutterFlow project. These items allow you to add functionality that is not currently available or easy to build in FlutterFlow.
|
6 | 17 |
|
7 |
| - |
8 |
| - |
9 | 18 | ### 1. Open FlutterFlow Marketplace
|
10 | 19 |
|
11 |
| -To add a Marketplace Item to your project, head to your FlutterFlow dashboard and select **Marketplace** or head over to [marketplace.flutterflow.io](https://marketplace.flutterflow.io/)**.** |
| 20 | +To add a Marketplace Item to your project, head to your FlutterFlow dashboard and select **Marketplace** or head over to [marketplace.flutterflow.io](https://marketplace.flutterflow.io/). In Marketplace, click on any item to learn more about it. |
12 | 21 |
|
13 |
| -In Marketplace, click on any item to learn more about it. |
| 22 | + |
14 | 23 |
|
15 | 24 | :::tip
|
16 |
| -you can directly search for an item or filter by item type at the top (e.g., Template Apps). |
| 25 | +You can directly search for an item or filter by item type at the top (e.g., Template Apps). |
17 | 26 | :::
|
18 | 27 |
|
19 |
| -Important: you must view item details to see supported platforms (iOS, Android, Web). |
20 |
| - |
21 |
| -### 2. Add an item to your FlutterFlow project |
22 |
| - |
23 |
| -<div class="video-container"><iframe src="https://www.loom. |
24 |
| -com/embed/342529d978644aabac485e518eff4a76?sid=5fdf99f5-f3a3-4726-a26b-6012ecd9c6c4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div> |
25 |
| - |
| 28 | +:::warning[Important] |
| 29 | +You must view item details to see supported platforms (iOS, Android, Web). |
| 30 | +::: |
26 | 31 |
|
27 | 32 |
|
| 33 | +### 2. Add an item to your FlutterFlow project |
28 | 34 | To add a Marketplace item to your project, go to the item details page.
|
29 | 35 |
|
30 |
| -Free ItemsPaid Items2. Click **+ Add Now** |
31 |
| -1. Navigate to the **Owned Items** tab in your [dashboard](https://marketplace.flutterflow.io/dashboard) |
32 |
| -8. Click **+ Add to Project** next to the item |
33 |
| -11. Select the project you'd like to add the item to, and FlutterFlow will automatically import the item |
34 |
| - |
35 |
| -**Tip:** you will need to add the item to each individual project that you want to use the item in. |
36 |
| - |
37 |
| -2. Click **+ Buy Now** |
38 |
| -5. You will be redirected to Stripe for check out. Fill in payment details and click **Pay**. |
39 |
| -8. Upon successful payment, navigate to the **Owned Items** tab in your [dashboard](https://marketplace.flutterflow.io/dashboard) |
40 |
| -11. You can now start a new project using the template |
41 |
| - |
42 |
| -**Note:** Template App purchases are single-use only and non-refundable. See [Marketplace Terms of Service](https://flutterflow.io/tos-marketplace) and our [Refund Policy](/marketplace/adding-and-purchasing-items/refund-policy) for details. |
| 36 | +<Tabs> |
| 37 | +<TabItem value="1" label="Free Items" default> |
43 | 38 |
|
| 39 | + |
| 40 | +1. Click **+ Add Now** |
| 41 | +2. Navigate to the **Owned Items** tab in your [dashboard](https://marketplace.flutterflow.io/dashboard) |
| 42 | +3. Click **+ Add to Project** next to the item |
| 43 | +4. Select the project you'd like to add the item to, and FlutterFlow will automatically import the item |
44 | 44 |
|
| 45 | +:::tip |
| 46 | +You will need to add the item to each individual project that you want to use the item in. |
| 47 | +::: |
| 48 | +</TabItem> |
| 49 | +<TabItem value="2" label="Paid Items"> |
| 50 | + |
| 51 | + |
| 52 | +1. Click **+ Buy Now** |
| 53 | +2. You will be redirected to Stripe for check out. Fill in payment details and click **Pay**. |
| 54 | +3. Upon successful payment, navigate to the **Owned Items** tab in your [dashboard](https://marketplace.flutterflow.io/dashboard) |
| 55 | +4. You can now start a new project using the template |
| 56 | + |
| 57 | +**Note:** Template App purchases are single-use only and non-refundable. See [Marketplace Terms of Service](https://flutterflow.io/tos-marketplace) and our [Refund Policy](https://docs.flutterflow.io/marketplace/adding-and-purchasing-items/refund-policy) for details. |
| 58 | +</TabItem> |
| 59 | +</Tabs> |
0 commit comments