Seção de avaliações

A seção Avaliações é uma área dedicada onde os visitantes do site podem deixar seus comentários e opiniões sobre produtos, serviços ou a experiência geral do site.

Ele ajuda os usuários a tomar decisões informadas e fornece feedback valioso aos proprietários e administradores do site.

Neste artigo:


 

Esta é a aparência de um formulário de revisão:


Adicionar seção de comentários

  • Uma seção pode ser adicionada a uma página. Você pode adicionar uma seção a uma página já existente ou crie uma nova página dentro do seu site.
  • Na sua página, Clique no ícone + azul para adicionar uma nova seção.

  • Você vai agora ver o categorias de seção no lado esquerdo.
  • Escolha o Formulários (1) categoria e clique em Avaliações guia (2) onde você pode escolher layouts diferentes que acontecerá no marco da Avaliações (3) seção.

  • Escolha qualquer layout de seção e clique nele para adicioná-lo à sua página.

Gerenciar conteúdo da seção

Depois de adicionar a seção:

  • Clique no Editar formulário de revisão (1) botão.

  • Isso abrirá o Conteúdo (2) configurações.

Daqui você pode:

  • Você pode Carregar ou Excluir (1) a imagem que será exibida no formulário
  • Adicionar uma Título (2) Descrição (3), e Título da Seção (4) da seção Comentários. Antes de adicionar a descrição, verifique Este artigo.


Gerenciar layout

  • Clique no Editar formulário de revisão  (1) botão.

  • Escolha o Guia Layout (2).
  • Selecione o layout para o seu seção (3) e Economize as mudanças (4).


Editar campos de formulário

Existem certos tipos de campo que você pode usar no formulário de revisão do seu site para coletar feedback e classificação. Aqui está uma breve descrição dos campos do formulário.

  1. Nome: Capture o nome do usuário usando isso.
  2. Email: Capturar e-mail do usuário.
  3. Comente: Use este campo para capturar a mensagem/comentário que o usuário deseja transmitir.
  4. Classificação: Permitir que os usuários atribuam classificação por estrelas usando isso. Ele pode exibir 3 ou 5 estrelas.

Tips

  • O ícone de estrela ao lado do ícone de campo representa os campos obrigatórios.
  • Você pode marcar o campo Classificação como não obrigatório desmarcando a caixa de seleção “Campo obrigatório”.


Seção de avaliações de estilo

  • Clique em Editar Formulário de Revisão (1) botão.

  • Escolha o Estilo (2) aba.
  • Altere o estilo dos elementos da seção e Salvar (3) suas mudanças.

Você terá várias opções de estilo para a seção: 


Campos de formulário

Pixpa permite tua para totalmente personalizar da aparência of o seu formulário campos. Estes estilo opções Aplique para todos os entrada Campos in seu form e dar tua maior ao controle Acima de como o seu formulário looks e sente on o seu .

  1. Shape: Escolha o formato dos seus campos de entrada — como retângulo, arredondado, pílula ou texto — para combinar com a estética do seu site.
  2. Preencher: Ative esta alternância para aplicar uma cor de preenchimento de fundo aos campos do formulário.
  3. Cor base: Defina a cor de fundo dos campos quando a opção de preenchimento estiver habilitada.
  4. Esboço: Ative ou desative a borda (contorno) para cada campo.
  5. Cor do contorno: Escolha a cor da borda do campo quando o contorno estiver habilitado.
  6. Cor do texto do campo: Defina a cor do texto digitado pelos usuários dentro dos campos do formulário.
  7. Altura: Ajuste a altura dos seus campos escolhendo entre: Pequeno, Médio, Grande ou Extra Grande.
  8. Rótulos: Escolha se os rótulos dos campos do formulário aparecem dentro ou fora do campo.
  9. Cor da Etiqueta: Defina a cor dos rótulos quando colocados fora do campo.
  10. Cor interna da etiqueta: Defina a cor dos rótulos colocados dentro do campo (útil para rótulos no estilo de espaço reservado).
  11. Espaçamento entre campos: Use o controle deslizante para definir o espaçamento vertical (em pixels) entre cada campo do formulário.


Ataques XDR

  • Gerenciar o alinhamento do conteúdo do formulário horizontalmente de Alinhamento horizontal (1).
  • Gerenciar o alinhamento do conteúdo do formulário verticalmente de Alinhamento vertical (2).


Texto


Espaçamento

  • Especifique o Largura da imagem (1) da imagem na forma em Porcentagem.
  • Especifique o Espaço abaixo do título (3) em Px.
  • Especifique o Espaço Entre Imagem e Texto (3) em Porcentagem.
  • Especifique o Espaço Abaixo do Título (4) em Porcentagem.


NEW Manchete

  1. Alinhar horizontalmente o texto do título da seção. Você pode defini-lo como Esquerda, Centro e Direita.
  2. Habilitar/Desabilitar o Divisor entre o título da seção e o conteúdo da seção.
  3. Colocou o espessura do divisor (em pixels).
  4. Especifique o Cor Divisória do seletor de cores.
  5. Escolher Estilo Divisor da lista suspensa.
  6. Colocou o Largura do título para definir a largura que o título da seção deve ter, começando com um mínimo de 50%.
  7. Especifique o Espaço abaixo do título dentro da seção (em px).


Imagens

  1. Corte de imagem: Escolha o Icolheita de mago para os itens da lista. Você pode definir as imagens como Quadrado, Círculo, Horizontal, Retrato e Original.
  2. Raio de canto: Escolha ter um raio de canto comum ou raio de canto diferente para cada lado dos itens da lista e defina um número (em px) para o Craio próximo das imagens dos itens da lista. Saiba mais.
  3. Animação de foco: Escolha Animar a imagem da seção ao passar o mouse, ativando a alternância. Verifique esse recurso em uma página ao vivo.
  4. Estilo de Animação: Escolha um Estilo de Animação para imagens quando o cursor passa sobre elas.
  5. Máscara de forma: Habilite esta alternância para aplicar uma máscara de forma às imagens na seção Image List. Uma vez habilitado, a forma selecionada cortará visualmente a imagem naquele formato.
  6. Selecione a forma: Escolha entre várias formas predefinidas para aplicar às suas imagens. Isso permite que você estilize criativamente seu conteúdo exibindo imagens em formas únicas, como arredondado, diamante, gota, etc.

Dica

Com o raio de canto campo, você pode criar diferentes formas de imagens de itens de lista. Caso você especifique 500 px aqui, as imagens serão exibidas em forma de círculo.

  • Caso tenha escolhido cantos divididos, você pode definir diferentes raios de canto para cada canto.


Borda da imagem

  1. Ativar/desativar borda ao redor da imagem alternando o botão.
  2. Escolha ter um fronteira comum em todos os lados da imagem ou você pode especificar o fronteiras separadamente para cada lado.
  3. Especifique o largura da fronteira. Se estiver definido como 0, a borda não aparecerá. Você também tem a opção de definir a largura da borda individualmente para cada lado da imagem.
  4. Selecione os Cor da margem do seletor de cores.
  5. Selecione um preferido Estilo da Borda da lista suspensa.
  6. Determinar o largura da borda para celular dispositivos, alinhando-o com a largura escolhida para desktop.


Botão de formulário

Essas configurações permitem a personalização do botão de envio do formulário para corresponder ao design e layout da página.

  1. Tamanho do botão - Selecione o tamanho do botão (Pequeno, Médio ou Grande).
  2. Estilo do botão - Escolha o estilo geral do botão, como Padrão ou Personalizado.
  3. Cor do botao - Defina o estilo da cor do botão. As opções incluem Padrão, Inverter ou Personalizado.
  4. Texto do botão – Personalize a cor do texto exibido no botão.
  5. Fundo do botão – Selecione uma cor de fundo para o botão.


Botões de título

Essas configurações controlam a aparência e o espaçamento dos botões colocados com o título da seção.

  1. Tamanho do botão - Selecione o tamanho geral dos botões (Pequeno, Médio ou Grande).
  2. Espaço entre botões – Ajuste o espaçamento entre vários botões (medido em vw).
  3. Espaço acima dos botões – Defina o espaçamento vertical acima dos botões (medido em porcentagem).
  4. Largura do botão – Escolha a largura dos botões. As opções incluem Padrão, Grande, Extra Grande e Largura Total.
  5. Tamanho do link de texto – Especifique o tamanho da fonte dos links de texto associados aos botões (medido em px).
  6. Tamanho do botão de imagem – Ajuste o tamanho dos botões baseados em imagem (medidos em px).


Ícones sociais de manchete

Exiba e personalize ícones de compartilhamento social no formulário.

  1. Tamanho do ícone – Ajuste o tamanho dos ícones sociais (medido em px).
  2. Tipo de ícone – Escolha o estilo dos ícones, como as opções Clássico, Sólido ou Contorno.
  3. Cor do ícone – Selecione a cor dos ícones. As opções incluem Texto do Link, Personalizado ou Cor da Marca (cor original da plataforma social).
  4. Cor de fundo do ícone – Defina uma cor de fundo personalizada para os ícones para melhorar a visibilidade e o estilo.


Configurações da seção de avaliações

  • Etiqueta do botão (1) é o texto dentro do botão no formulário.
  • Escolha o Tamanho do botão (2) de Pequeno, Médio e Grande.
  • Escolha o Estilo de Botão (3) nas opções Padrão, Sólido, Contorno e Link de Texto.
  • Selecione Sim se desejar que o Botão para inverter a cor (4).
  • Escolha o Alinhamento de Botão (5) na forma da opção Esquerda, Centro ou Direita.
  • Habilite ou desabilite o Botão de largura total (6).


Notificações por e-mail

  • Especifique o Assunto do e-mail de envio do formulário de revisão que você recebe após o envio bem-sucedido do formulário. Você também pode incluir {SITE} variável para incluir o nome do site. Isso é útil quando você tem vários sites.


Gerenciar envios de formulário

As submissões no formulário de revisão não são publicadas automaticamente. Você pode verificar os comentários navegando para Configurações (1), então Envios formais (2).

Você pode filtrar os envios selecionando Comentários do livro de visitas (3).

A partir daqui, você pode:

  • Clique em qualquer submissão (1) para abri-lo.
  • Publicar / Cancelar publicação, marca como Lido/Não lido or Apagar (2) a apresentação de revisão.
  • Selecione vários / todos (3) envios para gerenciar configurações como Marcar como lido/não lido e Excluí-los.
  • Exportar (4) os envios como arquivos CSV.


Não consegue encontrar o que procura?

Entre em contato com um especialista da Pixpa.

O Pixpa Studio acaba de ser reformulado. Estamos atualizando todas as capturas de tela dos artigos de ajuda neste momento.