How to add text above the add to cart

Is there a way I can add text above the add to cart button or above the price

Like “Free Shipping on all orders”

Right now I have it as a screenshot that I put in the product description but it looks odd.

my website is pupflux.com

Thanks, Ian

1 Like

Hi @IanDang ,

I am not familiar with Debutify theme but see if you have an option to add a block in your product page when you are customizing the theme

There isn’t unless I pay. I know you can do this in other free themes but the other free themes aren’t as customisable. Probably have to do code for it

Thanks for replying though

shopping_cart Add to Cart

change it last span section in your code “Add to Cart” replace with “Free Shipping on all orders”.

if any problem contact me

Sorry I didn’t mean to replace the words but to put text above it. or above the price

Thank you for trying.

Hi @IanDang ,

This is PageFly - Free Landing Page Builder.

To add text above the Add To Cart button or above the Product Price, you can try and follow my instructions as below:

  • Step1: Online store > Themes > Edit code > search for product-template.liquid in snippet
  • Step2: Search for ProductPrice to add text below price or product-single__add-to-cart to add text below add to cart button

Hope it helps! Good luck and have a nice day!
Cheers!

PageFly

1 Like

Hey @IanDang ,

sure, you can. However, you will need to code it.

You will need to go to Shopify admin → Themes → Edit code. Then, search for a relevant product file. Not sure how the file is named for your theme, but as @PageFly-Victor suggests I would look for something like product-template.liquid.

Then, I recommend adding the “Free Shipping on all orders” above the price. It’s gonna be easier (above the Add to cart button, you’d need to add it in the addtocart form).

I suggest adding a new tag, so it should look like this:

Free Shipping

You might need to use some custom or theme’s classes so that the span fits well in the overall layout. And remember that this information will show on all product pages unless you use some conditions.

Hope this helps!

1 Like

Hi @IanDang ,

Thanks for your question!

I completely understand why you want to have a text instead of a screenshot. Depending on the device, the screenshot may look disproportional.

We are not trained to support any code changes, but I’d love to share some resources that I think you might find helpful. This Community thread has many ideas you can test on your website.

Also, I think this logic to achieve the same result is fascinating. It also gives you room to adjust the text for every product. You can find a full tutorial on this link, and it’s also a video, so you can follow it step by step. Keep in mind that this is not a Shopify official tutorial, so the content may not always be up to date.

If you don’t feel comfortable editing the template code yourself, you can always reach out to our Support team.

Our team may be able to customize this for you if you use Shopify free theme and your store has enough complimentary design time left.

You can reach out to our Contact Us page on this link. Then log in to your store. It will allow us to verify you as the store owner securely. Once you have successfully logged in, you should be able to reach out to a Support Advisor and discuss the customization request, as there are specific customizations supported.

Otherwise, if you are using a paid third-party theme, feel free to contact the theme developer to see if they can complete this customization for you. Also, you can post a job on the Shopify Experts Page and see what feedback and quotes you get.