Das Voiceline-Widget mit Elementor hinzufügen

So fügst du das Widget hinzu

  1. Bearbeite eine beliebige Seite mit Elementor.
  2. Suche nach dem Widget mit dem Namen VoiceLine.
  3. Ziehe es auf die Seite.
  4. 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.
War diese Antwort hilfreich? 0 Benutzer fanden dies hilfreich (0 Stimmen)