Kuinka käyttää piilotettuja kenttiä Vinen lomakkeissa

Kuinka käyttää piilotettuja kenttiä Vinen lomakkeissa

Sinulla on usein interaktiivisia prosesseja sivustollasi. Sinulla voi esimerkiksi olla JavaScriptillä tehty kustomoitu testi tai esitys, jossa ensin kommunikoit kävijän kanssa ja keräät tietoja. Sitten haluat kysyä kävijältä yhteystietoja ja lähettää heille tietoja.

Voit tehdä sen helposti Vinen lomakkeilla ja tässä on ohjeita askel askeleelta:

1. Luo yksinkertainen Vine-yhteyslomake joka
• tunnistaa kävijän tai pyytää sähköpostiosoitetta, jos kävijä on tuntematon
• jossa on piilotettuja kenttiä, kuten Tapahtumakuvaus. Johon voit täyttää voit täyttää omat tietosi JavaScriptin avulla (esimerkiksi testitulokset).
2. Luo sähköposti, joka lähetetään lomakkeen lähettämisen yhteydessä.
3. Luo automaatiosääntö, joka herättää lähetyslomakkeen ja lähettää testiyhteenvedon sisältävän sähköpostin.

(Tästä voi luonnollisesti olla muitakin muunnelmia. Voit esimerkiksi pyytää yhteystietoja omalla mukautetulla JavaScript-lomakkeellasi, käyttää JavaScript-koodia täyttääksesi täysin piilotetun Vine-lomakkeen ja lähettää sen sitten JavaScriptin avulla).

Vaihe 1. Vine-lomakkeen luominen

Luo yhteyslomake, joka tunnistaa sivuston kävijän ja pyytää sähköpostia (ja mahdollisesti muita yhteystietoja), jos kävijä on tuntematon. Lisää kenttä, joka piilotetaan ja johon kirjoitat mukautetut tiedot, jotta ne voidaan myöhemmin lähettää vierailijalle.

Seuraavassa esimerkkilomakkeessa Tapahtumakuvaus -kenttää käytetään piilotettuna. (Jos tarvitaan esimerkiksi numeroarvoja, mitä tahansa henkilökohtaista numerokenttää voidaan käyttää.)

(Älä unohda poistaa Pakollinen -lippua piilotetusta kentästä, koska tämä estää lomakkeen lähettämisen.)

Voit piilottaa Tapahtumakuvaus-kentän käyttämällä seuraavaa CSS-koodia:

Voit täyttää tietosi piilotettuun kenttään esimerkiksi seuraavalla JavaScriptillä:

• Uudet lomakkeet

var shadowParent = document.querySelector(".VineForm");

shadowParent.shadowRoot.getElementById('event.description').value="text";

• Vanhat lomakkeet, jotka eivät käytä Shadow DOM:ia:

document.getElementById('event.description').value='näytedata'

On suositeltavaa esikatsella lomaketta tunnistetuille ja tuntemattomille käyttäjille:

Vaihe 2. Sähköpostin luominen

Luo sähköposti, johon voit lisätä tietoja piilotetusta lomakekentästä [[FORM.FIELD]] -syntaksin avulla.

Jos esimerkiksi tallennat tietosi Tapahtumakuvaus-kenttään, voit lisätä tiedot sähköpostiin käyttämällä [[FORM.EVENT_DESCRIPTION]] -tunnistetta:

Vaihe 3. Automaatiosäännön luominen

Luo automaatio, joka käynnistyy, kun sivustosi kävijä lähettää lomakkeen ja lähettää sitten sähköpostin piilotetusta kentästä:

Luodessasi herättimen Lähetti Web-lomakkeen, valitse luomasi lomake vaiheessa 1.

Luodessasi Lähetä sähköpostia -toimintoa, sinun on valittava vaiheessa 2 luomasi sähköposti:

Ota automaatiosääntö käyttöön ja tarkista sen asetukset. Mieti huolellisesti, mitä sinun on valittava Kuinka monta automaatiota suoritetaan -asetuksesta. Lomakkeiden lähettämisen aloittamiin automaatioihin tulisi yleensä valita Kaikki aloitettu: