Due to upcoming Shopify platform updates, Countdown Sales Timer will be delisted from the app store on December 1, 2021. If you currently have the app installed, it can still be used for no charge between December 1 and December 30, 2021, at which point the app will cease to function. We recommend uninstalling the app by December 30, 2021.
Countdown Sales Timer comes with a number of options for customizing the placement of your timers. You'll find these under Options>Position in the Appearance section of the timer editor.
The first three options should work well for most themes and stores (more on how to use them here) however we've added a fourth option—Custom placement—for stores that need more flexibility when it comes to the positioning of their timers within a page. If you're simply looking to target your timer to a specific page, you can do so using the Target page option under Options at the bottom of the timer editor.
Please note that while this feature is accessible to everyone, we highly recommend having some familiarity with HTML and Liquid (Shopify's templating language—learn more about it here) before embarking on a custom placement adventure.
How to custom place your timer
Step 1: Select the last option (Custom placement) under the Options>Position setting in the app, and save the change.
Step 2: Navigate to Online Store>Themes.
Step 3: Click the Actions dropdown button (it's next to the purple Customize theme button) and select Edit Code.
Step 4: Within the code editor sidebar, find the template/section where you would like your timer to appear and copy and paste the following snippet into place:
<div id="pxu_cst"></div>
Step 5: Click "Save"
Note: While you can create as many timers as you want using the regular positioning options—if you have a paid plan, that is—we highly recommend publishing only one custom placed timer at a time.
Also be aware that each theme's templates and sections are coded differently, there is no definite and widely-applicable answer for where to place the above snippet. In general, the higher up you paste it in the code, the higher up it will appear on the page.
If you're looking for more information on editing your theme's files, Shopify has some helpful articles available. Their overview of Liquid will help to get you familiar with their code language, and this guide on using snippets in your theme is especially handy for custom placement.
If you're really stumped on where to paste the code to achieve the placement you're looking for, our friendly support team is always happy to help. Get in touch!