Show Menu
TÓPICOS×

Elementos estáticos em um formulário web

É possível incluir elementos com os quais o usuário não tem nenhuma interação nas páginas do formulário; esses elementos são elementos estáticos, como imagens, conteúdo HTML, uma barra horizontal ou um link de hipertexto. Esses elementos são criados por meio do primeiro botão na barra de ferramentas, clicando no menu Add static element .
Os seguintes tipos de campo estão disponíveis:
  • Valor baseado nas respostas fornecidas anteriormente (no contexto do formulário) ou no banco de dados.
  • Link de hipertexto, HTML, barra horizontal. Consulte Inserção de conteúdo HTML .
  • Imagem salva na biblioteca de recursos ou em um servidor acessível por usuários. Consulte Inserção de imagens .
  • Script executado no lado do cliente e/ou servidor. Ele deve ser escrito em JavaScript e ser compatível com a maioria dos navegadores para garantir a execução correta no lado do cliente.
    No lado do servidor, o script pode usar as funções definidas na documentação do Campaign JSAPI .

Inserção de conteúdo HTML

É possível incluir conteúdo HTML em uma página de formulário: links de hipertexto, imagens, parágrafos formatados, vídeos ou objetos Flash, etc.
O editor HTML permite digitar o conteúdo a ser inserido na página de formulário. Para abrir o editor, vá para Static elements>HTML .
É possível inserir e formatar seu conteúdo diretamente ou exibir a janela do código-fonte para colar em algum conteúdo externo. Para alternar para o modo "código-fonte", clique no primeiro ícone na barra de ferramentas:
Para inserir um campo de banco de dados, use o botão de personalização.
As cadeias de caracteres inseridas no editor HTML só serão traduzidas se forem definidas na subguia Texts . Caso contrário, elas não serão coletadas. Para obter mais informações, consulte Tradução de um formulário web .

Personalização de conteúdo HTML

Você pode personalizar o conteúdo HTML de uma página de formulário com dados registrados em uma página anterior. Por exemplo, você pode criar um formulário web de seguro de carro cuja primeira página permite fornecer informações de contato e a marca do carro.
Use campos de personalização para reinjetar o nome de usuário e marca selecionada na próxima página. A sintaxe a ser usada depende do modo de armazenamento de informações. Para obter mais informações, consulte Uso das informações coletadas .
Por motivos de segurança, o valor inserido na fórmula <%= é substituído por caracteres de escape. Para evitar isso e somente quando necessário, use a seguinte sintaxe: <%= .
No nosso exemplo, o nome e o sobrenome do recipient são armazenados em um campo do banco de dados, enquanto a marca do carro é armazenada em uma variável. A sintaxe da mensagem personalizada na página 2 será a seguinte:
<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>

Isso produz o seguinte resultado:

Uso de variáveis de texto

A guia Text permite criar campos variáveis que podem ser usados no HTML entre os caracteres <%= and %> com a seguinte sintaxe: $(IDENTIFIER) .
Use esse método para localizar facilmente suas cadeias de caracteres. Consulte Tradução de um formulário web
Por exemplo, você pode criar um campo Contato que permitirá exibir a cadeia de caracteres "Data do último contato:" para o conteúdo HTML. Para fazer isso, siga as etapas abaixo:
  1. Clique na guia Text do texto HTML.
  2. Clique no ícone Add .
  3. Na coluna Identifier , digite o nome da variável
  4. Na coluna Text , digite o valor padrão.
  5. No conteúdo HTML, insira essa variável de texto pela sintaxe <%= $(Contact) %> .
    Se você inserir esses caracteres no editor de HTML, os campos < e > serão substituídos por seus caracteres de escape. Nesse caso, você precisa corrigir o código-fonte clicando no ícone Display source code do editor de texto HTML.
  6. Abra o rótulo Preview do formulário para exibir o valor inserido no HTML:
Esse modo operacional permite que você decomponha o texto de formulários web e gerencie traduções usando a ferramenta de tradução integrada. Para obter mais informações, consulte Tradução de um formulário Web .

Inserção de imagens

Para que as imagens sejam incluídas em formulários, elas devem ser salvas em um servidor acessível de fora.
Selecione o menu Static elements>Image .
Selecione a fonte da imagem a ser inserida: ela pode vir da biblioteca de recurso público ou ser armazenada em um servidor externo acessível de fora.
Se essa for uma imagem da biblioteca, selecione-a na caixa de combinação do campo; se estiver localizada em um arquivo externo, insira o caminho de acesso. O rótulo será exibido passando o cursor sobre a imagem (coincide com um campo ALT em HTML) ou quando a imagem não for exibida.
A imagem pode ser visualizada na seção central do editor.