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, selezionando Static elements.

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

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

    Nota

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

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, fate clic su 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.

Nota

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

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

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

  • Il Label collegamento ipertestuale corrisponde al contenuto visualizzato nella pagina del modulo.

  • L’indirizzo URL è quello desiderato, ad esempio: https://www.adobe.com per un sito Web o info@adobe.com per inviare un messaggio.

  • Il Window campo consente di selezionare la modalità di visualizzazione del collegamento nel caso di un sito. È possibile aprire il collegamento in una nuova finestra, nella finestra corrente o in un'altra.

  • È possibile aggiungere una descrizione comandi, come illustrato di seguito:

  • Potete scegliere di visualizzare il collegamento come pulsante o immagine. A questo scopo, selezionare il tipo di visualizzazione nel Type campo.

Per impostazione predefinita, i collegamenti sono associati a un’azione di tipo URL, in modo che sia possibile inserire un indirizzo di destinazione di collegamento 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:

  • Aggiornare la pagina

    A questo scopo, selezionate l’ Refresh page opzione nella casella a discesa del Action campo.

  • Visualizzare la pagina precedente o successiva

    A questo scopo, selezionare l' Next page opzione o Previous page nella casella a discesa del Action campo.

    È possibile nascondere i pulsanti Next e/o Back se devono essere sostituiti da un collegamento. Refer to this page.

    Il collegamento sostituirà il Next pulsante utilizzato per impostazione predefinita.

  • Visualizzare un'altra pagina

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

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

    Nel diagramma, l'aggiunta avrà l'aspetto seguente:

    Nota

    Per ulteriori informazioni sulla sequenza delle pagine in un modulo Web, vedere Definizione della sequenzadelle pagine dei moduli Web.

  • Precaricare i campi del modulo con i dati prelevati dal profilo Facebook

    ATTENZIONE

    Questa funzione è disponibile solo se è stata installata l’ Social Marketing applicazione. Per utilizzare questa opzione, è necessario creare un'applicazione Facebook con un account esterno di Facebook Connect tipo. Per ulteriori informazioni, consulta questa pagina.

    L' Preload with Facebook opzione consente di inserire un pulsante in un modulo per precaricare i campi utilizzando le informazioni del profilo Facebook.

    Quando un utente fa clic sul Fill in automatically pulsante, si apre la finestra della richiesta di autorizzazione di Facebook.

    Nota

    È possibile modificare l'elenco dei diritti estesi durante la configurazione dell'account esterno. Se non immettete alcun diritto esteso, per impostazione predefinita Facebook inoltra le informazioni di base del profilo.
    Per visualizzare l'elenco dei diritti estesi e la relativa sintassi, fai clic qui: https://developers.facebook.com/docs/reference/api/permissions/

    Se l'utente accetta di condividere le proprie informazioni, i campi del modulo vengono precaricati.

Per questo caso di utilizzo, è stata creata un'applicazione Web composta dai seguenti elementi:

  • una pagina contenente il modulo
  • un’attività Record
  • an End activity

Per aggiungere un pulsante di precaricamento, effettuate le seguenti operazioni:

  1. Creare un modulo.

  2. Passare allo stesso livello dei campi del modulo e aggiungere un collegamento.

  3. Immettere l'etichetta e selezionare il Button tipo.

  4. Vai al Action campo e seleziona Preload with Facebook.

  5. Accedete al Application campo e selezionate il Facebook Connect tipo di account esterno creato in precedenza. Per ulteriori informazioni, consulta questa pagina.

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

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 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) %> .

    ATTENZIONE

    Se immettete 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' 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 definire il testo dei moduli Web una sola volta e di gestire le traduzioni utilizzando lo strumento di traduzione integrato. Per ulteriori informazioni, vedere Traduzione di un moduloWeb.

Inserimento di immagini

Per poter essere incluse nei moduli, le immagini devono essere salvate in un server accessibile dall'esterno.

Selezionate il menu Static elements > Image .

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.

In questa pagina