How to Edit the WooCommerce Terms & Conditions Checkbox Text

>How to Edit the WooCommerce Terms & Conditions Checkbox Text
  • edit

Until recently, adding a terms and conditions checkbox in your WooCommerce checkout page was very easy, but changing its text was not because you needed to add some custom coding.

Now, thanks (at least for this) to the GDPR law, WooCommerce has made it easier to edit the terms and conditions checkbox text. You don’t need to add coding anymore!

StudioPress Theme of the Month

Let’s see how it’s done.

Edit WooCommerce’s terms and conditions checkbox text

All you have to do is to:

1. Log into your WordPress Dashboard;

2. Go to Appearance -> Customize.

Yes, WooCommerce added some features there.

3. Select WooCommerce -> Checkout.

woocommerce checkout tools

4. Edit the Terms and conditions text, which is found at the very bottom.

edit woocommerce terms and conditions checkbox text

Make sure the proper terms and conditions page is selected as well!

5. Click the Publish button!

That’s it!

Now go to your checkout page and see if the terms and conditions text has changed.

If not, try clearing your browser and/or website cache, even though the cart and checkout pages should usually be excluded from any caching plugins by default.

You might want to read:

That’s a wrap

Hope the post was comprehensive enough and helped you to edit the terms and conditions checkbox text in your WooCommerce checkout page.

If you have any questions or thoughts, drop a comment, contact us or message us on Facebook.

You can also follow us on Twitter and subscribe to our YouTube channel.

If you want to start your own WordPress blog, or need a website for your business, our WordPress website services are at your disposal! We also provide WordPress support and maintenance!

You can also purchase a ready-made WordPress website with hosting and support included!

By |2018-10-10T14:47:26+00:00June 8th, 2018|Plugins|10 Comments

10 Comments

  1. Kalpana June 9, 2018 at 3:00 PM - Reply

    Thanks fro sharing, helpful for beginner.

  2. Stoyan September 3, 2018 at 6:07 PM - Reply

    I might be late with this question but I will give it a try?
    How can I edit the “Privacy policy” and “Terms and Conditions” text to make the links which appear as [privacy_policy] & [term] in the text box white in color and are invisible for the buyer? The rest of the text stays black/dark grey….

    • ThemeSkills September 3, 2018 at 6:40 PM - Reply

      This CSS code should work: .woocommerce-terms-and-conditions-wrapper a{color: #000000;}

      The quickest way to add it is via Appearance -> Customize -> Additional CSS. Change #000000 to whatever hex color code you want. You should check your theme’s settings and see what color is used for your links or as the main color of the site. Then use that color code.

      • Stoyan September 4, 2018 at 4:48 PM - Reply

        A big THANK YOU for your quick and easy to follow tip. It saved me loads of time. Congratz on the excellent and free content you provide here plus the insights you add in the answers!
        The code you provided worked as described in the Theme customizer and now “terms and conditions” phrase is in red and visible for buyers. I tried to follow the same example for another line (“Click here to enter your code”) in the checkout page invisible for buyers (since is typed in white over a white-grayish background of a WooCommerce box/container) but it did not work.

        Here is what i added in Appearance -> Customize -> Additional CSS:
        .woocommerce-Click-here-to-enter-your-code-wrapper a{color: #ff0000;}

        Any idea how to proceed?

        Unfortunately my theme`s customiser does not have a setting for link colors but only for color of site title and site tagline.
        How your answers will reach more readers (especially beginners) since although small they can prevent buyers from buying and Google Shooping ads unavailable and Merchant Center Account suspended.

        • Stoyan September 4, 2018 at 5:02 PM - Reply

          The text color i am trying to change on the checkout for of WooCommerce above is part of the Coupon section where the full text says “Have a coupon? Click here to enter your code”

          • ThemeSkills September 4, 2018 at 7:50 PM

            You’re welcome and thanks for your kind words!

            You need to see the correct CSS class in the page’s source code in order to make changes to it.

            That part you mentioned is different on my theme, so most likely the CSS class will differ. Therefore, I’ll need your product’s page in order to check things out and provide the right code.

  3. Radosław Baranowski September 13, 2018 at 1:03 PM - Reply

    Hi, how can I disable the default behovior for the Terms link ? It appears as <a href rel="nofollow"> with correct link, but clicking on the link causes some js to kick in and only reveal a hidden taxt above the checkbox. I would like the link behave like a link, without javascript attached. Hod can I achieve this ?

    • ThemeSkills September 13, 2018 at 3:45 PM - Reply

      Hello!

      This is not a default behavior, and I think it’s caused by your theme or a plugin feature that you might be using. I recommend checking your theme and plugins settings.

  4. Ashot October 14, 2018 at 2:14 AM - Reply

    THANK YOU

    • ThemeSkills October 14, 2018 at 3:32 PM - Reply

      Happy to help! 😀

Leave A Comment