Channel Dashboard / Webhooks

Webhooks Tab

Webhooks Tab

Webhooks Tab

Webhooks Tab

Webhooks Tab

Webhooks Tab

Stay in sync with your merchants' merchandising using our new Webhook Events for Collections.

Stay in sync with your merchants' merchandising using our new Webhook Events for Collections.

Stay in sync with your merchants' merchandising using our new Webhook Events for Collections.

Stay in sync with your merchants' merchandising using our new Webhook Events for Collections.

Stay in sync with your merchants' merchandising using our new Webhook Events for Collections.

Stay in sync with your merchants' merchandising using our new Webhook Events for Collections.

Scope

Provide access and organization of millions of Webhooks via the Dashboard.

Problem

Previously, users couldn't manage or navigate millions of Webhooks efficiently, making debugging challenging and time-consuming.

Solution

Grouped Webhooks by date and provided three secondary views (All, Success, Failed) to help users pinpoint specific endpoints efficiently.

Overview

Overview

Through the use of webhooks your application can subscribe to events that occur within Violet. Webhooks are an efficient alternative to continuously polling for anticipated events or changes to data.

As an example, a webhook can notify your app when on orders status has changed or a merchant has connected to your app. By being made aware of these events, often in real-time, your app can instantly react to updates and perform any necessary actions.

Violet publishes the following Webhook events that your service can subscribe to for real-time updates:- Orders- Merchants- Offers- Collections - Syncs

Through the use of webhooks your application can subscribe to events that occur within Violet. Webhooks are an efficient alternative to continuously polling for anticipated events or changes to data.

As an example, a webhook can notify your app when on orders status has changed or a merchant has connected to your app. By being made aware of these events, often in real-time, your app can instantly react to updates and perform any necessary actions.

Violet publishes the following Webhook events that your service can subscribe to for real-time updates:- Orders- Merchants- Offers- Collections - Syncs

Requirements

Requirements

As Violet sent millions of Webhooks, the user needed the ability to easily navigate, track and debug when needed

As Violet sent millions of Webhooks, the user needed the ability to easily navigate, track and debug when needed

Experience

Experience

The Webhooks tab has two sub-tabs. One for Events and one for Endpoints. Here we will dive into detail for the Events sub-tab.

The screen has a primary table paired with a side pane to provide additional information. The user can view Webhooks Events in three views: All, Success and Failed. This organization tool enables the user to focus on particular statues when reviewing or debugging. 

The Webhooks tab has two sub-tabs. One for Events and one for Endpoints. Here we will dive into detail for the Events sub-tab.

The screen has a primary table paired with a side pane to provide additional information. The user can view Webhooks Events in three views: All, Success and Failed. This organization tool enables the user to focus on particular statues when reviewing or debugging. 

A filter with four options is also available to the user. The user can filter by: Event Type, Webhook ID, URL, and Date. These filters can be applied one at a time or in a combination. The applicant filters will remain active when the user navigates through the three views of All, Success and Failed.

Side Pane

The side pane is populated with data from the selected row on the left side. Here the user can view the Webhook ID, URL, status, Event ID, Event Type, Entity ID, Date Created, Last Modified and Attempts. Below are two copiable copies. The top is a request body, and the bottom one is a response body. Each body can be opened and closed by clicking on the toggle icon located next to the headers.

Outcome

The screen successfully handles millions of Webhooks in a user-friendly design, placing priority on filtering options and subsequent views to enhance organization, consumption and ease. 

Return to Channel Project

Channel Dashboard

Overview of the Channel Dashboard and primary tabs.

Return to Channel Project

Channel Dashboard

Overview of the Channel Dashboard and primary tabs.

Side Pane

The side pane is populated with data from the selected row on the left side. Here the user can view the Webhook ID, URL, status, Event ID, Event Type, Entity ID, Date Created, Last Modified and Attempts. Below are two copiable copies. The top is a request body, and the bottom one is a response body. Each body can be opened and closed by clicking on the toggle icon located next to the headers.