Configuração de Design
Atualizado
Nesta página
A aparência de uma pesquisa é definida por um tema: cores, fontes, botões, fundo e logotipo. Aplique um tema pronto da galeria ou crie o seu na aba Design.
Recurso pago. Os temas próprios estão disponíveis no plano Básico e superiores. Os temas da galeria funcionam em todos os planos. Comparar planos
Aplicar um tema da galeria
- Abra a pesquisa e vá em Questionário → Design.
- Na aba Galeria (1), clique no cartão de um tema.
A pré-visualização da pesquisa à esquerda muda na hora. Os respondentes veem o novo tema depois que você clica em Publicar.

Criar o seu próprio tema
- Na aba Design, abra Meus temas.
- Clique em Novo tema. O editor de temas abre com um tema da galeria como ponto de partida.
- Digite o nome do tema no topo (1) e altere as configurações, por exemplo, Paletas prontas (2) ou Fonte (3). Todas as configurações estão na tabela abaixo, e a pré-visualização mostra cada mudança.
- Clique em Salvar como novo tema.
O tema aparece em Meus temas e é aplicado à pesquisa. As mudanças no editor não são salvas até você clicar no botão de salvar. Se você clicar em Voltar antes disso, elas se perdem.

Para partir de um tema da galeria, aplique-o, clique no ícone de três pontos (⋯) no cartão dele (2 na primeira captura de tela) e selecione Editar. Salve o resultado com Salvar como novo tema: os temas da galeria não podem ser alterados.
Configurações do tema
| Configuração | O que muda |
|---|---|
| Paletas prontas | Define todas as cores do tema de uma vez a partir de uma paleta pronta. |
| Tamanho e posicionamento | Tamanho do texto e alinhamento (à esquerda ou ao centro), separadamente para Ecrã de boas-vindas e de agradecimento e para Perguntas. |
| Largura do conteúdo | Estreita, Normal, Larga ou Tela inteira. |
| Fonte, Fonte dos títulos | A fonte principal e a fonte dos títulos. Igual à principal usa uma só fonte para os dois. |
| Títulos, Respostas, Texto das respostas | Cores dos títulos das perguntas, das opções de resposta selecionadas e do texto das respostas. |
| Espessura do contorno, Ângulos das Respostas | A borda e o arredondamento dos cantos das opções de resposta. |
| Estilo dos campos de entrada | Moldura ou Sublinhado para os campos de texto. |
| Fundo da lista suspensa | Cor de fundo das listas suspensas. |
| Botões, Texto nos botões | Cor dos botões e cor do texto dos botões. |
| Tipo de botões, Ângulos dos Botões, Botão em largura total | Botões Preenchido ou Borda, o arredondamento e a largura deles. |
| Animação de transição | Como as perguntas mudam: Deslizar, Esmaecer, Zoom, Desfoque ou Sem animação. |
| Barra de progresso | Barra e porcentagem, Barra ou Contador de perguntas. Se a barra de progresso aparece ou não é definido em Configurações da pesquisa. |
| Tipo de fundo | Cor + imagem (uma cor em Fundo e, se quiser, uma imagem) ou Gradiente (Cor de fundo, Início do gradiente, Fim do gradiente e Direção). |
| Imagem de fundo | Clique em Adicionar para enviar uma imagem. Escolha a posição dela e depois Transparência, Saturação, Contraste e Brilho. Em Posicionamento, escolha Estender, Ajustar ou Azulejar. |
| Logotipo | Clique em Adicionar para enviar um logotipo. Escolha o Tamanho e a Posição (esquerda, centro ou direita). |
| Texto legal | Um texto curto na borda da página, por exemplo, dados legais. Defina onde mostrá-lo (Exibir em), a Posição, o Alinhamento, o Tamanho do texto e a cor. |
| CSS personalizado | Seus próprios estilos para o tema, veja abaixo. |
Editar e excluir seus temas
Aplique o seu tema e depois clique no ícone de três pontos (⋯) no cartão dele:
- Editar abre o editor. Clique em Salvar para atualizar o tema. O ícone de três pontos ao lado de Salvar abre Salvar como novo tema, Redefinir tópico (desfaz as mudanças não salvas) e Excluir tópico.
- Duplicar cria uma cópia com um nome padrão e um número.
- Excluir apaga o tema depois que você confirma com Remover tema. As pesquisas que usavam esse tema passam para o tema padrão.
Importante. Um tema pode ser usado em várias pesquisas. Quando você salva mudanças no tema, todas essas pesquisas mudam de aparência. Para atualizar uma pesquisa publicada, clique em Publicar nela.
Adicionar CSS personalizado a um tema
- No editor de temas, clique em Adicionar ao lado de CSS personalizado (ou em Editar, se o tema já tiver CSS).
- Digite o seu CSS. As abas Variáveis do tema e Classes de elementos mostram o que você pode usar. Clique em um item para inseri-lo.
- Clique em Aplicar e depois salve o tema.
Por exemplo, para deixar os títulos das perguntas maiores:
.widget-title {
font-size: 32px;
}
Você também pode adicionar código à página da pesquisa em Configurações → Código HTML (plano Padrão e superiores). Esse código vale para uma pesquisa, não para um tema.
Limites
- A lista de fontes tem cerca de 250 fontes.
- Uma imagem de fundo pode ter até 3 MB.
- O CSS personalizado pode ter até 20.000 caracteres.
- Em uma conta compartilhada, aplicar e editar temas depende do seu papel, veja Membros da equipe e papéis.
25 perguntas para clientes de agências de viagens após o retorno