How to add Low in Stock Counter to PageFly Product Pages

Certainly! Here’s a refined version of the help article with a clear introduction and improved steps:


How to Add the Low in Stock Counter to PageFly Product Pages

To enhance your PageFly product pages with our Low in Stock Counter, follow these simple steps:

Access PageFly:
- Navigate to your Shopify store admin, and open the PageFly app from the Apps section.

Select the Product Page Template:
- Choose the product page template where you’d like to add the Low in Stock Counter.

Add an HTML/Liquid Element:
- In the product page template editor, click the Plus (+) sign in the left toolbar:



- Select the HTML/Liquid option:



Position the Element:
- Drag the HTML/Liquid element to the desired location on your page:



- For example:



Open the Code Editor:
- Click on the "Open Code Editor" button on the right:



Insert the Code Snippet:
- Copy and paste the following code snippet into the code editor:

<div>
       <input name="add" lis-atc-override="true" style="display: none;" lis-override="true">
       <input name="add" lis-atc-override="true" style="display: none;" lis-override="true">
     </div>

Save Your Changes:
- Click Save & Close at the top of the page, then click Save & Publish:



Apply to Additional Pages:
- Repeat these steps for any other PageFly product pages where you want the Low in Stock Counter to appear. If you have multiple product page templates, complete these steps once and then duplicate the template as needed.

If you have any questions or need further assistance, please don’t hesitate to reach out to our support team via chat or email. We're here to help!

Updated on: 30/07/2024