Widget-Beispiele und Live-Demos
Probieren Sie jeden Widget-Typ mit Live-Konfiguratoren aus. Passen Sie alle Optionen an, sehen Sie Echtzeitvorschauen und kopieren Sie den generierten Code für Ihre Website.
Umfrage-Widget
Schritt-für-Schritt-Umfragen
Erstellen Sie benutzerdefinierte Umfragen mit mehreren Fragetypen, Validierungsregeln und detaillierten Analysen. Perfekt für Forschung und Feedback.
Demo ausprobierenFormular-Widget
Einseitige Formulare
Erstellen Sie benutzerdefinierte Formulare mit mehreren Fragetypen. Perfekt für Kontaktformulare, Registrierung, Bewerbungen und Datenerfassung.
Demo ausprobierenWartelisten-Widget
E-Mail-Sammlung für Starts
Sammeln Sie E-Mail-Adressen für Produktstarts, Beta-Anmeldungen und Feature-Ankündigungen. Optionales Namensfeld mit Validierung.
Demo ausprobierenFeedback-Widget
Daumen hoch/runter mit Kommentaren
Sammeln Sie Benutzerfeedback mit Daumen hoch/runter-Abstimmungen und optionalen Textkommentaren. Perfekt für Artikel, Features und Inhalte.
Demo ausprobierenFeature-Anfrage-Widget
Benutzerideen mit Abstimmung
Sammeln Sie Feature-Anfragen von Benutzern mit Abstimmungsfunktionen, Suchfunktion und Anfragenverwaltung.
Demo ausprobierenSchnellstartanleitung
Wählen Sie Ihr Widget
Wählen Sie den Widget-Typ, der Ihren Anforderungen entspricht, und klicken Sie auf "Demo ausprobieren", um auf den Konfigurator zuzugreifen.
Konfigurieren und Vorschau
Passen Sie alle Optionen an und sehen Sie, wie sich das Widget in Echtzeit mit Ihren Änderungen aktualisiert.
Kopieren und installieren
Kopieren Sie den generierten HTML-Code und fügen Sie ihn zu Ihrer Website hinzu. Das Widget funktioniert sofort.
CSS-Variablen-Referenz
Alle verfügbaren benutzerdefinierten CSS-Eigenschaften zum Stylen von Widgets.
| Variable | Standardwert | Beschreibung |
|---|---|---|
| --askusers-color-primary | #3b82f6 | Primäre Button- und Akzentfarbe |
| --askusers-color-background | #ffffff | Widget-Hintergrundfarbe |
| --askusers-color-text | #374151 | Primäre Textfarbe |
| --askusers-color-success | #10b981 | Erfolgsmeldungsfarbe |
| --askusers-color-error | #ef4444 | Fehlermeldungsfarbe |
Brauchen Sie Hilfe?
Wenn Sie Unterstützung bei der Widget-Integration oder -Anpassung benötigen, schauen Sie sich unseren Einrichtungsleitfaden an oder kontaktieren Sie den Support.