[Ook van toepassing op v8]{class="badge positive" title="Ook van toepassing op campagne v8"}
Statische elementen in een webformulier static-elements-in-a-web-form
U kunt elementen opnemen waarmee de gebruiker geen interactie heeft op de pagina's van het formulier. Dit zijn statische elementen, zoals afbeeldingen, HTML-inhoud, een horizontale balk of een hypertekstkoppeling. Deze elementen worden gemaakt met de eerste knop op de werkbalk, door Static elements.
De volgende veldtypen zijn beschikbaar:
-
Waarde gebaseerd op eerder gegeven antwoorden (in de context van het formulier) of op de database.
-
Hypertext link, HTML, horizontale balk. Zie HTML-inhoud invoegen.
-
Afbeelding opgeslagen in de bronbibliotheek of op een server die toegankelijk is voor gebruikers. Zie Afbeeldingen invoegen.
-
Script wordt uitgevoerd aan client- en/of serverzijde. Deze moet in JavaScript zijn geschreven en compatibel zijn met de meeste browsers om een correcte uitvoering op de client te garanderen.
note note NOTE Aan de serverzijde kan het script de in JSAPI-documentatie voor campagne.
HTML-inhoud invoegen inserting-html-content
U kunt HTML-inhoud in een formulierpagina opnemen: hypertekstkoppelingen, afbeeldingen, opgemaakte alinea's, video's, enzovoort.
Met de HTML-editor kunt u de inhoud invoeren die u in de formulierpagina wilt invoegen. Klik op Static elements > HTML .
U kunt de inhoud rechtstreeks invoeren en opmaken of het venster met de broncode weergeven om deze in externe inhoud te plakken. Als u wilt overschakelen naar de modus "broncode", klikt u op het eerste pictogram op de werkbalk:
Om een gegevensbestandgebied op te nemen, gebruik de verpersoonlijkingsknoop.
Een koppeling invoegen inserting-a-link
Vul de velden in het bewerkingsvenster in, zoals in het volgende voorbeeld wordt getoond:
Ga naar Static elements > Link.
-
De Label Dit is de inhoud van de hypertekstkoppeling zoals deze wordt weergegeven op de formulierpagina.
-
De URL het gewenste adres is, bijvoorbeeld: https://www.adobe.com voor een website, of info@adobe.com om een bericht te verzenden.
-
De Window kunt u in het geval van een site de weergavemodus voor de koppeling selecteren. U kunt de koppeling openen in een nieuw venster, in het huidige venster of in een ander venster.
-
U kunt een ToolTip toevoegen, zoals hieronder getoond:
-
U kunt de koppeling weergeven als een knop of als een afbeelding. Selecteer hiertoe het weergavetype in het dialoogvenster Type veld.
Typen koppelingen types-of-links
De koppelingen zijn standaard gekoppeld aan een actie van het type URL, zodat een doeladres van de koppeling kan worden ingevoerd in het veld URL.
U kunt andere acties voor de koppeling definiëren, zodat de gebruiker op de koppeling kan klikken om het volgende te doen:
-
De pagina vernieuwen
Selecteer de optie Refresh page in de vervolgkeuzelijst van het dialoogvenster Action veld.
-
De volgende/vorige pagina weergeven
Selecteer de optie Next page of Previous page in de vervolgkeuzelijst van het dialoogvenster Action veld.
U kunt de Next en/of Back knoppen als deze moeten worden vervangen door een koppeling. Zie dit page.
De koppeling vervangt de koppeling Next die standaard wordt gebruikt.
-
Een andere pagina weergeven
De Enable a transition Hiermee kunt u een specifieke pagina weergeven die is gekoppeld aan de uitgaande overgang die is geselecteerd in het dialoogvenster Transition veld.
Een pagina heeft standaard maar één uitvoerovergang. Als u nieuwe overgangen wilt maken, selecteert u de pagina en klikt u op de knop Add in de Output transitions , zoals hieronder weergegeven:
In het diagram ziet deze toevoeging er als volgt uit:
note note NOTE Voor meer op pagina die in een vorm van het Web opeenvolgen, verwijs naar Opeenvolging van webformulierpagina's definiëren.
HTML-inhoud aanpassen personalizing-html-content
U kunt de HTML-inhoud van een formulierpagina aanpassen met gegevens die op een vorige pagina zijn opgenomen. U kunt bijvoorbeeld een webformulier voor autoverzekering maken waarvan u op de eerste pagina contactgegevens en het merk van de auto kunt opgeven.
Gebruik personalisatievelden om de gebruikersnaam en het geselecteerde merk opnieuw op de volgende pagina te injecteren. De syntaxis die moet worden gebruikt, is afhankelijk van de gegevensopslagmodus. Raadpleeg voor meer informatie hierover Gezamelde gegevens gebruiken.
<%= formule wordt vervangen door beschermde karakters.In ons voorbeeld, worden de voornaam en de familienaam van de ontvanger opgeslagen in een gebied van het gegevensbestand, terwijl het merk van hun auto in een variabele wordt opgeslagen. De syntaxis van het bericht op bladzijde 2 is als volgt:
<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>
Dit levert het volgende resultaat op:
Tekstvariabelen gebruiken using-text-variables
De Text kunt u met de volgende syntaxis variabele velden maken die in de HTML tussen de tekens <%= en %> kunnen worden gebruikt: $(IDENTIFIER).
Gebruik deze methode om uw tekenreeksen eenvoudig te lokaliseren. Zie Een webformulier vertalen
U kunt bijvoorbeeld een Contact veld waarmee u de tekenreeks "Date of last contact:" kunt weergeven voor de inhoud van de HTML. Hiervoor voert u de volgende stappen uit:
-
Klik op de knop Text van de tekst HTML.
-
Klik op de knop Add pictogram.
-
In de Identifier kolom, voert u de naam van de variabele in
-
In de Text Voer de standaardwaarde in.
-
Voeg deze tekstvariabele in de HTML-inhoud in via de <%= $(Contact) %> syntaxis.
note caution CAUTION Als u deze tekens invoert in de HTML editor, wordt < en > de velden worden vervangen door de escapetekens. In dit geval moet u de broncode corrigeren door op de knop Display source code pictogram van de HTML-teksteditor. -
Open de Preview label van het formulier om de waarde weer te geven die in de HTML is ingevoerd:
In deze modus kunt u de tekst van webformulieren slechts eenmaal definiëren en vertalingen beheren met het geïntegreerde vertaalgereedschap. Raadpleeg voor meer informatie hierover Een webformulier vertalen.
Afbeeldingen invoegen inserting-images
Afbeeldingen die u in formulieren wilt opnemen, moeten worden opgeslagen op een server die van buitenaf toegankelijk is.
Selecteer de Static elements > Image -menu.
Selecteer de bron van de afbeelding die u wilt invoegen: deze kan afkomstig zijn uit de openbare bronbibliotheek of worden opgeslagen op een externe server die van buiten toegankelijk is.
Als dit een afbeelding uit de bibliotheek is, selecteert u deze in de keuzelijst met invoervak van het veld. Als de afbeelding zich in een extern bestand bevindt, voert u het toegangspad in. Het label wordt weergegeven door de cursor boven de afbeelding te plaatsen (valt samen met een ALT-veld in HTML) of wanneer de afbeelding niet wordt weergegeven.
De afbeelding kan worden weergegeven in het centrale gedeelte van de editor.