Installing the 'View on Amazon' Button using App block (Online Store 2.0)

Shopify's Online Store 2.0 architecture makes it easy to integrate Spreadr's redirect buttons natively on your product pages using drag-and-drop App Blocks.

Installation Steps

1. Log in to your Shopify Admin and navigate to Sales channelsOnline Store. Then, click Edit theme next to your active theme.

ChatGPT Image Jul 29, 2026, 01_52_47 AM.png

2. Select the Products > Default product template from the top dropdown selection menu.

qwd.PNG

3. In the left-hand sidebar under the Product Information section, click Add Block. Select Spreadr App from the apps category list.

spreadrwee.PNG

4. Drag and drop the Spreadr block to your preferred layout position. We recommend placing it directly underneath your store's default Buy Buttons block.

4530021e-a671-4aa0-b204-a9de7adbeb6d.png

5. Customize the button styling in the block parameters panel:

Inline Styles: Apply inline rules such as margin-bottom: 10px; for spacing control.

c663b26c-3d3e-454c-8233-98f7d2b824ed.png

6. Click Save in the top-right corner to commit the template change.

Need Help? If you encounter display issues or need help styling buttons, click Submit a Support Ticket. Our engineers will perform the setup for you.