# Webhook payload to dashboard

**URL:** <https://forums.losant.com/t/webhook-payload-to-dashboard/3271>\
**Category:** Help\
**Tags:** dashboard, workflow\
**Created:** [September 21, 2020, 7:18am UTC](https://forums.losant.com/t/webhook-payload-to-dashboard/3271 "2020-09-21T07:18:57Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Michael\_Papageorge](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/michael_papageorge/32/3273_2.png) [@Michael\_Papageorge](https://forums.losant.com/u/Michael_Papageorge)\
**Post date:** [September 21, 2020, 7:18am UTC](https://forums.losant.com/t/webhook-payload-to-dashboard/3271/1 "2020-09-21T07:18:57Z")

</div>

Hey,  
I’ve successfully send a payload from my custom device (LoRa) to TTN and from there to losant workflow through http (webhook). I can’t seem to find a way to decode this data and display it through the dashboard.

My http payload is:  
{  
“globals”: {  
“api\_key”: “YOUR\_API\_KEY”,  
“gps\_location”: “-----”  
},  
“applicationName”: “Test”,  
“flowName”: “workflow test”,  
“flowId”: “5f65da29f1ef190006c9a38e”,  
“flowVersion”: “develop”,  
“relayType”: “public”,  
“relayId”: “000000000000000000000000”,  
“triggerType”: “webhook”,  
“triggerId”: “—”,  
“applicationId”: “—”,  
“data”: {  
“body”: {  
“downlink\_url”: “[https://integrations.thethingsnetwork.org/ttn-eu/a-?key=ttn-account-v2.36i-5Le-](https://integrations.thethingsnetwork.org/ttn-eu/a-?key=ttn-account-v2.36i-5Le-)”,  
“metadata”: {  
“gateways”: [  
{  
“rf\_chain”: 0,  
“snr”: 5,  
“rssi”: -102,  
“channel”: 0,  
“time”: “”,  
“timestamp”: 2653010131,  
“gtw\_id”: “eui–26”  
}  
],  
“coding\_rate”: “4/5”,  
“data\_rate”: “SF7BW125”,  
“modulation”: “LORA”,  
“frequency”: 868.1,  
“time”: “2020-09-21T07:13:58.882405066Z”  
},  
////////////////////////////// payload  
“payload\_fields”: {  
“value”: “25.9”,  
“sign”: “+”,  
“di”: “0”,  
“channel”: “01”  
},////////////////////////////////////  
“payload\_raw”: “MDErMjUuOSAgICAw”,  
“counter”: 968,  
“port”: 90,  
“hardware\_serial”: “dfyhdfhyrhsd”,  
“dev\_id”: “-ng”,  
“app\_id”: “st-ring”  
},  
“query”: {},  
“headers”: {  
“accept-encoding”: “gzip”,  
“content-type”: “application/json”,  
“user-agent”: “http-ttn/2.6.0”,  
“content-length”: “632”,  
“x-forwarded-for”: “-5.45”,  
“x-forwarded-proto”: “https”,  
“x-real-ip”: “5-5.45”  
},  
“method”: “post”,  
“path”: “/”  
},  
“time”: “2020-09-21T07:13:59.461Z”  
}

some personal information is ommited.

My payload is shown above in payload fields. I would like to display that through the dashboard.  
Any help is welcome as i am new to Losant

thanks

---

<div class="post-metadata">

**Author:** ![anaptfox](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/anaptfox/32/873_2.png) [@anaptfox](https://forums.losant.com/u/anaptfox)\
**Post date:** [September 21, 2020, 11:56am UTC](https://forums.losant.com/t/webhook-payload-to-dashboard/3271/4 "2020-09-21T11:56:32Z")

</div>

@Michael_Papageorge,

Welcome to the Losant Forums!

To accomplish this, you will need to build an [Application Workflow](https://docs.losant.com/workflows/application-workflows/). Then, you can build a workflow with the following nodes:

1. Webhook Trigger Node - this will cause a workflow to trigger when you send a message to the webhook.
2. Next, you mentioned that you need to decode data. We have some great examples of that [here](https://forums.losant.com/t/encode-and-decode-a-la-mode/2010).
3. [Device State Node](https://docs.losant.com/workflows/outputs/device-state/) - this allows a workflow to update the state of a [device](https://docs.losant.com/devices/overview/#device-configuration).

After you’ve reported state, then you may display this information on a Dashboard.

To help with this, I recommend going through the [Losant Walkthrough](https://docs.losant.com/getting-started/walkthrough/). It gives a great example of reporting state and displaying data on a dashboard.

---

<div class="post-metadata">

**Author:** ![Michael\_Papageorge](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/michael_papageorge/32/3273_2.png) [@Michael\_Papageorge](https://forums.losant.com/u/Michael_Papageorge)\
**Post date:** [September 21, 2020, 1:17pm UTC](https://forums.losant.com/t/webhook-payload-to-dashboard/3271/5 "2020-09-21T13:17:29Z")

</div>

Thanks a lot fox.  
I followed your steps and it now works nicely.