I’ll bet you love doing lots of work for a small payoff. Next time you make spaghetti, try this artisan approach: boil each noodle separately over an outdoor fire, sing to the tomatoes as you slice them, and personally interview every cow before its beef can be part of your meatballs. When your family sits down for a 10-minute devour-and-run dinner, know that your 14 hour prep was time well spent.

At Clear, we fully support your devotion to your craft. But you won’t be surprised to discover that nobody in the business world likes this approach. (It’s like they don’t even care that you grow your own papyrus to hand-craft expense reports!) Businesses want to move at the speed of now: removing steps from processes, simplifying workflows, and making their workforce as effective as possible.

Enter ClearUI.

ClearUI lets you glue multiple complex systems together into one beautiful UI. Put Salesforce data right next to SAP data, save it to Oracle EBS, and export it to Excel in the same place. Stop flipping between browser tabs and legacy application screens. Keep your work in one mental context and flow through to completion.

ClearUI’s power comes from the platform’s ability to integrate multiple types of APIs seamlessly. If you use one application to create orders, another one to maintain that customer’s info, and a third to generate shipping labels – just stop. Use ClearUI and do it all in one place.

Let me show you an example of this power. I’ll take ClearUI’s simplified sales order screen (running against SAP) and quickly integrate the process with the EasyPost cloud API to generate shipping labels for new orders. This is no made-up Photoshop job – we’ll create a real SAP sales order and generate an actual printable shipping label.

If you like, check out the integration in action before reading further:

https://youtu.be/s5eta6OHWWo

Plug in to EasyPost.

It was easy to integrate EasyPost’s API into ClearUI: it’s well-documented and allows for a developer trial edition. Perfect! I just added an EasyPost entry to ClearUI’s system configuration (and X’d out my developer key so no copying):

Next, I added a small entry in the Clear API setup to ensure that we can reference this API in other configuration:

To complete the API setup, I configured a Clear Query to include calling the EasyPost API. The cool thing about this is that I chained this Query to another query – so that I can retrieve all the data necessary to make this API call from a previous call. Note the Parent field specifying that I’m pulling sales order data from an SAP API.

There’s a pre-processing field if you need to perform some further logic before moving on to the actual API call on the backend, but since I was able to use the parent query to gather the fields I needed I didn’t need to do any configuration there.

And that’s it! I can now call EasyPost APIs from ClearUI’s configuration.

You should note: I had to do a small bit of work adding the EasyPost API to ClearUI’s backend system. Thanks to the simplicity of EasyPost’s documentation and design, this was a trivial task. The real big win from this is that once an API is integrated into ClearUI, it’s available to work with any customer’s system. Since ClearUI is cloud-based, we can perform the integration one time and it’s done for everyone.

On Screen.

Once the API is integrated, we can hook it up to the screen elements quickly. I’m going to add two fields to the ClearUI sales order screen: a link to print off the shipping label, and a field to note the tracking number of the generated shipment. Here’s the ClearUI screen without those fields:

And here’s the screen with those fields added:

Configuring them is pretty quick. ClearUI configures components by page, so I simply went to the Sales Orders page, found the location where I wanted to insert the two fields, and put them into the hierarchy. They get a “Col” (Column) container to line up nicely with the other things.

The EasyPost API returns a link that directs the user to a printable label, so I made the Print Label field an external link, and made it so that the link would point wherever the API returned. The “Props” are editable JSON that lets you nest various configurations in a flexible way.

EasyPost also returns a tracking number, so I set up a plain text field to hold that:

And that’s it! We’re ready to go with ClearUI creating a sales order in SAP and creating a shipping label through EasyPost all in one shot.

Got API?

ClearUI can bring all your different, API-enabled systems together in one beautiful place.

Contact us to find out more at https://clearsoftware.com.