Cum de a crea propriul formular Mad Lib cu Wufoo

amintiți-vă Mad Libs? Jocul de cuvinte șablon care te-a făcut să râzi până când ai plâns în timpul somnului din copilărie? Asta a dat familiei tale o activitate distractivă de făcut după cină? Și că profesorul tău rece lasa jocul de clasă? ei bine, permiteți-mi să vă asigur că Mad Libs este încă „cel mai mare joc din lume.”Și datorită Wufoo, jocul este gratuit și ușor!,pentru a vă ajuta să transformați Wufoo într-un generator Mad Lib, să vorbim despre cum puteți utiliza diferitele funcții din Wufoo pentru a crea unul singur.

Pasul #1 în utilizarea Wufoo ca generator de Mad Lib: alege o poveste

aceasta este, probabil, partea cea mai dificilă despre crearea unui formular Mad Lib. Ca cele mai multe lucruri care sunt amuzante, trebuie să aveți un mâner bun pe punchline. Într-un Lib nebun, asta înseamnă să dezvălui cuvinte neașteptate într-o poveste destul de simplă. Dacă sunteți în căutarea unei inspirații, există un set minunat de idei care pot fi găsite la It ‘ s a Mad Libs World!,

Pasul # 2: proiectați formularul-cu ajutorul șablonului nostru Mad Libs screenshot

pentru a utiliza Wufoo ca propriul generator Mad Lib, construiți trei pagini în formularul dvs. În prima pagină, puteți solicita informațiile personale ale beneficiarilor formularului. Obținerea de informații, cum ar fi adresa lor de e-mail, vă permite să trimiteți prin e-mail o copie a povestirii completate utilizatorului ca amintire.

a doua pagină solicită toate categoriile diferite de cuvinte de care aveți nevoie pentru a vă completa povestea., Pentru inspirație, a verifica afară o captură de ecran de erorile noastre Mad Libs modelul de mai jos:

In Mad Libs model, toate campurile sunt obligatorii. Acest lucru este făcut pentru a preveni orice lacune în povestea noastră. .a treia pagină ar trebui să conțină povestea în sine. După ce trimiteți formularul completat, pagina de confirmare va afișa pagina 3rd completată—și va primi, de asemenea, prin e-mail către beneficiarul formularului.Acum hai sa vorbim despre pașii pe care trebuie să ia pe partea din spate pentru a se asigura că Wufoo funcționează ca generator de nebun Lib!,

Pasul #3: Utilizarea nostru sistem de templating

sistem de templating vă permite să luați datele trimise de utilizator și trimite-l înapoi pentru a-le pe o pagină de confirmare, într-un e-mail de confirmare, și chiar într-o chitanță de plată și a facturii.

pentru a utiliza templating în Wufoo, va trebui mai întâi să obțineți o listă cu ID-urile de câmp API asociate fiecărui câmp. Puteți găsi aceste informații în Managerul de cod. Va conține o listă a formularelor dvs. împreună cu un tabel care conține câmpurile și ID-urile lor., Folosind aceste informații și documentația noastră pentru template – uri, puteți construi etichetele de template necesare pentru a afișa datele pe pagina de confirmare. De exemplu, dacă doriți să afișați ce a introdus utilizatorul pentru câmpul de fructe (a se vedea captura de ecran anterioară), veți găsi ID-ul câmpului pentru acel câmp și apoi îl veți folosi pentru a crea eticheta de șablon corespunzătoare. Asta înseamnă că de la intrarea pentru acel formular, va afișa datele pentru un câmp cu un ID de număr X., Pentru a folosi un exemplu, am trasat domeniile și tag-uri lor corespunzătoare într-o potențială poveste:

este de remarcat faptul că puteți încheia, de asemenea, fiecare etichetă șablon în unele bold tag-uri, în scopul de a le stil diferit și pop-le pe pagina de confirmare folosind CSS. Apoi puteți introduce acel text pe pagina de confirmare. Dacă doriți, de asemenea, să permiteți utilizatorului să obțină o copie a intrării atunci când pleacă, puteți configura e-mailul de confirmare pentru a utiliza aceleași informații template., A se vedea exemplul de mai jos:

Pasul #4: Dress up Nebun Lib forma cu CSS Personalizat

Dacă doriți să vă nebunie povestea un pic mai mult de lux și sublinia cuvintele care au fost introduse de către utilizator, puteți stiliza cei bold tag-uri în jurul valorii de tag-uri șablon cu unele stiluri personalizate. În Wufoo, puteți utiliza designerul nostru de teme pentru a atașa propriile reguli de stil CSS într-o foaie de stil externă. Am încărcat un fișier CSS la Amazon S3 numit concurs.css cu următoarea regulă CSS pentru a evidenția aceste etichete.,

Acum, atunci când utilizatorul trimite formă, pagina de confirmare va sublinia și de a evidenția utilizatorilor cuvinte astfel:

puteți afla mai multe despre utilizarea propriul CSS Stylesheet în documentația noastră pe CSS personalizat.

Pasul # 5: raportați rezultatele!după ce ați terminat, puteți crea chiar și un raport care va arăta cele mai populare răspunsuri pentru fiecare cuvânt pe care l-ați întrebat în Lib-ul nebun.

și asta este!, Formularul nu ia foarte mult timp pentru a crea și utilizatorii noștri par a fi obtinerea o lovitură de a face propriile anunțuri de produse revoluționare. Vă rugăm să faceți o încercare și bucurați-vă de a face propriile Libs nebun!

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *