SurveyMonkey

Neste artigo

Temas

SurveyMonkey

Temas

Como aplicar um tema
Como criar um tema personalizado
Como visualizar seu tema
Temas clássicos
Questionários acessíveis

Você pode mudar a aparência do questionário alterando as cores e fontes, aplicando um tema ou personalizando outras opções (por exemplo, pela inclusão de um logotipo ou pela remoção do rodapé).

Como aplicar um tema

Para aplicar qualquer tema existente a seu questionário:

Acesse a guia Elaborar questionário.
Selecione Estilo.
Clique na guia Temas.
Clique em um tema para aplicá-lo ao questionário.

Ao criar o questionário, use o editor de texto com formatação para substituir as configurações do tema por alterações de formatação aplicadas a um texto específico.

Há três tipos de temas:

Tipo de tema	Descrição
Temas padrão	Os temas padrão são temas básicos pré-elaborados que podem ser aplicados ao questionário para mudar a aparência geral dele. Em todos os planos, é possível aplicar qualquer tema padrão ao questionário, mas é necessário ter um plano pago para personalizá-lo.
Meus temas	Estes são os temas padrão que você customizou de acordo com suas preferências, sua marca e seu site. Ao criar um tema personalizado, ele é salvo em sua conta para que você possa usá-lo novamente em outros questionários.
Temas premium	Os temas premium são temas pré-elaborados que usam recursos avançados de personalização.
Temas de equipe	Os temas de equipe são temas que foram personalizados e salvos na Biblioteca da equipe. Os administradores e administradores principais podem adicionar temas à Biblioteca para compartilhá-los com todos os membros da equipe. Se a equipe tiver incluído um tema CSS, ele também estará aqui.

As cores do tema são transferidas para os convites por email. Ao enviar o questionário por um convite por email e usar o Modelo em HTML, o cabeçalho e o botão “Iniciar questionário” do modelo de email combinarão com a cor de plano de fundo do título do questionário do seu tema.

Como criar um tema personalizado

Temas personalizados

Recurso pago

Faça login para ver se esse recurso está incluído no seu plano.

Para criar um tema personalizado:

Acesse a guia Elaborar questionário.
Na barra lateral esquerda, clique em Estilo.
Clique na guia Temas.
Na seção Tema padrão, encontre um tema desejado. Esse tema será usado como um ponto de partida para criar o tema personalizado.
Clique em . ao lado do tema e selecione Editar. Uma cópia do tema é criada e a guia Configurações é aberta, na qual você pode personalizar vários elementos do tema.

Configurações de tema

Estas são as seções que você encontrará na guia Configurações ao personalizar seu tema. As configurações do logotipo e do rodapé não são transferidas ao aplicar um tema personalizado a um questionário diferente.

Nome alternativo
Logotipo
Rodapé
Fontes
Layout
Imagem de plano de fundo
Você pode carregar sua própria imagem de plano de fundo ou selecionar uma das milhares de nossa galeria. A maneira como sua imagem de plano de fundo é exibida e o tamanho que ela deve ter dependem do tipo de aparelho e do tamanho da tela. Recomendamos carregar sua imagem de plano de fundo e, em seguida, acessar a página de Pré-visualizar e avaliar para ver como ela ficará em vários tipos de aparelho.

Para mudar a imagem de plano de fundo:
1. Clique em Substituir.
2. Escolha Do computador ou Da galeria de imagens.
3. Clique em Concluído.
Planos de fundo em aparelhos móveis
A maneira como as imagens de plano de fundo são exibidas em aparelhos celulares ou tablets depende do layout escolhido:
- Questionários em segundo plano completo não exibem a imagem. Em vez disso, a cor de plano de fundo do questionário será exibida.
- Questionários com plano de fundo parcial exibirão a imagem reduzindo-a para caber no aparelho. Imagens maiores que 600 px poderão ser cortadas.
DICA! Quando você seleciona uma imagem de plano de fundo, ela é automaticamente usada como sua imagem de miniatura. Você pode personalizar ainda mais sua imagem e texto da miniatura nas opções do coletor.

Cores

Você pode mudar a cor dos elementos indicados na tabela abaixo usando o conta-gotas ou inserindo seu próprio código hexadecimal.

