Show Menu
ARGOMENTI×

Elementi statici in un modulo web

È possibile includere nelle pagine del modulo 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 mediante il primo pulsante nella barra degli strumenti, facendo clic sul Add static element menu.
Sono disponibili i seguenti tipi di campo:
  • Valore basato su risposte fornite in precedenza (nel contesto del modulo) o sul database.
  • Collegamento ipertestuale, HTML, barra orizzontale. Consultate Inserimento di contenuto HTML.
  • Immagine salvata nella libreria delle risorse o su un server accessibile dagli utenti. Consultate 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.
    Sul lato server, lo script può utilizzare le funzioni definite nella documentazione JSAPI di Campaign.

Inserimento di contenuto HTML

È possibile includere il contenuto HTML in una pagina del modulo: collegamenti ipertestuali, immagini, paragrafi formattati, oggetti video o Flash, ecc.
L'editor HTML consente di inserire il contenuto da inserire nella pagina del modulo. Per aprire l’editor, passate a Static elements>HTML .
Potete immettere e formattare il contenuto direttamente oppure visualizzare la finestra del codice sorgente da incollare in alcuni contenuti esterni. Per passare alla modalità "codice sorgente", fate clic sulla prima icona nella barra degli strumenti:
Per inserire un campo di database, utilizzate il pulsante di personalizzazione.
Le stringhe inserite nell'editor HTML vengono convertite solo se definite nella Texts sottoscheda. In caso contrario, non verranno raccolti. Per ulteriori informazioni, vedere Traduzione di un modulo Web.

Personalizzazione del contenuto HTML

È possibile personalizzare il contenuto HTML di una pagina di 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.
Utilizzate i campi di personalizzazione per reinserire il nome utente e il marchio selezionato nella pagina successiva. La sintassi da utilizzare dipende dalla modalità di memorizzazione delle informazioni. Per ulteriori informazioni, vedere Utilizzo delle informazioni raccolte.
Per motivi di sicurezza, il valore immesso nella <%= formula viene sostituito con caratteri escape. Per evitare questo problema, e solo se necessario, utilizzate la sintassi seguente: <%= .
Nel nostro esempio, il nome e il cognome del destinatario sono memorizzati in un campo del database, mentre il marchio della loro 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:

Uso delle variabili di testo

La Text scheda consente di creare campi variabili che possono essere utilizzati nell'HTML tra i caratteri <%= e %> con la sintassi seguente: $(IDENTIFIER) .
Utilizzare questo metodo per localizzare facilmente le stringhe. See Translating a web form
Ad esempio, potete creare un campo Contatto che vi consentirà di visualizzare la stringa "Data dell’ultimo contatto:" nel contenuto HTML. Per farlo, segui la procedura indicata di seguito:
  1. Fate clic sulla Text scheda del testo HTML.
  2. Fate clic sull' Add icona.
  3. Nella Identifier colonna, inserite il nome della variabile
  4. Nella Text colonna, immettere il valore predefinito.
  5. Nel contenuto HTML, inserite questa variabile di testo tramite la sintassi <%= $(Contact) %> .
    Se immettete questi caratteri nell'editor HTML, i campi < e > verranno sostituiti con i relativi caratteri escape. In questo caso, è necessario correggere il codice sorgente facendo clic sull' Display source code icona dell'editor di testo HTML.
  6. Aprire l' Preview etichetta del modulo per visualizzare il valore immesso nel codice HTML:
Questa modalità operativa consente di fattorizzare il testo dei moduli Web e di gestire le traduzioni mediante lo strumento di traduzione integrato. Per ulteriori informazioni, vedere Traduzione di un modulo Web.

Inserimento di immagini

Per poter essere incluse nei moduli, le immagini devono essere salvate in un server accessibile dall'esterno.
Selezionare il Static elements>Image menu.
Selezionate la sorgente 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, immettete il percorso di accesso. L'etichetta viene visualizzata passando il cursore sull'immagine (coincide con un campo ALT in HTML), oppure quando l'immagine non viene visualizzata.
L’immagine può essere visualizzata nella sezione centrale dell’editor.