NYHETER I EPISERVER FORMULÄR, TIPS & TRIX HELEN HOPKINSON - NEARU 2017-03-30 VEM ÄR JAG? - HELEN HOPKINSON 1
AGENDA FORMULÄR I EPISERVER Varför? Skillnader Hur gör jag nu? Steg-för-steg riktlinjer. PROJEKT Vad? När? Varför? Hur? TIPS & TRIX Smarta tips för att bli en vassare publicerare. DAGENS SCENARIO 2
EPISERVER FORMS 3
BAKGRUND Man skapar inte formulär på samma sätt längre. Varför? "Gamla" formulär-funktionen byggde på gammal teknik med väldigt begränsade funktioner. Inte möjligt att göra avancerade formulär tex med flersteg, Captcha och personalisering. Inget stöd för språk- eller versionshantering. SLU.se har uppdaterats men era "gamla" formulär är kvar. FÖRDELAR MED NYA EPISERVER FORMS Versionshantering på hela eller delar av formuläret. Inbyggt stöd för bekräftelse och notifieringsmail. Flera funktioner: Flerstegsformulär Captcha Ladda upp filer Återställa formuläret med en enkel knapptryckning Gauge, tex på en skala 1 10, vad tyckte du om utbildningen? Bygger på samma teknik som block, dvs flexibla och lättare att anpassa. 4
BLOCK Återanvändbar innehållsdel Placeras i fördefinierade innehållsområden Förhandsgranska blockinnehåll i olika vyer, tex för iphone, ipad Arbeta med block i resurspanelens mappstruktur Globala och lokala-block 5
TIPS INNAN DU BÖRJAR MED FORMULÄRET Rita en skiss av ditt formulär och de element som ingår. Några frågor: Ska formuläret innehåller flera steg? Vad händer när någon har fyllt i formuläret? Tacksida eller tacktext? Ska det skickas en bekräftelsemail? Vill du använda några element från formuläret i bekräfteslemailet, tex förnamn? Vad vill du ska hända med datat som skickas in? Ska det mailas till någon på SLU också? Vill du kunna återanvända formuläret eller delar av formuläret, tex om det alltid ska vara samma ledtext och beteende för textfältet "Förnamn"? 6
NÄR DU BYGGER FORMULÄRET 7
TILLGÄNGLIGA ELEMENT PÅ FORMULÄR 1(2) Text Text area Number Range URL Selection Multiple or single choice "Vanlig" textfält, tex Förnamn, Efternamn, E-postadress. Fält för större textmängd, tex Kommentar. Möjligt att begränsa texten I fältet till en siffra, tex ett antal Möjligt att ange ett värde på en skala med min och maxvärde. Möjligt att ange en URL som ska skickas med formuläret. Drop-down. Single choice (radioknappar), multiple choice (kryssrutor). TILLGÄNGLIGA ELEMENT PÅ FORMULÄR 2(2) Image choice File upload Hidden predefined value Hidden visitor profiling Captcha Rich text (with placeholders) Välj en eller flera bilder från en lista. Möjliggör uppladdning av filer. Begränsa filtyp och storlek. Möjligt att ange vad du vill veta om besökaren, tex plats, mobil, besökargrupp. Infoga en Captcha för att säkerställa att en riktig person fyller i formuläret. 8
SKAPA ETT FORMULÄR 1. Skapa en Form Container-block. 2. Dra och släpp de Forms Element du vill ha på formuläret till ditt Form Container. Redigera alla Forms Element-block och publicera dem. Glöm inte att ändra namnet på blocken. 3. Gå till All Properties för Form Container-blocket. i. På Content-fliken: ii. Definiera tacksida, tackmeddelande och andra egenskaper för formuläret. Page Settings-fliken Definiera vem som ska få ett e-postmeddelande när formuläret ha fyllts i. 4. Publicera Form Container-blocket. 5. Lägg till Form Container-blocket på din sida och publicera. TA FRAM RESULTATEN FÖR ETT FORMULÄR 1. Redigera Form Container-blocket. 2. Välj att gå till Form Submissions-läget. 3. Välj vilka poster du vill exportera och formatet. 9
DEMO - FORMULÄR ÅTERANVÄNDA FORMS ELEMENT När man skapar formuläret är elementen "lokala". Det innebär att de försvinner när formuläret raderas. Vill du behålla dina element för att återanvända dem i framtida formulär kan man skapa en mapp för de olika element. 10
TIPS & TRIX Jobba smart med Sidans namn i webbadress. Rensa fältet och publicera om sidan för att få en URL för den aktuella sidnamnet. Ha inte Forms-gadget:en i resursfönstret. Du sparar plats (och förvirring) om du endast ha Forms Element-gadget:en där när du arbetar med formulär. Skapa interna länkar med dra-och-släpp från sidträdet. Lägg till Sites-gadget:en i vänsterpanelen för att snabbare byta språk på sidträdet. Det blir mindre klick. Kopiera alltid källspråket till en översättning av innehåll när du ska använder Languages-gadget:en. TACK! helen.hopkinson@nearu.se 11