Elementi statici in un modulo web

Nelle pagine del modulo è possibile includere elementi con i quali l’utente non interagisce; si tratta di elementi statici quali immagini, contenuto HTML, barra orizzontale o collegamento ipertestuale. Questi elementi vengono creati tramite il primo pulsante nella barra degli strumenti, selezionando Static elements.

Sono disponibili i seguenti tipi di campi:

  • Valore basato su risposte fornite in precedenza (nel contesto del modulo) o sul database.

  • Collegamento ipertestuale, HTML, barra orizzontale. Consulta Inserimento di contenuto HTML.

  • Immagine salvata nella libreria delle risorse o su un server accessibile dagli utenti. Consulta Inserimento di immagini.

  • Script eseguito sul lato client e/o sul lato server. Deve essere scritto in JavaScript ed essere compatibile con la maggior parte dei browser per garantire la corretta esecuzione sul lato client.

    NOTA

    Sul lato server, lo script può utilizzare le funzioni definite nella documentazione JSAPI di Campaign.

Inserisci contenuto HTML

È possibile includere il contenuto HTML in una pagina del modulo: collegamenti ipertestuali, immagini, paragrafi formattati, video e così via

L’editor HTML consente di inserire il contenuto da inserire nella pagina del modulo. Per aprire l’editor, fai clic su Static elements > HTML .

È possibile immettere e formattare il contenuto direttamente o visualizzare la finestra del codice sorgente da incollare in alcuni contenuti esterni. 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.

NOTA

Le stringhe immesse nell’editor HTML vengono tradotte solo se sono definite nella sottoscheda Texts . Altrimenti non saranno raccolti. Per ulteriori informazioni, consulta Traduzione di un modulo web.

Compila i campi nella finestra di modifica come mostrato nell’esempio seguente:

Per aggiungere un collegamento ipertestuale, vai a Static elements > Link.

  • Il Label è il contenuto del collegamento ipertestuale così come verrà visualizzato nella pagina del modulo.

  • L’ 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 ti consente di selezionare la modalità di visualizzazione del collegamento nel caso di un sito. Puoi 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 questo scopo, seleziona il tipo di visualizzazione nel campo Type .

Per impostazione predefinita, i collegamenti sono associati a un’azione di tipo URL, in modo che un indirizzo di destinazione di 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 questo scopo, seleziona l’opzione Refresh page nella casella a discesa del campo Action .

  • Visualizzare la pagina successiva/precedente

    A questo scopo, seleziona 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.

  • Visualizzare un’altra pagina

    L’opzione Enable a transition ti consente di visualizzare una pagina specifica associata alla transizione in uscita selezionata nel campo Transition .

    Per impostazione predefinita, una pagina dispone di una sola transizione di output. Per creare nuove transizioni, seleziona la pagina e fai clic sul pulsante Add nella sezione Output transitions , come illustrato di seguito:

    Nel diagramma, questa aggiunta avrà un aspetto simile al seguente:

    NOTA

    Per ulteriori informazioni sulla sequenza di pagine in un modulo web, consulta Definizione della sequenza di pagine dei moduli web.

Personalizzare il contenuto HTML

È 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 selezionato nella pagina successiva. La sintassi da utilizzare dipende dalla modalità di archiviazione delle informazioni. Per ulteriori informazioni, consulta Utilizzo delle informazioni raccolte.

NOTA

Per motivi di sicurezza, il valore immesso nella formula <%= 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 propria 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

La scheda Text ti consente di creare campi variabili che possono essere utilizzati nell’HTML tra i caratteri <%= e %> con la seguente sintassi: $(IDENTIFIER).

Utilizza questo metodo per localizzare facilmente le stringhe. Vedere Traduzione di un modulo web

Ad esempio, puoi creare un campo Contact che ti consente di visualizzare la stringa "Data dell’ultimo contatto:" nel contenuto HTML. Per farlo, segui la procedura indicata di seguito:

  1. Fai clic sulla scheda Text del testo HTML.

  2. Fai clic sull'icona Add .

  3. Nella colonna Identifier , immetti il nome della variabile

  4. Nella colonna Text, immetti il valore predefinito.

  5. Nel contenuto HTML, inserisci questa variabile di testo tramite la sintassi <%= $(Contact) %>.

    ATTENZIONE

    Se immetti questi caratteri nell’editor 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 HTML.

  6. Apri l’etichetta Preview del modulo per visualizzare il valore immesso nel codice 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

Affinché le immagini possano essere incluse nei moduli, è necessario salvarle su 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 memorizzato in un server esterno accessibile dall’esterno.

Se si tratta di un’immagine dalla libreria, selezionarla 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.

In questa pagina