Aggiungere il widget Voiceline con Elementor

Come aggiungere il widget

  1. Modifica qualsiasi pagina con Elementor.
  2. Cerca il widget chiamato VoiceLine.
  3. Trascinalo nella pagina.
  4. Salva o aggiorna la pagina.

Cosa fa il widget

  • Il widget mostra il modulo completo di Voiceline.
  • Il flusso frontend è semplice: Record, Stop, Listen, Send.
  • Se abilitato nelle impostazioni globali, il widget può anche mostrare i campi Name, Email, Phone e la casella Privacy consent.

Preset skin

  • Il widget include i seguenti preset skin:
  • 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]

Controlli di stile della skin Default

  • La skin Default espone controlli di stile Elementor dettagliati.
  • Puoi personalizzare il Widget Background, inclusi sfondo, tinta, gradiente superiore, gradiente inferiore, bordo, testo principale, testo secondario, border radius e padding.
  • Puoi personalizzare il Display / Recorder Area, inclusi sfondo del display, gradienti, bordo, sfondo dell’area visiva, bordo dell’area visiva, sfondo del pulsante microfono, sfondo del timer, bordo del timer, testo del timer, testo di stato e border radius del display.
  • Puoi personalizzare i Form Fields, inclusi sfondo dei campi, testo, placeholder, bordo, bordo hover, bordo focus, colore delle etichette e border radius.
  • Puoi anche controllare la Typography per timer, stato e pulsanti.

Skin Premium

  • Le skin Premium sono pensate per offrire layout già pronti e stilizzati.
  • I controlli avanzati dei colori di Elementor sono pensati principalmente per la skin Default.
  • Se viene selezionata una skin premium senza un diritto Premium valido, la skin viene bloccata e il widget torna al comportamento standard.
  • Se Premium è disattivato, puoi vedere le skin nell’editor Elementor ma saranno bloccate nel frontend.

Best practice

  • Inizia con la skin Default e testa prima l’intero flusso di invio.
  • Dopo che tutto funziona, passa allo styling visivo o alla selezione di una skin Premium.
Hai trovato utile questa risposta? 0 Utenti hanno trovato utile questa risposta (0 Voti)