Flatto
Flatto
JP Contact
How to Set Up

Add a Checkbox to the Checkout Page (Plus Plan Only)

How to add an agreement checkbox to the Shopify checkout page: upgrade to the Plus Plan, create a checkbox, copy its ID, and add the app block in the checkout editor. Shopify Plus only.

To add a checkbox to the checkout page, create the checkbox in the app, copy its ID, and add it as an app block in the Shopify checkout editor. This feature is for Shopify Plus stores on the Plus Plan of our app.

1. Upgrade to the Plus Plan

💡 The Plus Plan is only available for Shopify Plus stores. This is because it uses Checkout UI Extensions, which are only supported on Shopify Plus.

Plan page in the app highlighting the "Change to This Plan" button for the Plus Plan ($7.99 USD/month)

2. Create a checkbox to show on the checkout page

Checkout Settings page in the app showing the "Create checkbox" button

3. Set the checkbox text and display conditions, then click Save

Display text

Create Checkbox screen with fields for the title, Terms of Service checkbox text with a link setting, and the alert message

💡 Click “Configure Multi-Language Settings” to support multiple languages.

Display conditions

  • You can choose when the checkbox should appear.
  • By default, it appears in all cases.

Display conditions section with options for target companies, shipping countries, target products, and purchase amount

4. Copy the Checkbox ID

Checkout Settings list highlighting the copy icon next to the ID of the created checkbox

5. Open the Checkout Settings screen

Shopify admin Settings → Checkout page highlighting the Customize button

6. Select the app block

Checkout editor showing the checkbox-assistant app block selected from "Add block"

7. Paste the Checkbox ID, check the display, and click Save

Checkout editor block settings with the field for pasting the copied Checkbox ID

Checkout preview showing the agreement checkbox displayed at the top of the checkout page

Checkout editor highlighting the Save button at the top right after checking the display

💡 Note: The alert message cannot be previewed in the settings screen. Please test it on your store’s actual checkout page.

Actual checkout page showing the alert "You must agree to the Terms of Service and Privacy Policy." when trying to purchase without checking the box