Display Buy with Prime UI Elements on Your Site

📘

Buy with Prime API is now available for early access

Sign up for early access to the Buy with Prime API using the 'Sign Up' button below. The API may change as Amazon receives feedback and iterates on it.

If you integrate Login with Amazon (LWA) with your site, you can use the Buy with Prime UI library to render Buy with Prime UI elements instead of creating your own UI elements. For details, see Buy with Prime UI Library Reference.

The Buy with Prime UI library offers ready-to-use custom web components in two main modules: the delivery card and the Prime benefit card. You incorporate the library into your web application and populate the components with information that you get when you Integrate with Buy with Prime.

To learn how to use the UI library, see Steps to Use the UI Library. For an example of a shopper journey through a site that uses the UI library, see Experience the Shopper Journey with the Buy with Prime UI Library.

How to get the UI library

Ask your Buy with Prime solutions architect for the Buy with Prime UI library. The library is a pre-built, single-file bundle. The bundle is a standard JavaScript module with no dependencies.

After you receive the pni-web-components.js (for HTML frameworks) or pni-react-components.js file (for React frameworks), put it in your project directory. Ideally, choose a folder that's designated for third-party libraries, such as a ./lib or ./vendor folder.

Related topics