Formuläreditor: UI-översikt

En referensguide till formuläreditorns gränssnitt — flikar, Toolbox, frågetyper och konfigurationsalternativ.

Formuläreditorn har sex flikar: Designer, Preview, Themes, Logic, JSON Editor och Translations. Den här artikeln beskriver vad varje flik gör och vilka frågetyper som finns tillgängliga.

Formuläreditorn med de sex flikarna: Designer, Preview, Themes, Logic, JSON Editor och Translations.

Designer-fliken

Designer-fliken är där du bygger ditt formulär. Den har tre huvuddelar: Toolbox till vänster, designytan i mitten och Property Grid till höger. Toolbox visar bara ikoner. Håll muspekaren över en ikon för att se frågetypen. Property Grid är stängd tills du klickar på Survey settings ovanför designytan, eller markerar en fråga och klickar på en kategoriikon i fältet till höger.

Designer-fliken med Toolbox som ikonkolumn till vänster, designytan i mitten och panelen Property Grid öppen till höger.

Toolbox

Toolbox listar alla frågetyper och strukturelement du kan lägga till i ditt formulär. Dra ett objekt från Toolbox till designytan, eller klicka på det för att lägga till det längst ned på den aktuella sidan.

Frågetyper

Contact fields

Contact Field Ett enkelradigt inmatningsfält kopplat till ett specifikt fält på kontaktkortet. Använd det när du vill att formulärsvar ska uppdatera respondentens kontaktpost i eMarketeer.

Data som skickas in via ett Contact field sparas både som formulärsvarsdata och som kontaktpostdata. Det skriver över eventuellt befintligt värde på kontaktkortet.

Ett formulär som innehåller ett Contact field: Email skapar en ny kontakt eller matchar mot en befintlig när formuläret skickas in.

Contact fields förifyller data från kontaktdatabasen om respondenten är känd — till exempel när hen öppnar formuläret via en personlig länk.

Tillgängliga fält: Email, First Name, Last Name, Salutation, Company, Title, Phone number, Mobile phone, Address 1, Address 2, City, State, Zip code, Country, Note.

Frågetypen Contact fields i designytan.

Custom Contact Field Fungerar på samma sätt som Contact Field, men är kopplat till ditt kontos anpassade kontaktfält i stället för standardfälten på kontaktkortet.

Enkelsvarsfrågor

Radio button group Visar en lista med alternativ. Respondenten väljer ett.

En radio button group-fråga i designytan.

Dropdown En listruta med ett enda val. Användbar när alternativlistan är lång eller när du vill spara utrymme på skärmen.

En dropdown-fråga i designytan.

Yes/No (Boolean) En växlare som returnerar sant eller falskt. Visas som en switch, ett par radioknappar eller en kryssruta beroende på temainställningarna.

En Yes/No (Boolean)-fråga i designytan.

Flersvarsfrågor

Checkboxes Visar en lista med alternativ. Respondenten kan välja mer än ett.

En checkboxes-fråga i designytan.

Multi-select dropdown En listruta som tillåter flera val.

En multi-select dropdown-fråga i designytan.

Betyg och rangordning

Rating scale En numerisk skala som respondenten använder för att betygsätta något. Du kan ersätta de numeriska etiketterna med stjärnor eller emoji-ikoner.

En rating scale-fråga i designytan.

Ranking En lista med dra-och-släpp-funktionalitet där respondenten ordnar alternativ i önskad prioritetsordning.

En ranking-fråga i designytan som visar dra-och-släpp-omordning.

Textinmatning

Single-line input Ett enkelradigt textfält. Accepterar även siffror och datum.

En single-line input-fråga i designytan.

Long text Ett ändringsbart textfält med flera rader för längre svar.

En long text-fråga i designytan.

Multiple text boxes Flera enkelradiga fält grupperade tillsammans. Användbart när du behöver ett antal korta svar under en fråga.

Image picker

Visar en serie bilder. Respondenten klickar på en (eller flera, om det är konfigurerat) för att välja den. Varje alternativ har ett kopplat värde.

Matrisfrågor

Single-select matrix Ett rutnät med rader och kolumner. Varje rad är ett påstående eller ett objekt; respondenten väljer ett kolumnalternativ per rad med radioknappar.

En single-select matrix-fråga i designytan.

Presentationselement

HTML Ett block med formaterad text som du skriver direkt i editorn. Använd det för instruktioner, rubriker mellan frågegrupper eller annat icke-interaktivt innehåll.

Image Bäddar in en statisk bild eller video i formuläret. Respondenten kan inte interagera med den.

Expression (read-only) Visar ett beräknat värde — en summa, ett medelvärde eller en sammansättning av andra svar. Användbart på den sista sidan för att sammanfatta vad respondenten har skickat in.

En expression-fråga i designytan som visar ett beräknat värde som uppdateras i realtid.

Strukturelement

Panel En behållare som grupperar frågor visuellt. Paneler kan göras hopfällbara och kan ha en egen rubrik och beskrivning.

Dynamic panel En upprepande panelmall. Respondenten kan lägga till eller ta bort panelinstanser, vilket gör det användbart för poster med variabel längd, till exempel flera kontakter eller orderrader.

Ett dynamic panel-element i designytan med flera panelinstanser.

Consent

