As we continue to work with new and existing partners, we have seen that there is a great opportunity to build self-service tooling to speed up the development process. In addition to our <\/span>API<\/span><\/a> and our pre-built UI (<\/span>Flows<\/span><\/a>), we also provide a <\/span>developer portal<\/span><\/a> to help partner developers get up and running.\u00a0<\/span><\/p>\n I started at Gusto earlier this year. One of my first tasks was to \u201cdogfood\u201d the developer portal and provide feedback given my newbie perspective. It\u2019s a tool that currently supports registering new OAuth applications, fetching API credentials, and creating demo companies, all of which allow partners to make their first API calls. In my exploration, it was clear that there was enormous potential to expand upon the current features and make it a more powerful tool. In fact, some exciting feature work was already underway, and as my first project at Gusto, I was able to contribute to that work.<\/span><\/p>\n <\/p>\n To inform the development of our first self-service features, we turned to our trusted Technical Solutions team. We wanted to learn about partner pain points, and they were the perfect source for first-hand information.<\/span><\/p>\n In talking to them, webhooks came up as a common theme. At the time, setting up and testing webhooks was both tedious and confusing. For partners to test notification payloads, our Technical Solutions team had to manually trigger different notifications for them. Additionally, the team was receiving webhook troubleshooting requests that often had simple fixes. Sometimes, the subscription was simply unverified, or there was a spelling error in the URL, or our notification attempts failed because the endpoint would not return a successful 200 status code. In essence, there was a lack of visibility into the different points of failure.\u00a0<\/span><\/p>\n These challenges with webhooks provided a great opportunity to kick off our self-service vision for the Developer Portal. Setting up the right webhooks tooling would both relieve our Technical Solutions team from inefficient workflows and remove a major point of friction for our partners.<\/span><\/p>\n <\/p>\n Because our partners are building embedded payroll solutions, there is a need for a real-time feedback mechanism between Gusto and partner applications so that they can serve their customers quickly and accurately.<\/span><\/p>\n Let\u2019s use the <\/span>company onboarding process<\/span><\/a> as an example. Before an employer can run its first payroll through a partner, the company needs to be onboarded onto Gusto\u2019s platform. This process involves several steps. Once a company\u2019s onboarding is complete, Gusto will <\/span>underwrite the company<\/span><\/a> as part of our risk-analysis process and approve or reject that company. A company cannot run payroll until it has been approved.<\/span><\/p>\n As you can imagine, this is a time-sensitive process. Our partner applications need to know whether a company has been approved or rejected ASAP so they can alert employers about the proper next steps. In other words, they need real-time updates about the approval status.\u00a0<\/span><\/p>\n So, how does the partner application know when the company has been approved? One option is by <\/span>polling<\/span><\/i> our Company API. The partner application can periodically send a request to our GET <\/span>\/v1\/companies\/:company_id<\/span><\/a> endpoint. Eventually, they will receive a response where the\u00a0 <\/span>company_status<\/span> for their company is either <\/span>Approved <\/span>or <\/span>Rejected<\/span>. This might be fine for a few companies, but this is not a tenable solution at scale.<\/span><\/p>\n This is where webhooks can be powerful. Instead of constantly pinging our API for status updates, the partner application can passively wait until we notify them of an approval. By setting up a webhook subscription with a <\/span>\u201cCompany\u201d subscription type<\/span><\/a>, they can be alerted for any of the available Company events. Now, imagine the time and resource savings for each event in the <\/span>19 subscription types<\/span><\/a> we currently support.\u00a0<\/span><\/p>\n \u00a0<\/span><\/p>\n In the background, Gusto constantly produces events, independent of webhook subscriptions. You can fetch those using our <\/span>\/v1\/events API<\/span><\/a>. If you want your application to be notified about specific event categories (or, <\/span>subscription types<\/span><\/i>), this is where setting up a webhook subscription comes in handy. The events that your subscription receives are a subset of all the events we produce, and you can always update which types your subscription is listening to.<\/span><\/p>\n Historically, the way to set up webhook subscriptions has been through the <\/span>Gusto API<\/span><\/a>. As a developer, you\u2019d have to use cURL or Postman to create, verify, edit, or delete a subscription through our webhooks endpoints. Setting this up can be a little clunky.\u00a0<\/span><\/p>\n As a developer, I had the chance to put myself in the shoes of our partner developers. In my own setup, I experienced first-hand some of the questions that our Technical Solutions team received: How do I know if my subscription is working? Why am I not seeing any events yet? What do the event payloads look like? Is there an easy way to test them? Wait, there\u2019s a verification step? What if I don\u2019t receive an event I was expecting?\u00a0<\/span><\/p>\n It\u2019s a unique opportunity to experience the same challenges as your users. With these direct experiences in mind, we set out to build our newest Developer Portal features.\u00a0<\/span><\/p>\n <\/p>\n A few months ago, we <\/span>launched our Test Notifications<\/span><\/a> feature in the Developer Portal, which is available for Demo applications. Shortly after, we released our <\/span>Webhook Subscription management feature<\/span><\/a> (for both Demo and Production applications). Together, these 2 tabs work in tandem to make managing and testing webhooks with Gusto Embedded intuitive and fast.<\/span><\/p>\n <\/p>\n Now, a partner can choose from a list of <\/span>over 35<\/span><\/i> different notifications to test.\u00a0<\/span><\/p>\n With the Webhook subscriptions tab, developers can easily view all their subscriptions, see their statuses, verify any unverified subscriptions, and quickly edit them to quickly update which subscription types to consume.<\/span><\/p>\n Developers can now also gain further insight into the notifications each subscription receives. Below each subscription, we expose a stream of recent events to that subscription, how many attempts were made, whether any of those attempts were successful, and further details by event. There is also a search feature to filter down events by event type.<\/span><\/p>\n As developers developing for other developers, we have the unique opportunity to experience firsthand pain points in our development process. We look forward to digging deeper into the usage patterns of our partner developers and expanding our \u201cself-service\u201d vision for the Developer Portal.<\/span><\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" A leap towards self-service Our Embedded Payroll partners want to build robust payroll products that are reliable, performant, and accurate….<\/p>\n","protected":false},"author":21,"featured_media":624,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-623","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developer-perspective"],"acf":{"exclude_from_embedded_resources":false,"popularity":0,"essentiality":0},"yoast_head":"\nTurning challenges into opportunities\u00a0<\/i><\/b><\/h2>\n
Why leverage webhooks?<\/i><\/b><\/h2>\n
How do you set webhooks up?<\/i><\/b><\/h2>\n
Webhooks in the Developer Portal<\/i><\/b><\/h2>\n
![\"dev](\"https:\/\/embeddedblog.wpengine.com\/wp-content\/uploads\/2024\/06\/dev-portal-1.png\")
<\/p>\n![\"dev](\"https:\/\/embeddedblog.wpengine.com\/wp-content\/uploads\/2024\/06\/dev-portal-2.png\")
<\/p>\n![\"dev](\"https:\/\/embeddedblog.wpengine.com\/wp-content\/uploads\/2024\/06\/dev-portal-3.png\")
<\/p>\nLooking Forward<\/i><\/b><\/h2>\n