Das Voiceline-Widget mit Elementor hinzufügen
So fügst du das Widget hinzu
- Bearbeite eine beliebige Seite mit Elementor.
- Suche nach dem Widget mit dem Namen VoiceLine.
- Ziehe es auf die Seite.
- Speichere oder aktualisiere die Seite.
Was das Widget macht
- Das Widget gibt das vollständige Voiceline-Formular aus.
- Der Frontend-Ablauf ist einfach: Record, Stop, Listen, Send.
- Wenn dies in den globalen Einstellungen aktiviert ist, kann das Widget auch Felder für Name, Email, Phone und das Kontrollkästchen Privacy consent anzeigen.
Skin-Voreinstellung
- Das Widget enthält die folgenden Skin-Voreinstellungen:
- Default
- Studio Black [PREMIUM]
- Cassette Retro [PREMIUM]
- Console Pro [PREMIUM]
- Clean Lab [PREMIUM]
- Pocket Recorder [PREMIUM]
- Dot Matrix [PREMIUM]
- Field Device [PREMIUM]
- Neon Deck [PREMIUM]
- Minimal White [PREMIUM]
Stilsteuerungen der Default-Skin
- Die Default-Skin bietet detaillierte Elementor-Stilsteuerungen.
- Du kannst den Widget Background anpassen, einschließlich Hintergrund, Farbton, oberem Verlauf, unterem Verlauf, Rahmen, Haupttext, Sekundärtext, Border Radius und Padding.
- Du kannst den Bereich Display / Recorder Area anpassen, einschließlich Display-Hintergrund, Verläufe, Rahmen, Hintergrund des visuellen Bereichs, Rahmen des visuellen Bereichs, Hintergrund des Mikrofon-Buttons, Hintergrund des Timers, Rahmen des Timers, Timer-Text, Statustext und Border Radius des Displays.
- Du kannst die Form Fields anpassen, einschließlich Feldhintergrund, Text, Placeholder, Rahmen, Hover-Rahmen, Focus-Rahmen, Farbe der Labels und Border Radius.
- Du kannst auch die Typography für Timer, Status und Buttons steuern.
Premium-Skins
- Premium-Skins sind dafür gedacht, fertig gestaltete Layouts bereitzustellen.
- Die erweiterten Elementor-Farbsteuerungen sind hauptsächlich für die Default-Skin gedacht.
- Wenn eine Premium-Skin ohne gültige Premium-Berechtigung ausgewählt wird, wird die Skin blockiert und das Widget fällt auf das Standardverhalten zurück.
- Wenn Premium deaktiviert ist, kannst du die Skins im Elementor-Editor sehen, aber sie sind im Frontend gesperrt.
Best Practice
- Beginne mit der Default-Skin und teste zuerst den vollständigen Einsendeablauf.
- Wenn alles funktioniert, wechsle zu visueller Gestaltung oder zur Auswahl einer Premium-Skin.
