The instructions for configuring the Store Banner widget differ slightly whether your online store use an OS 2.0 Shopify theme or a Legacy Shopify theme.
OS 2.0 Theme
- Select the theme you to which you would like to add the Store Banner.
- Visit the theme editor. Make sure you’re editing the “Home page”
- In the left column, at the bottom of the list, click on Add section.
- Under “Apps” select Store Banner.
- Move the block to the desired portion of the theme template.
- Click Save.
Legacy Theme
- Select the theme you to which you would like to add the Store Banner.
- Go to the Code Editor.
- Navigate to homepage template (i.e. index.liquid).
- Copy code snippet
<script>window.accrueShopifyUniversalStoreBannerConfig = { shopId: '{{ shop.id }}' };</script>
<div id="accrueUniversalStoreBanner"></div>
<script src="https://shopify-widgets-development.accruesavings.com/universal-store-banner/loader.js" async></script> - Paste snippet at bottom of code string
- Click "Save"