# Match our branding and language

Adapt the website button and embedded shop using supported presentation controls.
Start with [website registration](sell-tickets.md) and the organizer `/{event_id}/widgets/index` generator.

## Button controls
The generator exports an anchor plus a standalone `/css/button.css` stylesheet; retain both.
- Label: editable text, escaped as HTML; use a meaningful action in the site's language.
- Background: palette name plus shade `400`, `600` or `900` (light, mid or dark).
- Palette: `stone`, `olive`, `yellow`, `teal`, `indigo`, `rose`, `neutral`, `mist`, `amber`, `emerald`, `blue`, `pink`.
- Palette continued: `zinc`, `mauve`, `orange`, `green`, `sky`, `fuchsia`, `slate`, `taupe`, `red`, `lime`, `cyan`, `violet`.
- Text colour: `text-black/80` or `text-white/80`.
- Text size: `text-xs`, `text-sm`, `text-base`, `text-lg` or `text-xl`.
- Weight: optional `font-semibold`.
- Corners: `rounded-sm`, `rounded-md`, `rounded-lg`, `rounded-xl`, `rounded-2xl` or `rounded-full`.
- Padding pairs: `px-4 py-2`, `px-6 py-4` or `px-8 py-6`.
- Icon: none or an inline SVG from the generator; keep its `button-icon` class and generated layout classes.
Keep the base `button` class; preview background is an editor setting, not an exported page background.
Choose only stylesheet-supported classes or use the destination site's own button styles.

## Embedded shop
Use the generator switches for `image`, `info`, `title`, `date` and `location`.
Unchecked options become query parameters such as `image=false`; enabled options are omitted.
The date switch is available only when the shop is configured to show dates.
The containing site's CSS cannot style the inside of a cross-origin iframe.
Use Paydro's organizer shop-design settings for internal styling; do not invent theme query parameters.

## Language
Translate surrounding website copy and the button label to match the visitor's language.
Inspect the event's available shop-language settings and actual generated/published links.
Do not assume translating the button changes checkout language or invent a locale URL parameter.
If the requested language cannot be configured, explain that limit and preserve a working registration link.

## Verify
Check contrast, keyboard focus, label wrapping, mobile layout and every configured shop language.
Confirm hidden sections and event dates behave as intended in the embedded shop.

## More documentation
- [Embed guide](https://developer.paydro.com/en-us/docs/embed-ticket-shop.md)
- [Workflow limits](https://developer.paydro.com/en-us/docs/api-coverage.md)