Consent Lagrar samtycke på den identifierade kontakten. Använd listan Consent Type för att ange syftet: Store & Process eller Marketing. Consent-frågor är inte obligatoriska som standard — gör dem obligatoriska om kontakten måste ge samtycke innan formuläret skickas in.

Två Consent-frågor i designytan, en för varje syfte — Store & Process och Marketing.

Captcha

Captcha Lägger till botskydd i formuläret. Captchan löses i bakgrunden, så respondenterna ser den inte i det renderade formuläret. I Designer visas den som en platshållare. Captchan är obligatorisk, och ett formulär kan inte sparas utan den.

En Captcha-fråga i designytan.

Lägga till en fråga

För att lägga till en fråga drar du den från Toolbox till designytan. Du kan också klicka på knappen Add Question längst ned på en sida för att infoga ett enkelradigt inmatningsfält. Klicka på ellips-ikonen bredvid knappen för att välja en annan typ innan du infogar.

Knappen Add Question längst ned på en sida, med frågetypsmenyn öppen från ellips-ikonen.

Redigering direkt i designytan

När du klickar på en fråga i designytan visas inline-redigeringskontroller direkt på frågan. Du kan redigera frågetexten, sortera om alternativ, duplicera frågan, ta bort den eller markera den som obligatorisk — utan att öppna Property Grid.

En fråga i designytan med inline-redigeringskontroller synliga.

Property Grid

Property Grid på höger sida av editorn visar konfigurationsalternativ för den valda frågan, sidan eller formuläret. Alternativen är grupperade i kategorier.

Om du vill ange ett standardsvar för en fråga markerar du den, öppnar kategorin Data i Property Grid och klickar på Set Default Answer.

Property Grid med kategorin Data öppen och alternativet Set Default Answer synligt.

Sidhantering

Ett formulär kan ha flera sidor. Lägg till en sida genom att markera formuläret, öppna kategorin Survey i Property Grid, gå till Pages och klicka på Add new page. Du kan också dra en fråga till skelett-sidan längst ned i designytan — det skapar automatiskt en ny sida.

Ändra frågetyp

Om du vill ändra en fråga till en annan typ använder du typväljaren i frågans verktygsfält i designytan. Vissa typbyten medför att data försvinner — till exempel raderas alternativlistan om du konverterar en Dropdown till ett Single-line input. Ångra är tillgängligt om du vill återgå till den tidigare typen.

Preview-fliken

Preview-fliken visar formuläret som respondenten ser det. Fyll i det och skicka in för att se hur svarsdata registreras. Efter inskickning visas resultaten i en tabell eller som rå JSON. Klicka på Preview Survey Again för att starta om.

Använd enhetsväljaren för att förhandsgranska på olika skärmstorlekar och orienteringsknappen för att växla mellan stående och liggande format.

Preview-fliken med enhetsväljaren och orienteringsknappen synliga.

Themes-fliken

Med Themes-fliken kan du ändra formulärets utseende — färger, typsnitt, storlekar, hörnavrundning, skuggor och andra visuella egenskaper.

Du kan exportera ett anpassat tema som en JSON-fil och importera det till ett annat formulär för att återanvända samma stil.

För en komplett genomgång, se Styla ditt formulär.

Themes-fliken med stilkontrollerna synliga.

Logic-fliken

Logic-fliken är där du definierar villkorliga regler som styr formulärets beteende — till exempel att visa en fråga bara när ett tidigare svar uppfyller vissa kriterier.

Lägga till en regel

Klicka på Add New Rule. Varje regel har ett villkor (om) och en eller flera åtgärder (då).

Villkor — välj en fråga och en logisk operation (är lika med, är tom, innehåller och så vidare). Kombinera flera villkor med AND eller OR. Använd Manual Entry för att skriva ett uttryck direkt.

Åtgärder — vad som händer när villkoret är sant. Tillgängliga åtgärder:

• Visa eller dölj en sida eller fråga
• Aktivera eller inaktivera en sida eller fråga
• Markera en fråga som obligatorisk
• Slutför formuläret
• Ange en frågas svar
• Kopiera ett svar från en fråga till en annan
• Hoppa till en specifik fråga
• Kör ett anpassat uttryck
• Ange innehållet på bekräftelsesidan

Om du vill redigera en regel klickar du på den för att expandera den, gör dina ändringar och klickar på Done. Använd filtren All Questions och All Action Types för att begränsa listan när ett formulär har många regler.

Logic-fliken med en expanderad regel som visar villkors- och åtgärdseditorerna.

JSON Editor-fliken

JSON Editor-fliken visar formulärets råa JSON-konfiguration. Du kan redigera den direkt, men för de flesta ändringar är Designer-fliken och Property Grid enklare att använda.

JSON Editor-fliken med ett exempel på en formulärkonfiguration.

Translations-fliken

Translations-fliken listar alla översättningsbara strängar i ditt formulär. Använd den för att ange text på flera språk så att respondenter kan välja mellan dem.

Lägga till ett språk — öppna panelen Languages till höger och klicka på plusikonen för att välja ett språk från listan.

Filtrering — använd filtret All Pages för att visa strängar från en specifik sida. Aktivera Used Strings Only för att dölja strängar som inte används i formuläret.

Import och export — använd verktygsfältsknapparna för att importera eller exportera översättningar som en CSV-fil.

Translations-fliken med panelen för språkinställningar och strängtabellen synliga.