Page Comparison

...

1. Open any product page of your store in the Google Chrome browser

2. Press F12 (Cmd+Opt+I for Mac users) to open developer console

3. Click on the search icon at top left corner of developer tools panel

4. Click on the Add to cart button.

5. As result of the previous steps, the HTML button will be highlighted in the elements section of developer console

6. Check the "id" attribute of the element. If for example id="add", then final selector string should be "#add".

7. Type the selector into the corresponding field on the Settings page.

If you see that the "Add to cart" button does not have an "id" attribute, you can add it by yourself. Just follow these steps:

1. Open Themes section on the admin panel of your web store (Online Store → Themes);

2. Find Theme from the list which will be used with our installed app.

3. Click Actions → Edit Code.

4. Find and open product.liquid file under Templates section.

5. Add id="addToCart" attribute for the element, which is used as "Add to cart" button in your theme (you should already have found that element in browser's developer tools with the previous guide).

6. Click to save the modified template.

                                                                                         (click to enlarge)

...