Skip to content
AxleAxle Docs
Framer Component

Terms & Conditions

Add a terms and conditions checkbox to your payment form.

The Terms & Conditions feature adds a checkbox to your form allowing customers to acknowledge and accept your terms before completing payment. This is optional but recommended for any commercial transaction.

Terms & Conditions are only available in Form Mode. When Axle Form is disabled (Direct Checkout), this feature is not shown.

Enabling Terms & Conditions

In the AxleButton properties panel:

  1. Ensure Axle Form is set to Yes
  2. Open the Axle Form group
  3. Find Terms & Conditions section
  4. Toggle Visible to On

When enabled, you'll see additional controls:

  • Label Text — The checkbox label (supports markdown-style link syntax)
  • Link URL — Where the link points (if enabled)
  • Link Enabled — Whether the link is clickable

Configuration

Label Text

The label appears next to the checkbox. It supports a special bracket syntax for embedding a clickable link.

Format: I agree to the [link text]

The text inside [brackets] becomes the link. Everything outside the brackets is plain text.

Examples:

I agree to the [Terms & Conditions]

Renders as: "I agree to the " + clickable link "Terms & Conditions"

I accept the [Terms of Service] and [Privacy Policy]

Renders as: "I accept the " + clickable link "Terms of Service" + " and " + clickable link "Privacy Policy"

I have read and agree to the [Terms]

Renders as: "I have read and agree to the " + clickable link "Terms"

Only the text inside [brackets] becomes a link. The rest of the label is plain text.

Provide the full URL where the link points.

Examples:

  • https://example.com/terms
  • https://example.com/legal/terms-of-service
  • https://example.com/policies

The link will open in a new tab when clicked.

Toggle Link Enabled to control whether the link is clickable:

  • On — The link is clickable and opens the URL
  • Off — The text appears but is not clickable (just static text)

You might disable the link if you want to show terms text without actually linking anywhere, or if you're providing terms on the same page in a different way.

Form Behavior

When Terms & Conditions are enabled:

  1. The checkbox appears in the form (typically near the bottom)
  2. The label displays with your custom text and optional link
  3. Customers must check the box to submit the form—it's a required field
  4. If unchecked, an error message appears when they try to submit

Styling

The Terms & Conditions checkbox inherits styling from your form's input styling:

  • Label Font — Controlled by the Axle Form styling Label Font property
  • Checkbox & Text Color — Uses the Label text color
  • Spacing — Respects the Vertical Gap setting in Form Sizing

See Form Styling for customization options.

Best Practices

  1. Keep It Clear — Make it obvious what customers are agreeing to:

    • Good: "I agree to the [Terms & Conditions]"
    • Unclear: "I accept the [agreement]"
  2. Provide Actual Terms — Always link to real, comprehensive terms. Don't hide them.

  3. Include Privacy — Consider adding both Terms AND Privacy:

    I agree to the [Terms of Service] and [Privacy Policy]
  4. Update Your Terms — Keep your terms page up-to-date and accurate. Outdated terms can create legal issues.

  5. Make the Link Work — Ensure the URL you provide is correct and the page loads properly. Test it regularly.

  6. Consider Return Policy — If applicable, link to your return/refund policy as well:

    I understand the [Return Policy] and agree to the [Terms & Conditions]

Terms and conditions have legal implications. Consult with a lawyer about what terms your business needs and ensure they comply with local regulations.

The Axle component simply helps you present and collect agreement. You are responsible for:

  • Creating legally appropriate terms for your business
  • Keeping terms current and accurate
  • Understanding local regulations for your industry and location
  • Ensuring your terms are accessible and clearly stated

Common Patterns

Simple Product Sale

I agree to the [Terms & Conditions]

Link to: https://example.com/terms

Service with Refund Policy

I agree to the [Terms & Conditions] and understand the [Refund Policy]

Two links: one to terms, one to refund policy

Privacy-Focused

I agree to the [Terms & Conditions] and acknowledge the [Privacy Policy]

Comprehensive

I accept the [Terms of Service], [Privacy Policy], and [Return Policy]

Troubleshooting

Link not working? — Check that your Link Enabled toggle is On and the URL is correct.

Text formatting looks wrong? — Remember, only text inside [brackets] becomes a link. Text outside brackets stays plain.

Checkbox not required? — In the current implementation, the checkbox must be checked to submit. If it's not blocking submission, verify that Terms & Conditions Visible is On.

Next Steps