# Generate a Barcode

## Walkthrough

**1.** Login to [Adastacks.com](https://adastacks.com) and navigate to your dashboard (we'll need this for your API Key in a minute)

**2.** Open a new tab in your browser and open up your Adalo app in the Adalo editor

**3.** Once open, place a test button on a screen of your choosing

**4.** Under the "Click Actions" for the button, select **Custom Action**

**5.** Give your action a name, such as "Generate Barcode"

**6.** Select the **Create** option from the dropdown below the Title field, then click **Next**

**7.** Copy the following URL and paste it into the Base URL field of the Custom Action

```
https://adastacks.app.n8n.cloud/webhook/barcode?data=BARCODEDATA&type=BARCODETYPE
```

**8.** Set the "Method" dropdown to **POST**

**9.** Add a query parameter called **Content-Type** with the value **application/json**

![](https://2830261229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MRcI-XJRZMjllYclp86%2F-MaZ6u50LlxKDWWKs2tn%2F-MaZ7zEwCloG89ck9zcf%2FScreen%20Shot%202021-05-25%20at%2011.27.55%20AM.png?alt=media\&token=ad43a771-35b0-49ac-a67a-4415b903bb16)

**10.** Add another query parameter called **api\_key** with your Adastacks API Key as the value

![](https://2830261229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MRcI-XJRZMjllYclp86%2F-MaZuy7JHG6ypQOLS2hK%2F-MaZwnVzXtyllh_lmNuA%2FScreen%20Shot%202021-05-25%20at%203.12.57%20PM.png?alt=media\&token=7d759e4e-f4a8-4b1c-bafc-aae383a47a0a)

**11.** Add **Inputs** to hold your data for the new Custom Action (*You can name these whatever you like, but below are some suggestions*)

| Suggested Input Name | Input Type | Suggested Input Test Data                               |
| -------------------- | ---------- | ------------------------------------------------------- |
| **Barcode Data**     | Text       | *Should be any valid URL*                               |
| **Barcode Type**     | Text       | Send one of the following barcode types listed in bold: |
|                      |            | For UPC-A:  **BCL\_UPCA**                               |
|                      |            | For UPC-E:  **S\_UPCE**                                 |
|                      |            | For EAN-8:  **S\_EAN8**                                 |
|                      |            | For EAN-13:  **S\_EAN13**                               |
|                      |            | For Code-128:  **BCL\_CODE128**                         |
|                      |            | For Code-39:  **BCL\_CODE39**                           |
|                      |            | For ISBN-13:  **S\_ISBN**                               |

**12.** Replace the **capitalized text** in the URL with the **Inputs** you just made using the **Magic Text** button in the top right of the URL field.

![](https://2830261229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MRcI-XJRZMjllYclp86%2F-MjPZ6m1KB_NVCJI1w8A%2F-MjPaA5O-m_fhjYS4JHk%2FScreen%20Shot%202021-09-12%20at%2011.09.50%20AM.png?alt=media\&token=7c15d371-0b88-4117-b900-1fb074b3f98a)

**13.** Run the test request. (See the success screenshot below). The action will return a URL that you can then save to your database and use as the image source throughout your app.

{% hint style="info" %}
Even test actions that fail return a "Test Successful" message so be sure to click **Show Full Response** to ensure the action succeeded. This is by design so that you can still save the action and return to continue setting it up later if you wish.
{% endhint %}

![](https://2830261229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MRcI-XJRZMjllYclp86%2F-MjPZ6m1KB_NVCJI1w8A%2F-MjPaDeSQm3ZDAAR2Q0L%2FScreen%20Shot%202021-09-12%20at%2011.10.44%20AM.png?alt=media\&token=269d93ef-b4a6-4505-88bf-22d3111b0567)

**14.** Save the Custom Action and add it where you need it throughout your app.