Say on the order button that the order costs money

Region

European Union (EU). The duty comes from the law there. The rule applies only when the project serves people there, and its Applies when also holds.

How to do it

Article 8(2) of the Consumer Rights Directive sets this label for EU consumers. If the button fails it, the consumer is not bound by the contract or order. So a vague label such as "Continue", "Submit" or "Next" can cost you the sale. Show the price, the length of the contract and any minimum term close to the button. Article 8(7) also asks for a confirmation of the contract on a durable medium, such as an email, before the service starts. Put the same terms in that email as Show the terms and record consent before the first charge says.

Examples

JavaScript example

// Playwright: the button that places the order says it costs money
const PAY_WORDS = /pay|buy|order with obligation to pay/i
const button = page.getByRole('button', { name: PAY_WORDS })
await expect(button).toBeVisible()
await expect(page.locator('form#checkout')).toContainText('129.50 SEK a month')

Python example

# Playwright for Python: the same check
import re
from playwright.sync_api import expect

PAY_WORDS = re.compile(r"pay|buy|order with obligation to pay", re.IGNORECASE)
expect(page.get_by_role("button", name=PAY_WORDS)).to_be_visible()
expect(page.locator("form#checkout")).to_contain_text("129.50 SEK a month")

How to check

A browser test reaches the final step of every paid flow, including trials that turn paid. The button's accessible name contains "pay", "buy" or "order with obligation to pay" in the page language. The price and contract length appear within the same form.

Sources

• Consumer Rights Directive 2011/83/EU, Article 8

Related rules

• PAY-28 Show the terms and record consent before the first charge in Payments and billing
• LOC-44 Check each country's language rules for consumer contracts in Localization