Another feature of our themes is the option to enable an "Agree to Terms" option in your cart page.
To enable the Agree to terms option:
Newer theme versions (with Sections):
Sales Channels > Online Store > Themes > Customize > Click the Cart icon in your shop preview > Cart page
Older theme versions (pre-Sections):
Sales Channels > Online Store > Themes > Customize > Cart
Click the box next to "Include "Agree to Terms" Checkbox" to enable this feature.
Click save and now the option will come up in your cart. If a customer tries to checkout, they'll receive an error.
If you are looking to change the text that comes up in the cart from "I Agree with the Terms & Conditions", you can do so by first going to Online Store > Themes > Actions > Edit Language. From here, click on the Cart tab and scroll down a bit to find the "Agree to terms html" and "Agree to terms warning" fields.
In these fields, you can change the text from "Terms & Conditions" to "Terms of Service" or "Refund policy". Any wording that you prefer, you can change it here.
If you'd like to make a link to your terms of service in this text, here's how you'll do it (if you already have a page with your TOS, you can skip to step 2):
1. You'll want to create a page under Online Store > Pages and create a page. You can call it whatever you like, in my example, I've called it "Terms & Conditions". You'll want to make note of the page handle, we'll be using this for the link later.
2. Once you've made that page, go back to the translation area (Online Store > Themes > Actions > Edit Language > Cart). Under the "Agree to terms html" field, we're going to add a link around the "Terms & Conditions" text by replacing it with the following HTML:
<a href="/pages/terms-conditions" target="_blank">Terms & Conditions</a>
3. You'll want to replace the "terms-conditons" text with your page's handle so the link works properly. For example, if your handle is "terms-of-service", the code will look like this:
<a href="/pages/terms-of-service" target="_blank">Terms & Conditions</a>
Once you've done that, your translation field should look like the following:
4. Now when you go to the cart page, the "Terms & Conditions" text will be a link to your terms page. The page will open in a new window when your customer clicks on it. They can read your terms while still having their cart open in another tab for when they are ready to checkout.
That's it! Now you are ready to tackle the agree to terms!
If you'd like to learn how to make your "agree to terms and conditions" text a link to a page with your full policy, click here.