Remigusz Kaczewski r_kaczewski@poczta.onet.pl GSM: 609 86 77 05 Projektowanie formularzy z wykorzystaniem darmowych narzędzi Visforms i Chronoforms Remigusz Kaczewski r_kaczewski@poczta.onet.pl GSM: 609 86 77 05

Agenda Na co zwrócić uwagę podczas projektowania formularzy - UX Experience Komponenty do budowy formularzy Płatny czy darmowy Chronoforms i Visforms Trochę praktyki

UX Experience

Po co formularze? Kontakt z właścicielem strony Rejestracja użytkownika Wyszukiwanie informacji Ankieta Konkursy

Na co zwrócić uwagę podczas projektowania formularzy Prosty – łatwy w obsłudze Czytelny – proste pytania Krótki Spersonalizowany Szybki Informuj i mów językiem korzyści Wzywaj do działania Wykorzystuj checkboxy Zapewnij wystarczającą liczbę przestrzeni Zbieraj zgodę - najlepiej w 2 klikach Nie rozpraszaj uwagi Bądź Mobile Friendly Testuj (test A/B) Podziękuj za wypełnienie -dwie strony z formularzem różniące się jednym elementem - obserwujemy użytkowników)

Najczęstsze błędy? Za długi Za krótki Nieczytelny

Formularze – Komponenty Komponenty płatne Komponenty darmowe Form Builder – 36$ JSN Uniform – 49$/69$ Breezing Forms 45$/65$/135$ Form Maker (Paypal) 30$/45$/60$ Chronoforms – 25$/35$/200$ 3/5/999 validation keys Chronoforms JSN Uniforms Form Maker (Paypal) Uniforms Visforms

Płatny czy darmowy? Do czego potrzebujemy? Jakie informacje chcemy pozyskać? Jaki mamy budżet? Jakie mamy umiejętności?

Chronoforms i Visforms Komponenty o dużych możliwościach Prosta i szybka konfiguracja - Visforms Bogate zaplecze techniczne - Chronoforms

Trochę praktyki

Trochę praktyki Jak zaprojektować formularz z autoresponderem? Na przykładzie Visforms (strzałkami zaznaczyłem miejsca, na które trzeba lub warto zwrócić uwagę)

Zapisać możemy na samym końcu Trochę praktyki Nazwa formularza Krok 1 – zakładamy formularz

Trochę praktyki Krok 2 – Zakładka Results W tym miejscu ustawiamy to co wyświetli się na stronie po wypełnieniu i wysłaniu formularza

Trochę praktyki Krok 3 – wybieramy zakładkę Mail Options Po ustawieniu parametrów formularza wybieramy pole Fields by zaprojektować poszczególne pola formularza Trochę praktyki Krok 3 – wybieramy zakładkę Mail Options są tu dwie części : - Options for result mail – tu ustawiamy parametry informacji, które trafią do nas – jako właścicieli strony – po wypełnieniu formularza - Options for recipient mail – tu ustawiamy parametry informacji, które trafią do osoby, która wypełniła formularz – pod warunkiem, że podała swój adres mailowy

Trochę praktyki Krok 4 – Pola formularza Po ustawieniu parametrów formularza wybieramy w górnym menu przycisk Fields, który przeniesie nas do nowego okna, w którym projektujemy poszczególne pola formularza

Trochę praktyki O czym pamiętać? O włączeniu opcji – nie nam nie da poprawne jej skonfigurowanie jeśli jej nie włączymy O tym, że pokazałem tylko fragment, komponent ma naprawdę duże możliwości Nie każdy serwer pocztowy poprawnie działa (adres musi być w tej samej domenie co strona) zwróćcie uwagę, na poprawne umieszczenie adresów mailowych, z których wysyłacie informacje

Masz pytanie? Poszukaj instrukcji Przeszukaj forum http://www.vi-solutions.de/en/documentations/visforms/documentation-visforms Zapytaj praktyka (FB, forum) Zapytaj developera Możesz też zapytać mnie r_kaczewski@poczta.onet.pl