De Voiceline-widget toevoegen met Elementor
Hoe je de widget toevoegt
- Bewerk een willekeurige pagina met Elementor.
- Zoek naar de widget met de naam VoiceLine.
- Sleep deze naar de pagina.
- Sla de pagina op of werk deze bij.
Wat de widget doet
- De widget toont het volledige Voiceline-formulier.
- De frontend-flow is eenvoudig: Record, Stop, Listen, Send.
- Als dit is ingeschakeld in de globale instellingen, kan de widget ook velden tonen voor Name, Email, Phone en het selectievakje Privacy consent.
Skin-voorinstelling
- De widget bevat de volgende skin-voorinstellingen:
- 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]
Stijlopties van de Default-skin
- De Default-skin biedt gedetailleerde Elementor-stijlopties.
- Je kunt de Widget Background aanpassen, inclusief achtergrond, tint, verloop bovenaan, verloop onderaan, rand, hoofdtekst, secundaire tekst, border radius en padding.
- Je kunt het Display / Recorder Area aanpassen, inclusief display-achtergrond, verlopen, rand, achtergrond van het visuele gebied, rand van het visuele gebied, achtergrond van de microfoonknop, achtergrond van de timer, rand van de timer, tekst van de timer, statustekst en border radius van het display.
- Je kunt de Form Fields aanpassen, inclusief achtergrond van de velden, tekst, placeholder, rand, hover-rand, focus-rand, kleur van labels en border radius.
- Je kunt ook de Typography voor timer, status en knoppen instellen.
Premium-skins
- Premium-skins zijn bedoeld om kant-en-klare gestylede lay-outs te bieden.
- De geavanceerde kleurinstellingen van Elementor zijn voornamelijk bedoeld voor de Default-skin.
- Als een premium-skin wordt geselecteerd zonder geldige Premium-rechten, wordt de skin geblokkeerd en valt de widget terug op standaardgedrag.
- Als Premium is uitgeschakeld, kun je de skins in de Elementor-editor zien, maar zijn ze in de frontend vergrendeld.
Best practice
- Begin met de Default-skin en test eerst de volledige inzendingsflow.
- Als alles werkt, ga dan verder met visuele styling of de keuze van een Premium-skin.
