Install App Builder apps from Adobe Exchange

Learn how to find, install, and validate Adobe Commerce App Builder apps using Adobe Exchange. You are guided through filtering for relevant apps, acquiring and approving them, setting up deployment environments, and verifying successful installation—all using a real-world example with the Feed Generator app. Whether you’re new to App Builder or looking to streamline your workflow, this tutorial provides a practical, step-by-step overview to get you started.

Who is this video for?

  • Adobe Commerce Developers
  • Technical Architects
  • System Administrators

Video content

Transcript

Hi, this is Russell with Adobe Commerce. Today’s session is about Adobe Exchange and App Builder apps. You’ll learn how to find, install, and then a quick validation that things are ready for use. First, let’s head over to Exchange.Adobe.com. And if you happen to have multiple organizations assigned to you, make sure you’re logged in the right one. It’s found on the top right. If not, sign out, sign back in. This demo is going to be for Adobe Commerce, and it’s found under Experience Cloud, so you might need to look in another area if this is a different Adobe product. There are a few ways to get there, and I’m going to use the top link for Experience Cloud.

Using the filters, we can check the box for Commerce, and under the app type, we can check App Builder.

With this filtered list, it’s easy to see there are several apps available, and I want to choose one that I know is easy to install and validate that it’s ready for use. We’re going to click on the button to see the app details. The top right, it’ll show the cost, however this app is free. But when you click on that button, you can see some required products to use this app. Since we know we have App Builder access, and that’s the only one listed, we’re good to go, so we can proceed with Yes Continue.

Now that we’ve acquired the app, due to permissions, you’ll likely need someone to approve it. And you’ll be notified by email once it is. For now, click on the button Manage Your App to inspect the current status for this app.

I have advanced permissions, so I’ll likely have some functionality that you don’t. You’ll view slightly different from this one. For example, I have the ability to authorize and revoke apps.

Let’s go through the process of approving an app.

Clicking Review, it allows the approver the opportunity to learn a little bit more about this app, as well as offer a note, and then either reject or approve it. I’ll click Approve.

Now, in that list of App Builder apps, all three of them will have a status of Approved.

For each approved app, on the right, there’s a Revoke button, and that would be for any app that you no longer need.

By clicking on the name, you’re taken to the Administration page for this Feed Generator App Builder app. It exposes some additional information and options. And we need to add an environment so it can be deployed. There are a few naming requirements. For example, if I try to add a space, it’ll cause an error because it’s only expecting alphanumeric characters. And it needs to be between 3 and 10 characters long, otherwise that will cause an error. So, we’ll adjust accordingly and save the environment.

Now, by clicking on this Environment card, it’ll show some additional details. And this is a simple app with no extra configuration options. Our goal at this point would just be to double check things, and then whenever we’re ready, we could deploy it. So, let me create a new environment and we can go through the deploy process and a quick way to validate that it worked. I created a new environment and it’s called Stage, and we’ll deploy this one. Once the process starts, it’s okay to close that modal. I’ve sped this up for this demo because it does take a few minutes. Once it’s complete, the deploy button will change to Undeploy. And then under Environment Details, we’ll have some new links. And one appears to be a user-friendly webpage. And then I also see some API endpoints. These are pretty good indicators that the app was deployed successfully. We could try to load this HTML page and look, it’s working. That’s a quick test, but it does give us a little bit more confidence that we’re ready to use this new App Builder app. However, keep in mind not all apps will have a landing page like this, so you might have to configure it or try out a provided API or whatever it is that the app is doing.

Well, that’s it for this session on finding, acquiring, installing, and validating an App Builder app. I hope this was helpful and you continue to use Experience League to learn more about Adobe Commerce as well as all of the other Adobe products.

recommendation-more-help
3a5f7e19-f383-4af8-8983-d01154c1402f