[Applicabile anche a v8]{class="badge positive" title="Applicabile anche a Campaign v8"}
Elementi statici in un modulo web static-elements-in-a-web-form
È possibile includere nelle pagine del modulo elementi con i quali l'utente non ha alcuna interazione, ovvero elementi statici quali immagini, contenuto HTML, una barra orizzontale o un collegamento ipertestuale. Questi elementi vengono creati tramite il primo pulsante nella barra degli strumenti, selezionando Static elements.
Sono disponibili i seguenti tipi di campo:
-
Valore basato sulle risposte fornite in precedenza (nel contesto del modulo) o sul database.
-
Collegamento ipertestuale, HTML, barra orizzontale. Vedere Inserimento di contenuto HTML.
-
Immagine salvata nella libreria delle risorse o in un server accessibile agli utenti. Vedere Inserimento di immagini.
-
Script eseguito lato client e/o lato server. Deve essere scritto in JavaScript ed essere compatibile con la maggior parte dei browser per garantire la corretta esecuzione sul lato client.
note note NOTE Sul lato server, lo script può utilizzare le funzioni definite nella documentazione JSAPI di Campaign.
Inserisci contenuto HTML inserting-html-content
È possibile includere contenuto HTML in una pagina del modulo: collegamenti ipertestuali, immagini, paragrafi formattati, video e così via.
L’editor di HTML consente di inserire il contenuto da inserire nella pagina del modulo. Per aprire l'editor, fare clic su Static elements > HTML.
Puoi inserire e formattare il contenuto direttamente o visualizzare la finestra del codice sorgente per incollare del contenuto esterno. Per passare alla modalità "codice sorgente", fai clic sulla prima icona nella barra degli strumenti:
Per inserire un campo di database, utilizza il pulsante di personalizzazione.
Inserire un collegamento inserting-a-link
Compila i campi nella finestra di modifica come mostrato nell’esempio seguente:
Per aggiungere un collegamento ipertestuale, passare a Static elements > Link.
-
Label è il contenuto del collegamento ipertestuale che verrà visualizzato nella pagina del modulo.
-
URL è l'indirizzo desiderato, ad esempio https://www.adobe.com per un sito Web o info@adobe.com per inviare un messaggio.
-
Il campo Window consente di selezionare la modalità di visualizzazione per il collegamento nel caso di un sito. È possibile decidere di aprire il collegamento in una nuova finestra, nella finestra corrente o in un'altra finestra.
-
È possibile aggiungere una descrizione comandi, come illustrato di seguito:
-
Puoi scegliere di visualizzare il collegamento come pulsante o immagine. A tale scopo, selezionare il tipo di visualizzazione nel campo Type.
Tipi di collegamenti types-of-links
Per impostazione predefinita, i collegamenti sono associati a un’azione di tipo URL, in modo che un indirizzo di destinazione del collegamento possa essere inserito nel campo URL.
Puoi definire altre azioni per il collegamento, in modo che l’utente possa fare clic sul collegamento per effettuare le seguenti operazioni:
-
Aggiorna la pagina
A tale scopo, selezionare l'opzione Refresh page nella casella a discesa del campo Action.
-
Visualizza la pagina precedente/successiva
A tale scopo, selezionare l'opzione Next page o Previous page nella casella a discesa del campo Action.
È possibile nascondere i pulsanti Next e/o Back se devono essere sostituiti da un collegamento. Fai riferimento a questa pagina.
Il collegamento sostituirà il pulsante Next utilizzato per impostazione predefinita.
-
Visualizza un'altra pagina
L'opzione Enable a transition consente di visualizzare una pagina specifica associata alla transizione in uscita selezionata nel campo Transition.
Per impostazione predefinita, una pagina ha una sola transizione di output. Per creare nuove transizioni, selezionare la pagina e fare clic sul pulsante Add nella sezione Output transitions, come illustrato di seguito:
Nel diagramma, l’aggiunta avrà un aspetto simile al seguente:
note note NOTE Per ulteriori informazioni sulla sequenza di pagine in un modulo Web, consulta Definizione della sequenza di pagine dei moduli Web.
Personalizzare il contenuto di HTML personalizing-html-content
È possibile personalizzare il contenuto HTML di una pagina del modulo con i dati registrati in una pagina precedente. Ad esempio, è possibile creare un modulo Web di assicurazione auto la cui prima pagina consente di fornire informazioni di contatto e il marchio dell'auto.
Utilizza i campi di personalizzazione per inserire nuovamente il nome utente e il marchio selezionati nella pagina successiva. La sintassi da utilizzare dipende dalla modalità di archiviazione delle informazioni. Per ulteriori informazioni, consulta Utilizzo delle informazioni raccolte.
<%= viene sostituito con caratteri di escape.Nel nostro esempio, il nome e il cognome del destinatario sono memorizzati in un campo del database, mentre il marchio della sua auto è memorizzato in una variabile. La sintassi del messaggio personalizzato a pagina 2 sarà la seguente:
<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>
Questo produce il seguente risultato:
Usa variabili di testo using-text-variables
La scheda Text consente di creare campi variabili che possono essere utilizzati nel HTML tra i caratteri <%= e %> con la seguente sintassi: $(IDENTIFIER).
Utilizzare questo metodo per localizzare facilmente le stringhe. Vedi Traduzione di un modulo web
Ad esempio, puoi creare un campo Contatto che ti consentirà di visualizzare la stringa "Data dell'ultimo contatto:" nel contenuto del HTML. A questo scopo, segui la procedura indicata di seguito:
-
Fare clic sulla scheda Text del testo HTML.
-
Fare clic sull'icona Add.
-
Nella colonna Identifier immettere il nome della variabile
-
Nella colonna Text immettere il valore predefinito.
-
Nel contenuto di HTML, inserire questa variabile di testo tramite la sintassi <%= $(Contact) %>.
note caution CAUTION Se si immettono questi caratteri nell'editor di HTML, i campi < e > verranno sostituiti con i relativi caratteri di escape. In questo caso, è necessario correggere il codice sorgente facendo clic sull'icona Display source code dell'editor di testo di HTML. -
Aprire l'etichetta Preview del modulo per visualizzare il valore immesso nel HTML:
Questa modalità operativa consente di definire il testo dei moduli web una sola volta e di gestire le traduzioni utilizzando lo strumento di traduzione integrato. Per ulteriori informazioni, consulta Traduzione di un modulo web.
Inserisci immagini inserting-images
Le immagini da includere nei moduli devono essere salvate in un server accessibile dall'esterno.
Selezionare il menu Static elements > Image.
Seleziona l’origine dell’immagine da inserire: può provenire dalla libreria delle risorse pubbliche o essere memorizzata su un server esterno accessibile dall’esterno.
Se si tratta di un’immagine della libreria, selezionala nella casella combinata del campo; se si trova in un file esterno, immetti il percorso di accesso. L’etichetta viene visualizzata passando il cursore sull’immagine (coincide con un campo ALT in HTML) o quando l’immagine non viene visualizzata.
L'immagine può essere visualizzata nella sezione centrale dell'editor.