Elemento	Descrição
Texto do título	A cor do texto do título do questionário.
Texto da pergunta	A cor do texto das perguntas do questionário.
Texto da opção de resposta	A cor do texto das opções de resposta das perguntas.
Destaques	Destaques são, por exemplo, botões, barras de progresso e caixas de seleção marcadas.
Texto de destaque	A cor do texto em destaque, como botões, barras de progresso e caixas de seleção marcadas. Esta cor sempre aparece em cima da cor de Destaques. Por isso, verifique se há contraste suficiente para facilitar a leitura.
Plano de fundo do questionário	A cor de plano de fundo das perguntas do questionário. Se você estiver usando uma imagem de plano de fundo, esta cor não será exibida.
Plano de fundo secundário	Se você estiver usando uma imagem de plano de fundo, essa cor se sobreporá à imagem de plano de fundo. Você pode controlar a opacidade da sobreposição nas configurações do plano de fundo para facilitar a leitura do texto no questionário. Se estiver usando um layout de plano de fundo dividido, essa será a cor de plano de fundo do terço, da metade ou da área do banner do layout.

NOTA: a cor do Plano de fundo do questionário aparecerá apenas se você não tiver adicionado uma Imagem de plano de fundo.

Como visualizar seu tema

Ao personalizar seu tema, você poderá ver as alteração à direita da tela. No entanto, para ver a imagem de plano de fundo, visualize seu questionário.

Inclusão de temas CSS

Os administradores de contas Enterprise têm a opção de incluir um tema CSS para personalizar totalmente as fontes, as cores e a identidade visual. É importante lembrar que a linguagem CSS é diferente do JavaScript e permite a personalização do estilo, mas não alterações de lógica. Para adicionar um tema CSS, consulte Como gerenciar os recursos de marca na biblioteca.

Edição de um tema personalizado ou CSS

As alterações feitas em um tema personalizado ou CSS afetam todos os questionários que usarem esse tema.

Caso seja necessário editar um tema personalizado que já esteja sendo usado em outros questionários, selecione os três pontos ao lado do tema e clique em Duplicar. Dessa maneira, os questionários atuais não serão alterados.

Se você compartilhar um questionário com um tema personalizado, apenas o proprietário do questionário poderá fazer edições.

Temas clássicos

Os seguintes temas agora são considerados Clássicos: Selva, Céu azul, Oceano, Espuma do mar, Meia-noite, Primavera, Outono, Carvão, Musgo, Aqua, Luzes da cidade, Calçadão e Búzios.

Para usar um tema Clássico em um novo questionário, você pode criar uma cópia de um questionário existente com o tema aplicado, e o estilo será transferido. Não é possível usar um tema Clássico em um questionário criado de outra forma.

Recursos incompatíveis

Alguns recursos não são compatíveis com o uso de um tema Clássico.

Se quiser adicionar recursos incompatíveis, como perguntas de Escala Melhor/Pior, Nome, Endereço de email, Telefone e Endereço, emails de confirmação para questionários via links ou perguntas MaxDiff, você precisa atualizar seu tema para qualquer tema Padrão ou Premium.

Para criar uma cópia do seu questionário com um tema compatível e utilizar todos os recursos:

Adicione uma nova pergunta de Escala Melhor/Pior, Nome, Endereço de email, Telefone ou Endereço ao seu questionário que usa um tema Clássico.
Clique em Copiar questionário. Isso mantém o restante do design do seu questionário intacto e cria uma cópia perfeita, mas com um tema compatível. Você pode alterar seu tema para qualquer outro tema Padrão ou Premium após realizar a cópia.

Detalhes e limitações de edição

Fontes

Fonte

Você pode escolher entre várias fontes populares para seu questionário. A seleção de uma fonte no menu Fonte a aplica a todos os elementos de texto do questionário.Você pode substituir a fonte principal do Título do questionário ou do Título da página selecionando uma fonte diferente nessas seções.

Tamanho e estilo da fonte

Dependendo do elemento, é possível editar o tamanho, o estilo (negrito, itálico ou sublinhado) ou os dois de cada elemento de texto do questionário a seguir.

