pamiętasz Mad Libs?
szablonowa gra słowna, w której śmiałeś się aż płakałeś podczas nocowania w dzieciństwie? To sprawiło, że Twoja rodzina była zabawna po kolacji? I że Twój fajny nauczyciel pozwolił twojej klasie grać?
cóż, zapewniam cię, że Mad Libs to wciąż „najlepsza gra na świecie.”A dzięki Wufoo gra jest darmowa i łatwa!,
aby pomóc ci zmienić Wufoo w generator szalonych Lib, porozmawiajmy o tym, jak możesz użyć różnych funkcji w Wufoo, aby stworzyć je samodzielnie.
Krok #1 w używaniu Wufoo jako generatora Mad Lib: Wybierz historię
jest to prawdopodobnie najtrudniejsza część tworzenia formularza Mad Lib. Jak większość rzeczy, które są zabawne, trzeba mieć dobry uchwyt na puentę. W Mad Lib oznacza to ujawnienie nieoczekiwanych słów w dość prostej historii. Jeśli szukasz inspiracji, znajdziesz w It ' s a Mad Libs World świetny zestaw pomysłów!,
Krok #2: zaprojektuj formularz—za pomocą naszego szablonu Mad Libs zrzut ekranu
aby użyć Wufoo jako własnego generatora Mad Lib, zbuduj trzy strony w formularzu. Na pierwszej stronie możesz poprosić o podanie danych osobowych osoby przyjmującej formularz. Uzyskiwanie informacji, takich jak adres e-mail, pozwala wysłać kopię ukończonej historii do użytkownika jako pamiątkę.
druga strona pyta o wszystkie kategorie słów, których potrzebujesz, aby zakończyć swoją historię., Aby uzyskać inspirację, zobacz zrzut ekranu naszego szablonu Mad Libs poniżej:
w naszym szablonie Mad Libs wymagane są wszystkie pola. Ma to na celu uniknięcie luk w naszej historii. .
trzecia strona powinna zawierać samą historię. Po przesłaniu wypełnionego Formularza na stronie potwierdzenia zostanie wyświetlona trzecia wypełniona strona—a także zostanie ona wysłana e-mailem do osoby przyjmującej formularz.Teraz porozmawiajmy o krokach, które musisz podjąć na zapleczu, aby upewnić się, że Wufoo działa jako generator Mad Lib!,
Krok #3: Użyj naszego systemu szablonów
Nasz system szablonów pozwala na pobranie danych wysłanych przez użytkownika i odesłanie ich do niego na stronie potwierdzenia, w wiadomości e-mail z potwierdzeniem, a nawet w paragonie płatności i fakturze.
aby używać szablonów w Wufoo, musisz najpierw uzyskać listę identyfikatorów pól API powiązanych z każdym polem. Informacje te można znaleźć w Menedżerze kodów. Będzie on zawierał listę twoich formularzy wraz z tabelą zawierającą pola i ich identyfikatory., Korzystając z tych informacji i naszej dokumentacji szablonów, możesz skonstruować znaczniki szablonów potrzebne do wyświetlenia danych na stronie potwierdzenia. Na przykład, jeśli chcesz wyświetlić to, co użytkownik wprowadził do pola owoców (zobacz wcześniejszy zrzut ekranu), znajdziesz identyfikator pola dla tego pola, a następnie użyj go do utworzenia odpowiedniego znacznika szablonu. Oznacza to, że od wpisu dla tego formularza, wyświetli dane dla pola o numerze ID X., Aby użyć przykładu, zmapowałem pola i ich odpowiednie znaczniki w potencjalną historię:
warto zauważyć, że każdy znacznik szablonu można również owinąć pogrubionymi znacznikami, aby nadać mu inny styl i wyświetlić go na stronie potwierdzenia za pomocą CSS. Następnie możesz wstawić ten tekst na stronę potwierdzenia. Jeśli chcesz również pozwolić użytkownikowi uzyskać kopię wpisu, gdy odejdzie, możesz skonfigurować e-mail z potwierdzeniem, aby używał tych samych informacji szablonowych., Zobacz przykład poniżej:
Krok #4: ubierz swój formularz Mad Lib za pomocą niestandardowego CSS
Jeśli chcesz, aby Historia Mad Lib była bardziej fantazyjna i podkreślała słowa wprowadzone przez użytkownika, możesz stylizować pogrubione tagi wokół tagów szablonu za pomocą niestandardowych stylów. W Wufoo możesz użyć naszego projektanta motywów, aby dołączyć własne reguły stylów CSS do zewnętrznego arkusza stylów. Wgrałem plik CSS do Amazon S3 o nazwie contest.css z następującą regułą CSS, aby wyróżnić te znaczniki.,
teraz, gdy użytkownik przesyła formularz, strona potwierdzenia podkreśli i podświetli słowa użytkowników w następujący sposób:
możesz dowiedzieć się więcej o używaniu własnego arkusza stylów CSS w naszej dokumentacji na temat niestandardowego CSS.
Krok # 5: Zgłoś swoje wyniki!
Kiedy już skończysz, możesz nawet utworzyć raport, który pokaże najpopularniejsze odpowiedzi dla każdego słowa, które zadałeś w Twoim Mad Lib.
i tyle!, Tworzenie formularza nie zajmuje dużo czasu, a nasi użytkownicy wydają się mieć kopa z tworzenia własnych rewolucyjnych ogłoszeń o produktach. Spróbuj i ciesz się tworzeniem własnych szalonych Libs!