You can use the Shopify Buy Button JS library to embed customizable Shopify UI components, such as product listings and shopping carts, directly into any website. The library uses the [JS Buy SDK](/docs/storefronts/headless/additional-sdks/js-buy) to connect to a Shopify store, giving you access to its products and collections. ## Requirements - You've created a [development store](/docs/api/development-stores) or have a production store. - You've created [products](/docs/api/storefront/reference/products/product) or [collections](/docs/api/storefront/reference/products/collection) in your store. - You have a website and want to add ecommerce functionality to it. ## Step 1: Generate an access token To generate an access token, you can [generate one in the Shopify admin](/docs/apps/build/authentication-authorization/access-tokens/generate-app-access-tokens-admin). Alternatively, you can create a custom app and use [authorization code grant](/docs/apps/build/authentication-authorization/access-tokens/authorization-code-grant). ## Step 2: Make your products and collections available After you've generated an access token, you need to make products and collections available to your custom app to access them from your app. After the products and collections are available, you can retrieve them using their respective IDs. > Tip: > If you have many products or collections, then you can use [bulk actions](https://help.shopify.com/manual/shopify-admin/productivity-tools/bulk-actions) to make them available in one step. ### Make a product available 1. From your Shopify admin, go to **Products**. 2. From the **Products** page, click the product you want to make available. 3. Next to **SALES CHANNELS AND APPS** click **Manage**. 4. In the **Sales channels and apps** dialog box, select the box next to the name of your custom app. ### Make a collection available 1. From your Shopify admin, go to **Products** and click **Collections**. 2. From the **Collections** page, click the collection you want to make available. 3. Next to **SALES CHANNELS AND APPS** click **Manage**. 4. In the **Sales channels and apps** dialog box, select the box next to the name of your custom app. ## Step 3: Access the Buy Button JS Using the Buy Button JS, you can add the following components to your website: - Product listings and **Buy Now** buttons - Collections of products - A shopping cart <a href="https://shopify.github.io/buy-button-js/" class="marketing-button marketing-button--small">View BuyButton.js on GitHub</a> ## Where to get help This SDK isn't supported by Shopify support, but there are other places where you can get help. ### [Open a GitHub issue](https://github.com/Shopify/buy-button-js/issues) You can open an issue in the GitHub repository. ### [.dev Community](https://community.shopify.dev) Visit our forums to connect with the community and learn more about the Shopify API and App development. ### [Hire a Shopify Partner](https://www.shopify.com/partners/directory) Find a Shopify Partner for hire in our ecosystem of talented development agencies.