[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.

NOTE
Strängarna som anges i HTML-redigeraren översätts bara om de definieras på underfliken Texts. Annars samlas de inte in. Mer information finns i Översätta ett webbformulär.

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.

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.

NOTE
Av säkerhetsskäl ersätts det värde som anges i formeln <%= 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:

  1. Klicka på fliken Text i HTML.

  2. Klicka på ikonen Add.

  3. I kolumnen Identifier anger du namnet på variabeln

  4. Ange standardvärdet i kolumnen Text.

  5. 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.
  6. Ö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.

recommendation-more-help
601d79c3-e613-4db3-889a-ae959cd9e3e1