Sendity Client

Den Client visuell konfigurieren.

Mit dem Konfigurator sehen Sie den produktiven Client in verschiedenen Sprachen, Kanälen und Zuständen, bevor Sie ein produktives Template anfassen. Er erzeugt passende Snippets für das Custom Element, den Laravel-Blade-Adapter und den WordPress-Shortcode.

Der Client 0.3 hat bewusst ein Layout für alle Zustände und einen öffentlichen Token-Vertrag. Mit den Reglern unten passen Sie Flächen, Vordergrundfarben, semantische UI-Farben, Radien und Schatten an, ohne zustandsabhängige Überschreibungen anzulegen. Empfänger und Aktions-URLs werden hier nie erzeugt: Im Produktivbetrieb kommen sie vom Sendity-Server.

Interaktiver Konfigurator

Passen Sie die Optionen des Clients an.

Wenn Sie Sprache, Kanal oder Zustand ändern, wird derselbe Client neu eingebunden, den Ihre Anwendung beim Laden der Seite erhält. Statische Demo-Vorschau: Es werden kein AuthRequest, kein Push-Abonnement und kein Polling gestartet. Der Demo-Empfänger ist ein Platzhalter. Im Produktivbetrieb zeigt der Client den Hauptempfänger an und verwendet die serverseitige verification_action.url unverändert.

Live-Vorschau

Einstellungen des Konfigurators

Sehen Sie sich die Laufzeitzustände an und passen Sie die öffentlichen CSS-Variablen an, ohne zustandsabhängige Theme-Definitionen anzulegen.

Grundlagen

Sprache
Keine Treffer
Browsersprache (Englisch als Fallback)
<html lang> (Englisch als Fallback)
🇺🇸 Englisch
Container Karte Modal Vorschau-Zustand
Wartend
Warnung
Abgelaufen
Verifiziert
Fehler
Kanal E-Mail WhatsApp Position Mitte Oben Unten

Flächen

Hintergrund-Unschärfe 10px
Kartenhintergrund
Kartendeckkraft 80%
Icon-Hintergrund
Icon-Deckkraft 80%
Rahmen
Drawer-Hintergrund

Vordergrund

Vordergrund
Gedämpfter Vordergrund
Drawer-Vordergrund

UI-Tokens

UI-Primärfarbe
UI-Neutralfarbe
UI-Erfolgsfarbe
UI-Fehlerfarbe

Geometrie und Effekte

Eckenradius 1rem
Schlagschatten

Button

Button-Radius 0.56rem
Innerer Button-Schatten
Button-Vordergrund
Button-Schatten

Erzeugter Code

Kopieren Sie die passende Integration.

Integrations-Snippet

Ihr Sendity-Konto

Verifizieren Sie Ihre Telefonnummer oder E-Mail-Adresse mit einer Nachricht, um sich anzumelden.

Schon einen Passkey angelegt?