Search by

Integrating Shopify with BrowserStack

Install BrowserStack’s Shopify plugin to take responsive cross-browser and cross-device screenshots in less than 30 seconds

Introduction

BrowserStack’s Shopify plugin helps you take cross-browser and cross-device screenshots in less than 30 seconds. You can find UI bugs in your Shopify product and pages.

Installing the Shopify app

Step 1: Visit the integrations page on BrowserStack. Select the CMS category from the categories section. Here is the direct link.

shopify-1

Step 2: Click on the Shopify section. You’d see a modal with a text box where you can provide your store’s address on Shopify.

shopify-2

Step 3: Provide your shopify store address and click on the “Install the Plugin” link present at the bottom of the modal.

shopify-3

Step 4: You’d see the OAuth page. Click on Install button for installing the Shopify app.

shopify-4

Taking screenshots from Shopify

When the BrowserStack app is installed you could find the links of taking screenshots on your product or page detail screen.

Product Details Screen:

shopify-5

Page Detail Screen:

shopify-6

If you are already logged into BrowserStack, you will get your screenshots across ten different responsive desktop and mobile combinations.

shopify-7

Debugging an Issue

If you find an issue in any particular browser and OS combination, then you can start the Live session by clicking on the Live button.

shopify-8