Jump to content

How can I change $0.00 for a free product to 'Free'

Go to solution Solved by paul2009,

Recommended Posts

Hi everyone,

I am looking for a way to get some digital products in my store to be 'Free' instead of viewing $0.00. The word free is very powerful in ecommerce, so I'm a little taken aback as to why you would ever want to display '0.00' for an item, other than the obvious fact of it's more to code.

Would it be best to use a Javascript code-injection which changes all instances of $0 set in price to the string 'Free'?

Link to comment
  • Solution
On 12/29/2020 at 1:45 PM, TheWIldHaggis said:

I am looking for a way to get some digital products in my store to be 'Free' instead of viewing $0.00.

I provided a guide for changing 0.00 to a word here:

https://sf.digital/squarespace-solutions/how-can-i-make-some-prices-poa-on-squarespace-71

As explained in the guide, this has been designed for products that do not have variants.

Edited by paul2009
edited for clarity

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment
  • 9 months later...
2 hours ago, JonJonJon said:

Do you know if there's an alternative way to get this to work for the summary blocks?

I can take a look. Can you provide a working link to the page where you want to do this?

Edited by paul2009

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment
  • 2 weeks later...

@JonJonJon You can fix temporarily by adding this to Design > Custom CSS

div#block-yui_3_17_2_1_1622550702609_3301 a.summary-title-link:after {
    content: "Free";
    display: block;
    margin-top: 5px;
    pointer-events: none;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 5 months later...
On 12/21/2020 at 7:51 PM, tuanphan said:

You can add tag: no-price for these products, then share url again. We will give the code to remove price.

Hi @tuanphan I have this same wondering. I have a summary block of items but I'd like the items with the tag "free" to hide/replace the "$0.00" with the word "FREEBIE!". I've figure out how to do this on the actual product page but not for the summary block itself. The page is www.theenrichededucator.com/resources

Link to comment
On 4/22/2022 at 9:35 AM, EnrichedEducator said:

Hi @tuanphan I have this same wondering. I have a summary block of items but I'd like the items with the tag "free" to hide/replace the "$0.00" with the word "FREEBIE!". I've figure out how to do this on the actual product page but not for the summary block itself. The page is www.theenrichededucator.com/resources

Hi,

I see you figured it out buy using Freebie tag?

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
10 hours ago, tuanphan said:

Hi,

I see you figured it out buy using Freebie tag?

 

Yup! With a little perseverance and trial and error, I think I found out a solution that would look good on most devices (perhaps not landscape mobile or portrait tablets).  I add the tags as meta data to the summary blocks and used a bit of code to make the "free" tags say "FREEBIE!" and then played around with the margins to cover the $0.00 price

Link to comment
  • 8 months later...
23 hours ago, rmj1981 said:

why when I put this code into the footer does it only work when I refresh the page?

I'm thinking the curse of Ajax Loading strikes again! Try, temporarily, turning off Ajax Loading to see if the problem goes away.

Please note that turning off Ajax Loading will affect the performance of your site. Ajax Loading is designed to increase the loading speed of your site after it first loads.

If the problem goes away then it is likely the code has not been written to be Ajax compatible. It would need to be rewritten to be Ajax compatible, assuming it is even possible.

You have to decide whether the custom code you are trying to use is worth turning off Ajax Loading. Or, it is worth trying to get an Ajax compatible version of the code.

paul2009 has a great article on the ins and outs of Ajax Loading. Please see Why does Squarespace code only work on refresh?

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
1 hour ago, 26mlembeck said:

Does anybody know how to keep it saying "Free" even after a size (For clothing) is selected? It will say "Free," but after somebody clicks a size option it will go back to "$0.00"

I wrote that solution for sites that need to hide some prices by showing them as POA (Price on application). It can be used to show "Free" instead, but only if products don't have variants. This is because POA products never have variants (it would be pointless to have variants if the product could not be purchased online 🙂) and so this code doesn't take variants into account. 

Squarespace's own code changes the price whenever you interact with variant options so, if you are using variants, you'll need a developer to write some code that responds to these updates and reformats the price each time it has been updated. 

Did this help? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment
5 hours ago, paul2009 said:

Squarespace's own code changes the price whenever you interact with variant options so, if you are using variants, you'll need a developer to write some code that responds to these updates and reformats the price each time it has been updated. 

@26mlembeck

If you need such code, please see the following.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 7 months later...
On 12/30/2020 at 9:09 PM, paul2009 said:

I provided a guide for changing 0.00 to a word here:

https://sf.digital/squarespace-solutions/how-can-i-make-some-prices-poa-on-squarespace-71

As explained in the guide, this has been designed for products that do not have variants.

As an FYI Paul I used your latest 7.1 version of this this code and found it caused a huge error with my site's editing capabilities. I was unable to publish / save draft on any new blog posts unless I disabled scripts. 

Alanah Purtell
web des / fastbrain
thefastbrain.com

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.