Configuring the PDP widget

The instructions for configuring the PDP widget differ slightly whether your online store use an OS 2.0 Shopify theme or a Legacy Shopify theme. 

OS 2.0 Theme

1. Select the theme to which you would like to add the PDP widget.
   
   
   
   
2. Visit the theme editor. Make sure you’re editing the “Default product.”
   
   
3. In the left column, at the bottom of the “Product information section” click on Add Block and select PDP widget.
   
   
   
   
4. Move the block to the desired portion of the theme template.
   
   
   
5. Click Save.

Legacy Theme

1. Select the theme to which you would like to add the PDP widget.
   
   
   
   
2. Locate product page template (i.e. product-template.liquid) 
   
   
3. Copy Code Snippet

   <script>window.accrueShopifyProductPageStartSavingConfig = { shopId: '{{ shop.id }}', productId: '{{ product.id }}' };</script>
   <div id="accrueProductPageStartSaving"></div>
   <script src="https://shopify-widgets-development.accruesavings.com/product-page-start-saving/loader.js" async></script>

4. Paste snippet immediately beneath product form
   
   
   
   
5. Click Save