Sendity Client

Configure the Client visually.

Use the configurator when you want to tune the integration before touching production templates. It shows the same Sendity Web Client your application will render and generates markup for both the raw Custom Element and the Laravel Blade adapter.

The preview is intentionally practical: change language, card chrome, footer visibility, colors and spacing, then copy the resulting snippet. For hosted Sendity Cloud, keep the default API root; for self-hosted deployments, keep the server URL in application configuration instead of sprinkling it through multiple pages.

Interactive configurator

Tune the Client options.

Changing language, card chrome, footer visibility, color tokens or padding updates the live Custom Element from the same state used to generate the integration snippets.

Live preview

Language
No results found
Default: browser locale
Default: <html lang>
๐Ÿ‡ฆ๐Ÿ‡ฑ Albanian
๐Ÿ‡ธ๐Ÿ‡ฆ Arabic
๐Ÿ‡ฆ๐Ÿ‡ฒ Armenian
๐Ÿ‡ง๐Ÿ‡ฉ Bengali
๐Ÿ‡ง๐Ÿ‡ฆ Bosnian
๐Ÿ‡ง๐Ÿ‡ฌ Bulgarian
๐Ÿ‡จ๐Ÿ‡ณ Chinese
๐Ÿ‡ญ๐Ÿ‡ท Croatian
๐Ÿ‡จ๐Ÿ‡ฟ Czech
๐Ÿ‡ฉ๐Ÿ‡ฐ Danish
๐Ÿ‡ณ๐Ÿ‡ฑ Dutch
๐Ÿ‡บ๐Ÿ‡ธ English
๐Ÿ‡ช๐Ÿ‡ช Estonian
๐Ÿ‡ซ๐Ÿ‡ฎ Finnish
๐Ÿ‡ซ๐Ÿ‡ท French
๐Ÿ‡ฉ๐Ÿ‡ช German
๐Ÿ‡ฌ๐Ÿ‡ท Greek
๐Ÿ‡ฎ๐Ÿ‡ฑ Hebrew
๐Ÿณ๏ธ Hessian
๐Ÿ‡ฎ๐Ÿ‡ณ Hindi
๐Ÿ‡ญ๐Ÿ‡บ Hungarian
๐Ÿ‡ฎ๐Ÿ‡ธ Icelandic
๐Ÿ‡ฎ๐Ÿ‡ฉ Indonesian
๐Ÿ‡ฎ๐Ÿ‡ช Irish
๐Ÿ‡ฎ๐Ÿ‡น Italian
๐Ÿ‡ฏ๐Ÿ‡ต Japanese
๐Ÿ‡ฐ๐Ÿ‡ท Korean
๐Ÿ‡ฑ๐Ÿ‡ป Latvian
๐Ÿ‡ฑ๐Ÿ‡น Lithuanian
๐Ÿ‡ฒ๐Ÿ‡ฐ Macedonian
๐Ÿ‡ฒ๐Ÿ‡พ Malay
๐Ÿ‡ฒ๐Ÿ‡น Maltese
๐Ÿ‡ณ๐Ÿ‡ด Norwegian
๐Ÿ‡ต๐Ÿ‡ฑ Polish
๐Ÿ‡ต๐Ÿ‡น Portuguese
๐Ÿ‡ท๐Ÿ‡ด Romanian
๐Ÿ‡ท๐Ÿ‡บ Russian
๐Ÿ‡ท๐Ÿ‡ธ Serbian
๐Ÿ‡ธ๐Ÿ‡ฐ Slovak
๐Ÿ‡ธ๐Ÿ‡ฎ Slovenian
๐Ÿ‡ช๐Ÿ‡ธ Spanish
๐Ÿ‡ธ๐Ÿ‡ช Swedish
๐Ÿ‡น๐Ÿ‡ญ Thai
๐Ÿ‡น๐Ÿ‡ท Turkish
๐Ÿ‡บ๐Ÿ‡ฆ Ukrainian
๐Ÿ‡ป๐Ÿ‡ณ Vietnamese
Card mode Card Cardless / no-card
Show footer Hide it when the host surface already owns status or brand chrome.

Theme tokens

The controls write local CSS variables on the configurator and pass them through to the Sendity Client, so the Shadow DOM updates without remounting.

Primary
Error
Border color
Card background
Code background
E-mail button color
E-mail button text
WhatsApp button color
WhatsApp button text

Paddings

Code padding 0.95rem
Button padding 0.875rem

Preview uses the hosted Sendity API root. The optional server-url attribute is documented below for self-hosted deployments.

Generated code

Copy the matching integration.

Integration snippet

Cookie Settings

Sendity uses privacy-friendly analytics to learn which pages help developers. We only load Google Analytics after you consent.

Sign in

Already created a passkey?