1. Use a Shopify App:
Several apps can integrate this feature without manual coding:
• TnC: Terms and Conditions Box: Adds a checkbox to the cart page, requiring customers to agree before proceeding to checkout. (Shopify Apps)
• RT: Terms and Conditions Box: Offers a customizable checkbox on the cart page, ensuring customers acknowledge your terms. (Shopify Apps)
• R Terms and Condition Checkbox: Provides a checkbox for customers to accept terms before checkout. (Shopify Apps)
2. Manually Add the Checkbox:
If you prefer a code-based approach, you can manually add the checkbox by editing your theme’s code. This method requires familiarity with HTML, CSS, JavaScript, and Liquid. Detailed instructions are available in the Shopify Community forums. (Shopify Community)
Note: Modifying the checkout page directly is restricted on standard Shopify plans due to security and compliance reasons. Such customizations are only available on Shopify Plus plans. (Shopify Community)
For most users, installing a dedicated app is the simplest and most effective solution.
Steps to Customize the Checkbox for Specific Products, such as bookable experiences:
Edit Your Theme Code:
Go to Online Store > Themes, then click on Actions > Edit code.
Locate the Cart Template:
Open the cart.liquid file, which is typically found in the Sections or Templates folder, depending on your theme.
Add JavaScript Logic for Conditional Display:
Insert a condition within the code to check the tags or categories of the products in the cart before showing the checkbox.
Example Code:
Here’s a sample code snippet to get you started:
{% for item in cart.items %}
{% if item.product.tags contains "YourTagHere" or item.product.type == "YourCategoryHere" %}
<div id="terms-checkbox">
<input type="checkbox" id="terms" name="terms" required>
<label for="terms">I agree to the Terms and Conditions</label>
</div>
<script>
document.querySelector('form').onsubmit = function(e) {
if (!document.getElementById('terms').checked) {
alert("Please agree to the Terms and Conditions.");
e.preventDefault();
}
};
</script>
{% break %}
{% endif %}
{% endfor %}Save and Test:
Save the changes and test by adding products with and without the specified tags/categories to your cart.
This setup will show the “Terms and Conditions” checkbox only when products in the cart match the specified tag or category.