[Gäller även för v8]{class="badge positive" title="Gäller även Campaign v8"}
Statiska element i ett webbformulär static-elements-in-a-web-form
Du kan inkludera element som användaren inte har någon interaktion med på formulärets sidor. Det här är statiska element som bilder, HTML, ett vågrätt fält eller en hypertextlänk. Dessa element skapas med den första knappen i verktygsfältet genom att välja Static elements.
Följande fälttyper är tillgängliga:
-
Värdet baseras på tidigare svar (i formulärsammanhang) eller på databasen.
-
Hypertextlänk, HTML, vågrätt fält. Se Infoga innehåll från HTML.
-
Bild sparad i resursbiblioteket eller på en server som är tillgänglig för användare. Se Infoga bilder.
-
Skript som körs på klientsidan och/eller serversidan. Den måste vara skriven i JavaScript och kompatibel med de flesta webbläsare för att säkerställa att den körs korrekt på klientsidan.
note note NOTE På serversidan kan skriptet använda de funktioner som definieras i Kampanjens JSAPI-dokumentation.
Infoga HTML-innehåll inserting-html-content
Du kan inkludera HTML-innehåll på en formulärsida: hypertextlänkar, bilder, formaterade stycken, videor osv.
I HTML-redigeraren kan du ange det innehåll som ska infogas på formulärsidan. Om du vill öppna redigeraren klickar du på Static elements > HTML .
Du kan ange och formatera innehållet direkt eller visa källkodsfönstret för att klistra in externt innehåll. Om du vill växla till källkodsläge klickar du på den första ikonen i verktygsfältet:
Om du vill infoga ett databasfält använder du personaliseringsknappen.
Infoga en länk inserting-a-link
Fyll i fälten i redigeringsfönstret så som visas i följande exempel:
Om du vill lägga till en hypertextlänk går du till Static elements > Link.
-
Label är innehållet i hypertextlänken så som den kommer att visas på formulärsidan.
-
URL är den önskade adressen, t.ex.: https://www.adobe.com för en webbplats eller info@adobe.com för att skicka ett meddelande.
-
I fältet Window kan du välja visningsläge för länken när det gäller en plats. Du kan välja att öppna länken i ett nytt fönster, det aktuella fönstret eller i ett annat fönster.
-
Du kan lägga till en knappbeskrivning enligt nedan:
-
Du kan välja att visa länken som en knapp eller som en bild. Det gör du genom att välja typ av visning i fältet Type.
Typ av länkar types-of-links
Länkarna är som standard kopplade till en åtgärd av URL-typ, så att en länkmåladress kan anges i URL-fältet.
Du kan definiera andra åtgärder för länken så att användaren kan klicka på länken och göra följande:
-
Uppdatera sidan
Det gör du genom att välja alternativet Refresh page i listrutan i fältet Action.
-
Visa nästa/föregående sida
Det gör du genom att välja alternativet Next page eller Previous page i listrutan i fältet Action.
Du kan dölja knapparna Next och/eller Back om de ska ersättas av en länk. Se den här sidan.
Länken ersätter knappen Next som används som standard.
-
Visa en annan sida
Med alternativet Enable a transition kan du visa en specifik sida som är associerad med den utgående övergång som är markerad i fältet Transition.
Som standard har en sida bara en utdataövergång. Om du vill skapa nya övergångar markerar du sidan och klickar sedan på knappen Add i avsnittet Output transitions enligt nedan:
I diagrammet ser det här tillägget ut så här:
note note NOTE Mer information om sidsekvenser i ett webbformulär finns i Definiera sidsekvenser för webbformulär.
Anpassa HTML-innehåll personalizing-html-content
Du kan anpassa HTML-innehållet på en formulärsida med data som registrerats på en tidigare sida. Du kan t.ex. skapa ett webbformulär för bilförsäkring vars första sida gör att du kan ange kontaktinformation och bilens varumärke.
Använd anpassningsfält för att mata in användarnamnet och det valda varumärket på nytt på nästa sida. Vilken syntax som ska användas beror på informationslagringsläget. Mer information finns i Använda insamlad information.
<%= med escape-tecken.I det här exemplet lagras mottagarens för- och efternamn i ett databasfält, medan deras bilmärke lagras i en variabel. Meddelandet som personaliserats på sidan 2 ska ha följande syntax:
<P>Welcome <%= ctx.recipient.@firstName %> <%= ctx.recipient.@lastName %>,</P>
<P>To start your customized study, please select your car <%=ctx.vars.marque%> and its year of purchase.</P>
Detta ger följande resultat:
Använda textvariabler using-text-variables
På fliken Text kan du skapa variabelfält som kan användas i HTML mellan <%= och %> tecken med följande syntax: $(IDENTIFIER).
Använd den här metoden om du enkelt vill att strängarna ska vara lokaliserade. Se Översätta ett webbformulär
Du kan till exempel skapa ett kontaktfält som gör att du kan visa strängen"Datum för senaste kontakt:" för HTML-innehållet. Gör så här:
-
Klicka på fliken Text i HTML.
-
Klicka på ikonen Add.
-
I kolumnen Identifier anger du namnet på variabeln
-
Ange standardvärdet i kolumnen Text.
-
Infoga den här textvariabeln via syntaxen <%= $(Contact) %> i innehållet i HTML.
note caution CAUTION Om du anger dessa tecken i redigeraren i HTML ersätts fälten < och > med deras escape-tecken. I det här fallet måste du korrigera källkoden genom att klicka på ikonen Display source code i textredigeraren i HTML. -
Öppna formulärets Preview-etikett för att visa det värde som anges i HTML:
I det här läget kan du bara definiera texten i webbformulär en gång och hantera översättningar med det integrerade översättningsverktyget. Mer information finns i Översätta ett webbformulär.
Infoga bilder inserting-images
För att bilder ska kunna inkluderas i formulär måste de sparas på en server som är tillgänglig utifrån.
Välj menyn Static elements > Image.
Välj källan för bilden som ska infogas: den kan komma från det offentliga resursbiblioteket eller lagras på en extern server som är tillgänglig utifrån.
Om det här är en bild från biblioteket markerar du den i kombinationsrutan för fältet. Om den finns i en extern fil anger du åtkomstsökvägen. Etiketten visas genom att pekaren förs över bilden (sammanfaller med ett ALT-fält i HTML) eller när bilden inte visas.
Bilden kan visas i redigerarens centrala del.