Installing Amazon Button using App Block (Shopify Online Store 2.0 Themes)

Shopify Online Store 2.0 allows you to easily place the Amazon Button on your product pages using app blocks without needing to modify your theme's liquid code directly in this article, we'll walk you through the steps to integrate the Amazon Button into your 2.0 store.

Setup Steps

1. Open your Shopify admin panel.
2. Navigate to Online Store > Themes and click the Customize button on your active theme.
   

3. Use the top dropdown menu to select a Product template (e.g., Default product).

4. In the left sidebar layout, click Add Block and select the Connectr App block listed under the Apps section.

5. Drag and drop the block to the exact location you want to display the button.

• Recommendation: We recommend placing it directly between the Buy Buttons and the Description.
  
  

6. Customize the styling directly via the app block options sidebar:

• Class: Add any class names that you want to apply to the button.
  
  • Example: product-form__submit button button--full-width
• Style: Add custom CSS rules to adjust layout.
  
  • Example: margin: 10px 0px;
    

7.Hit the Save button in the top right corner.

🛠️ Encountering Layout Issues? If you face any issues with the button appearance or setup, simply open a request by emailing [email protected] and our support team will handle it.