Using the Shopify component, you can link your Shopify store with your Beezer app and display/sell your products using your app.
To connect your Shopify website with your Beezer app, please follow the steps given below:
Step 1: Sign in to your Shopify store's admin dashboard and click on Apps.
Step 2: Search for the "Headless" app.
Step 3: Install the "Headless" app.
Step 4: Open the Headless app and click Create Storefront.
Step 5: Click on the "Manage" button.
Step 6: You can access the token under "Public access token". Copy this code and paste it into a notepad.
Step 7: In Storefront API permissions, check all the necessary options. These permissions control what your custom storefront can show from your Shopify store.
Step 8: Now lets add the Shopify component to your Beezer Dashboard. Please click on the Build section of your Beezer Dashboard and click on the Pages section.
Step 9: Copy your Shopify domain name and Public Access Token from Step 6 and paste them into the Shopify component content tab in your Beezer Dashboard.
Create a new page by clicking the + sign next to the Pages option.
Step 10: Once you have added or selected the page on which you want to add the Shopify component, click on the + sign next to your page title.
Step 11: Select the Shopify component from the Ecommerce tab and click on Add Shopify Component button to add it to your selected page.
Note: If the Shopify component is locked out, you can upgrade your Beezer subscription plan by clicking on the Upgrade button at the bottom left-hand side of your Beezer Dashboard and selecting the Everything plan.
Step 12: Now copy your Shopify domain name and Storefront API key of your Shopify store (which you stored in a notepad from Step 6) and paste them inside the Shopify component content tab on your Beezer Dashboard.
Step 13: You can set up the Shopify component as per your needs. If you do not want to display "out of stock" products in your Beezer app, you can disable it using the toggle button.
You can also display specific products on your Beezer app by selecting the collection of products from the Shopify component settings.
Step 14: If you are adding custom colors to your shopping cart from the design section of the Shopify component, please ensure that you enable the "Override Design" toggle for all other Shopify pages (if you have added Shopify on multiple pages of your app). This will ensure that your shopping cart colors match the previously added Shopify pages.
Note: You can use a Tab page or Nested page option if you want to display multiple related categories.
Please publish your app once you have made all the changes, so they get reflected on your mobile app successfully.
Note:
“Legacy” Custom Apps (Pre-2026)
If your app was created before 2026, it may still be listed directly in the Shopify admin.
Path: Settings → Apps and sales channels → Develop apps
Location: Click the specific app name, then select the API credentials tab.
Credentials: You will find the API key, API secret key, and Admin API access token (if it has already been revealed).