Website Building » Squarespace » Can You Hide Prices on Squarespace?

Can You Hide Prices on Squarespace?

Last updated on December 25, 2022 @ 5:38 pm

If you’re selling products or services on your Squarespace site, you may want to hide the prices of your items until a customer is logged in. This can be useful if you want to offer special pricing to certain customers, or if you want to prevent search engines from indexing your prices.

There are a few ways to hide prices on Squarespace:

    1. Use the built-in price hiding feature

    2. Use CSS to hide prices

    3. Use JavaScript to hide prices

The built-in price hiding feature is the easiest way to hide prices on your Squarespace site. To use this feature, simply go to the settings for your product or service page and check the “Hide prices until customer is logged in” box. This will prevent anyone who is not logged in from seeing the prices of your products or services.

PRO TIP: If you are considering hiding prices on your Squarespace website, be aware that this is not currently possible. The only way to hide prices is by using a third-party app or plugin, which may not be compatible with Squarespace. Additionally, hiding prices could negatively impact your search engine optimization (SEO).

If you want more control over who can see your prices, you can use CSS to hide them. To do this, simply add the following code to your site’s CSS:

product-price {
display: none;
}

This code will hide all product prices on your site. If you only want to hide the prices of certain products, you can add a class name to the CSS selector like this:

product-price.special-price {
display: none;
}

You can also use JavaScript to hide prices on your Squarespace site. To do this, simply add the following code to your site's JavaScript:

$('.product-price').hide(); 
//or
$('.css('display', 'none');
Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.