# Create app card - from other system

{% hint style="info" %}
These endpoints are in beta testing. Some features may not work as documented or may behave unexpectedly. 
{% endhint %}

##  Create card

<mark style="color:green;">`POST`</mark> `https://{{account_id}}.acquire.io/api/v1/crm/ui-component`

Create a UI component Custom Card.

#### Headers

| Name          | Type   | Description         |
| ------------- | ------ | ------------------- |
| Authorization | string | Bearer {{api\_key}} |

#### Request Body

| Name         | Type   | Description                     |
| ------------ | ------ | ------------------------------- |
| type         | string |                                 |
| config       | object | The configuration of your card. |
| displayScope | string |                                 |
| area         | string |                                 |

{% tabs %}
{% tab title="200 " %}

```
{
    "data": {
        "success": true,
        "data": {
            "type": "tab",
            "config": {
                "label": "test stripe",
                "canvas": {
                    "content_url": true
                },
                "action_key": "test-form",
                "action_type": "initialize_tab",
                "iconImageUrl": "./assets/app-store/acquire_saml.svg",
                "initialize_url": "https://9adfb9433cf4.ngrok.io/initialize",
                "submit_url": "https://9adfb9433cf4.ngrok.io/submit",
                "configure_url": "https://9adfb9433cf4.ngrok.io/configure"
            },
            "displayScope": "contact_action",
            "area": "backend",
            "userId": 98,
            "dateCreated": "2021-04-06T10:46:20.418Z",
            "order": 0,
            "id": 574
        },
        "message": "UI component created successfully."
    }
}
```

{% endtab %}
{% endtabs %}

**Body (raw)**

```
{
    "type": "tab",
    "config": {
        "label": "test stripe",
        "canvas": {
            "content_url": true
        },
        "action_key": "test-form",
        "action_type": "initialize_tab",
        "iconImageUrl": "./assets/app-store/acquire_saml.svg",
        "initialize_url": "https://9adfb9433cf4.ngrok.io/initialize",
        "submit_url": "https://9adfb9433cf4.ngrok.io/submit",
         "configure_url": "https://9adfb9433cf4.ngrok.io/configure"
    },
    "displayScope": "contact_action",
    "area": "backend"
}
```