How to change $0.00 to ‘Price on Application’ (POA) on Squarespace 7.1
If you run a service-based business or sell bespoke products on Squarespace 7.1, you might not want to display a price of $0.00 when pricing hasn’t been set. Showing "$0.00" can look unprofessional or confusing to potential customers. A better solution is to replace it with the phrase “Price on Application” (POA).
In this tutorial, we’ll show you how to use custom CSS to change the default $0.00 display to something more customer-friendly — without affecting your entire pricing structure.
Table of Contents
Why Replace $0.00 with POA?
Avoid misleading customers with "$0.00"
Display intentionality and professionalism
Encourage customer inquiries for custom pricing
Maintain a clean, premium appearance on product listings
Also see our blog How to hide add to cart button in Squarespace 7.1 and How to hide price on product pages in Squarespace 7.1.
Complexity: Easy
Step-by-Step Instructions
Step 1
Set the identified products’ prices to 0.00. Then, simply add the following JavaScript below to Settings > Advanced > Code Injection > Footer and then save your changes.
<!--- Change 0.00 prices to Price on Application (POA) on Squarespace 7.1 --->
<!--- Copyright Primitius Consultancy [https://primitusconsultancy.co.uk] --->
<script>
(function() {
window.addEventListener('DOMContentLoaded', pcPOAList);
function pcPOAList() {
let pcAddToCart = document.querySelectorAll('.sqs-add-to-cart-button-wrapper');
let pcProductQuantity = document.querySelectorAll('.product-quantity-input');
let pcNumProducts = document.querySelectorAll('.product-price'), i;
for (i=0; i<pcNumProducts.length; i++) {
let pcPriceProduct = pcNumProducts[i];
if (pcPriceProduct.innerText.replace(/[^\d]+/g , "") === '0.00') {
pcPriceProduct.textContent = 'POA'; // You can change POA to any text to suit your description
pcAddToCart[i].style.display = "none";
pcProductQuantity[i].style.display = "none";
}
}
}
}());
</script>
<!--- End Change 0.00 prices to Price on Application (POA) on Squarespace 7.1 --->
Step 2
When the page has refreshed, you should see the price has been changed to ‘POA’ and but the quanity and add to cart button removed.
Key Takeaways
Replacing "$0.00" with “POA” helps avoid confusion and improves site aesthetics.
This can be done using custom CSS by targeting the price container.
Always test your changes on desktop and mobile views to ensure responsiveness.
For large-scale customisation, use JavaScript as a fallback option.
FAQs
Will this change all prices to "POA"?
No — only those that display "$0.00".
What if the CSS doesn't work on my template?
Some Squarespace versions may require a JavaScript solution. Let me know, and I can provide that too.
Can I change the POA text to something else?
Yes! Simply update the content: "Price on Application"; line in the CSS to your desired phrase.
Conclusion
Displaying "Price on Application" instead of "$0.00" is a small but impactful tweak for any Squarespace 7.1 store owner. It keeps your pricing intentional, professional, and aligned with custom or high-ticket offerings. With just a few lines of CSS, your storefront can look cleaner and more inviting — all while guiding customers toward contacting you for more details.
If you have any questions or need any help with your Squarespace website design, you can book a 1:1 consultation.
All work in this guide is provided ‘as-is’. Other than as provided this guide makes no other warranties, expressed or implied, and hereby disclaims all implied warranties, including any warranty of fitness for a particular purpose.
If you require professional advice, you can book our consultation services.
