# How to Use Clipdrop API in Thunkable?

**URL:** <https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872>\
**Category:** Questions about Thunkable X\
**Tags:** design\
**Created:** [March 24, 2023, 6:55am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872 "2023-03-24T06:55:49Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![pacecode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pacecode/32/209017_2.png) [@pacecode](https://community.thunkable.com/u/pacecode)\
**Post date:** [March 24, 2023, 6:55am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/1 "2023-03-24T06:55:49Z")

</div>

**Hello Everyone!**  
I want to use Clip Drop as my Image Editing API.  
I do not know how to use This API in Thunkable.  
This isn’t easy in thunkable for me as it is not a URL API. Please Help.  
Please give me What header and parameters should be used.

 ![yfuk](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/4/44759d24736ae4b018fdff7d034910a097940db3.png)  
Uploading: Capture.PNG…

---

<div class="post-metadata">

**Author:** ![nathanburley21656](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/nathanburley21656/32/150307_2.png) [@nathanburley21656](https://community.thunkable.com/u/nathanburley21656)\
**Post date:** [March 24, 2023, 9:13am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/2 "2023-03-24T09:13:22Z")

</div>

I’m not 100% sure what you mean by ‘not a URL API’. You still need to:

1. Create an API in Thunkable
2. Use the specific clipdrop endpoint URL in the API config menu for your new API  
[https://clipdrop-api.co/cleanup/v1](https://clipdrop-api.co/cleanup/v1) \< this is the clipdrop inpainting endpoint for example
3. Set the API key in Thunakble to match your clipdrop API key
4. Set the API’s body to match the inputs required by the endpoint  
in the above case it’s the url of an image file and a mask file
5. Make a post request

Specifically to answer your question though:

Headers:  
Authorization: Bearer {YOUR API KEY HERE}  
Content-Type: application/json

Parameters:  
none

---

<div class="post-metadata">

**Author:** ![pacecode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pacecode/32/209017_2.png) [@pacecode](https://community.thunkable.com/u/pacecode)\
**Post date:** [March 24, 2023, 11:05am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/3 "2023-03-24T11:05:32Z")

</div>

Can You Please Please Give me a screenshot of the image OF BLOCKS and Webapi?

---

<div class="post-metadata">

**Author:** ![nathanburley21656](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/nathanburley21656/32/150307_2.png) [@nathanburley21656](https://community.thunkable.com/u/nathanburley21656)\
**Post date:** [March 24, 2023, 3:15pm UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/4 "2023-03-24T15:15:16Z")

</div>

Look you’re going to need to meet us halfway here and do some leg work too.  
Here’s a start but if you post what you have right now then we’ll be able to help more:

 ![Thunk 5](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/d/5d2ec5693b84da1a4a1bf71900bbb21123635c7c.jpeg)  
 ![Thunk 6](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/3/b3c89934f9f862e99fbf9cc0ffbb4827614b3d0e.jpeg)

---

<div class="post-metadata">

**Author:** ![pacecode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pacecode/32/209017_2.png) [@pacecode](https://community.thunkable.com/u/pacecode)\
**Post date:** [March 25, 2023, 1:02am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/5 "2023-03-25T01:02:04Z")

</div>

When I run The Code, The text shows that I have provided no API Key.

 ![hjl](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/d/7d80006e8a28db65e1d4a791f5d1ed5f85eab8b4.png)  
 ![dfg](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/f/8fb2e0973d76ffe01458d82ac7527530dbfa6d44.png)  
 ![rtyrtyrty](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/7/0780a138e3af41f1e586c252000488b6b1a649c3.png)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [March 25, 2023, 2:03am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/6 "2023-03-25T02:03:47Z")

</div>

Your Authorization should be “Bearer” followed by a space followed by your API key. As an example, if your API key was **34R5T** , then your Authorization string would be **Bearer 34R5T**.

Make sure there are no extra spaces or punctuation. In your screenshot (as well as the screenshot above it), there are a colon : and brackets { } that should not be there.

---

<div class="post-metadata">

**Author:** ![pacecode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pacecode/32/209017_2.png) [@pacecode](https://community.thunkable.com/u/pacecode)\
**Post date:** [March 25, 2023, 3:57am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/7 "2023-03-25T03:57:39Z")

</div>

Still, It is Showing No API Provided  
 ![ertret](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/5/15ab6dc3f3ea0320c9061f8f55a7f879dbfaaf46.png)  
 ![ertert](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/1/e114695a76774e9ec08ea7ec6d2c61fbad4abeab.png)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [March 25, 2023, 4:47am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/8 "2023-03-25T04:47:44Z")

</div>

Are these under the **Headers** section?

![ertert](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/1/e114695a76774e9ec08ea7ec6d2c61fbad4abeab.png)

Have you been able to get this API call working in Postman or another 3rd-party API client? That’s a good first step before working with an API in Thunkable.

---

<div class="post-metadata">

**Author:** ![pacecode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pacecode/32/209017_2.png) [@pacecode](https://community.thunkable.com/u/pacecode)\
**Post date:** [March 25, 2023, 5:11am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/9 "2023-03-25T05:11:39Z")

</div>

Yes, These are In Header Section.

---

<div class="post-metadata">

**Author:** ![pacecode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pacecode/32/209017_2.png) [@pacecode](https://community.thunkable.com/u/pacecode)\
**Post date:** [March 26, 2023, 4:11am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/10 "2023-03-26T04:11:35Z")

</div>

Why my Authentication was showing Wrong?

---

<div class="post-metadata">

**Author:** ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)\
**Post date:** [March 26, 2023, 4:48am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/11 "2023-03-26T04:48:54Z")

</div>

the documentation gives this example

curl -X POST [https://clipdrop-api.co/cleanup/v1](https://clipdrop-api.co/cleanup/v1)   
-H ‘x-api-key: YOUR\_API\_KEY’   
-F ‘image\_file=@image.jpg’   
-F ‘mask\_file=@mask.png’   
-o result.png

so your header block should be as shown below:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/f/8fda17b0e8ecf1a413ee53e0877632be025e77b9.png)

---

<div class="post-metadata">

**Author:** ![pacecode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pacecode/32/209017_2.png) [@pacecode](https://community.thunkable.com/u/pacecode)\
**Post date:** [March 26, 2023, 5:26am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/12 "2023-03-26T05:26:55Z")

</div>

So where will Be the Image URL?

---

<div class="post-metadata">

**Author:** ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)\
**Post date:** [March 26, 2023, 5:28am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/13 "2023-03-26T05:28:59Z")

</div>

use the same way you did , using set web\_api body

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/6/16554d70263ee55576ff6fb7f2a8ee191f75126e.png)

---

<div class="post-metadata">

**Author:** ![pacecode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pacecode/32/209017_2.png) [@pacecode](https://community.thunkable.com/u/pacecode)\
**Post date:** [March 26, 2023, 6:01am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/14 "2023-03-26T06:01:09Z")

</div>

Still, it shows an Error  
 ![tyutyutyutyutyuytu](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/8/48e311872b93fdaffd9f4e578b3230585442b407.png)

 ![uktuk](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/d/4d5a61c680ea46cb5e189d6c0059d539b769ed29.png)  
Please Help.

---

<div class="post-metadata">

**Author:** ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)\
**Post date:** [March 26, 2023, 6:04am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/15 "2023-03-26T06:04:59Z")

</div>

you were supposed to use the header block like i showed

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/4/8467011614abb1dae0cfe25c0b16202cc7625e8f.png)

you changed it

---

<div class="post-metadata">

**Author:** ![pacecode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pacecode/32/209017_2.png) [@pacecode](https://community.thunkable.com/u/pacecode)\
**Post date:** [March 26, 2023, 6:08am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/16 "2023-03-26T06:08:59Z")

</div>

Still showing an Error.  
 ![eryeryer](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/8/e8464d33dfdf4c6923b0ae0a47e0725b1d378c14.png)

 ![tyiytiyti](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/4/34a8a1483dfa5fd7d89f780c7df258d9dde35a4f.png)

---

<div class="post-metadata">

**Author:** ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)\
**Post date:** [March 26, 2023, 6:10am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/17 "2023-03-26T06:10:03Z")

</div>

you didnt change the header block - it’s still the same

here’s yours:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/4/746e0db99e41b73fea9705dc7687219d7b65a84c.png)

here’s mine  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/5/45dfd372ddacc9513ef821ec090acf72795f55a5.png)

---

<div class="post-metadata">

**Author:** ![pacecode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pacecode/32/209017_2.png) [@pacecode](https://community.thunkable.com/u/pacecode)\
**Post date:** [March 26, 2023, 6:13am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/18 "2023-03-26T06:13:52Z")

</div>

Also After changing  
 ![uilguil](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/0/40bbd6e93223500fcbc920b2cbad63130f6614ca.png)

 ![ytitiyyti](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/9/29841ae492473db42c608ae0e34d6a6b0d53e279.png)

---

<div class="post-metadata">

**Author:** ![pacecode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pacecode/32/209017_2.png) [@pacecode](https://community.thunkable.com/u/pacecode)\
**Post date:** [March 26, 2023, 6:14am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/19 "2023-03-26T06:14:34Z")

</div>

Can you please give me the Project Link so I can Check It Out?

---

<div class="post-metadata">

**Author:** ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)\
**Post date:** [March 26, 2023, 6:15am UTC](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872/20 "2023-03-26T06:15:25Z")

</div>

your header block contains ‘generate json block from object’ - please take that out

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/e/1ec99ef288fb5f49fa899211e5f35cbafa9cb889.png)

[Next page](https://community.thunkable.com/t/how-to-use-clipdrop-api-in-thunkable/2340872.md?page=2)