Elemento	Tamanho do texto	Estilo
Título do questionário	✅	✅
Título da página	✅	✅
Descrição da página	❌	✅
Barra de progresso	✅	❌
Texto da pergunta	✅	✅
Texto da resposta	✅	✅
Link “Sair”	✅	✅
Texto de erro	✅	✅

Cores

Você pode mudar a cor dos elementos indicados na tabela abaixo usando o conta-gotas ou inserindo seu próprio código hexadecimal.

Número	Elemento
1	Plano de fundo do logotipo do questionário
2	Título do questionário
3	Plano de fundo do título do questionário
4	Plano de fundo do questionário
5	Título da página
6	Plano de fundo do título da página
7	Plano de fundo da página
8	Texto da barra de progresso
9	Indicador da barra de progresso
10	Borda da barra de progresso
11	Plano de fundo da barra de progresso
12	Descrição da página
13	Texto de erro
14	Asterisco obrigatório
15	Texto da pergunta
16	Texto da resposta
17	Destaque do texto da resposta

A cor do Plano de fundo do questionário aparecerá apenas se você não tiver adicionado uma Imagem de plano de fundo.

Cores dos botões

As cores do plano de fundo e da fonte do botão Seguinte sempre correspondem às configurações de Plano de fundo do título do questionário e de Título do questionário, que podem ser editadas na seção “Cores” do seu tema. Se elas forem a mesma cor, os botões serão exibidos em cinza com o texto em preto por padrão.No entanto, não é possível editar a cor do botão nos temas Turquesa e Outono. Consulte as seções “Limitações de edição” abaixo para saber mais.

Logotipo

Limitações de edição

Dependendo do tema que você estiver usando, é possível que alguns elementos não possam ser editados.

Tema	Limitações de edição
Outono	O tema é de largura total, portanto, não é possível adicionar uma cor ou imagem de plano de fundo. Não é possível editar a forma ou a cor dos botões "Próxima" e "Anterior". Não é possível alterar a altura do plano de fundo do título do questionário. Não edite ou remova os círculos ao redor dos números das perguntas.
Pier	Não é possível remover a sombra ao redor do questionário.
P&B	Não é possível remover a pequena linha horizontal sob o Título do questionário. As opções de edição são limitadas para perguntas de Matriz / Escala de avaliação ou Matriz de menu suspenso. Não é possível atualizar o tipo de fonte do texto da resposta.
Luzes da cidade	Não é possível alterar ou remover a imagem de plano de fundo do cabeçalho. Não é possível alterar a transparência do Plano de fundo do título do questionário. As opções de edição são limitadas para perguntas de Matriz / Escala de avaliação ou Matriz de menu suspenso. Não é possível atualizar o tipo de fonte da resposta Texto.
Selva	O tema é de largura cheia. Não é possível adicionar uma cor ou imagem de plano de fundo.
Meia-noite	As opções de edição são limitadas para perguntas de Matriz/Escala de avaliação ou de Matriz de menus suspensos.
Oliva	Não é possível alterar os cantos arredondados do questionário. As opções de edição são limitadas para perguntas de Matriz / Escala de avaliação ou Matriz de menu suspenso.
Oceano	As opções de edição são limitadas para perguntas de Matriz/Escala de avaliação ou de Matriz de menus suspensos.
Turquesa	O tema é de largura cheia. Não é possível adicionar uma cor ou imagem de plano de fundo. Não é possível editar o formato e a cor dos botões “Próxima” e “Anterior”. Não é possível editar a altura do plano de fundo do título do questionário. Não é possível mudar a cor dos números das perguntas.
Céu azul	Não é possível mudar os cantos arredondados do questionário
Primavera	As opções de edição são limitadas para perguntas de Matriz/Escala de avaliação ou de Matriz de menus suspensos.

Questionários acessíveis

É possível usar a SurveyMonkey para criar questionários acessíveis para pessoas que usam leitores de tela. Saiba mais: Como criar questionários acessíveis

SurveyMonkey

Temas

Como aplicar um tema

Como criar um tema personalizado

Configurações de tema

Como visualizar seu tema

Inclusão de temas CSS

Edição de um tema personalizado ou CSS

Temas clássicos

Recursos incompatíveis

Detalhes e limitações de edição

Questionários acessíveis

Artigos relacionados