GravityView Review – O que é isso? O que isso faz? E isso é bom? (2020)

Ofertas do WordPress


O Gravity Forms é um dos plugins de formulário mais populares do WordPress – em grande parte porque é incrivelmente flexível em nossa análise. Você pode usá-lo para criar praticamente qualquer tipo de formulário – desde um simples formulário de contato até formulários de pagamento, formulários de registro e qualquer outra coisa que agrade sua imaginação.

Uma coisa que o Gravity Forms não permite é exibir todas as informações coletadas no front-end do site. Isso é um problema porque, para certos tipos de formulários, a coleta de informações não é suficiente – você também precisa de uma maneira de mostrá-las aos visitantes.

É aí que entra o GravityView. O GravityView permite pegar as entradas de formulário do Gravity Forms e exibi-las no front-end do site de várias maneiras diferentes.

Por exemplo, se você possui um diretório de eventos em que as pessoas podem enviar eventos por meio de um formulário Gravity Forms, você pode receber os envios de eventos e exibi-los automaticamente no front-end do site para os visitantes navegarem. As possibilidades são infinitas.

Abaixo, compartilharei mais sobre o que esse plug-in faz e para que você pode usá-lo. Em seguida, mostrarei como tudo funciona em um site WordPress ao vivo e compartilharei meus pensamentos finais sobre o plug-in.

Vamos mergulhar …

O que o GravityView faz?

O slogan do GravityView em seu site é uma boa explicação de alto nível de sua proposta de valor:

A página inicial do GravityView

Forms Gravity Forms coleta dados. O GravityView exibe os dados. ‘

Isso significa o que expliquei acima – você pode pegar os dados das entradas do Gravity Forms e exibi-los no front-end do site.

Para controlar a aparência desses dados, o GravityView oferece um construtor de layout de arrastar e soltar, no qual você pode controlar a saída dos dados usando widgets. Por exemplo, um widget pode representar os dados de um campo de formulário específico, enquanto outro pode representar uma caixa de pesquisa para os visitantes pesquisarem todas as entradas.

Você pode incluir todos os tipos de dados de formulário em seus layouts, incluindo imagens, vídeo, áudio, classificações de revisão e muito mais.

Você também pode escolher entre diferentes opções de layout, incluindo:

  • Tabelas – tabelas simples e tabelas mais avançadas por meio de uma integração do DataTables.
  • Listas – como a página que lista as postagens do seu blog, mas você pode controlar o layout de cada entrada de formulário.
  • Google Maps – exibir envios de formulário em um mapa. Ótimo para diretórios de localização física. Por exemplo, você pode listar apartamentos para alugar em um mapa e permitir que as pessoas enviem novos apartamentos por meio do Gravity Forms.
  • Calendário – exibir entradas em uma exibição de calendário. Ótimo para o diretório de eventos que mencionei acima ou qualquer tipo de site baseado em data.

Para ajudar os visitantes a navegar pelos dados, você pode adicionar opções de pesquisa, classificação e filtro de front-end.

Por fim, você pode permitir que os usuários editem suas próprias entradas Gravity Forms no front-end do site e até acompanhem as revisões nessas entradas. Você também pode limitar quais campos de formulário as pessoas podem editar no front end.

Para que você pode usar o GravityView?

Como o Gravity Forms é muito flexível, você também pode usar o GravityView de várias maneiras diferentes.

O maior caso de uso provavelmente é qualquer tipo de site de diretório, como:

  • Empresas
  • Localizações físicas
  • Pessoas
  • Eventos
  • Informação digital
  • Etc

Você pode usar o Gravity Forms para permitir que as pessoas enviem entradas para o seu diretório. Você pode até cobrar das pessoas pelo envio de inscrições por meio dos recursos de pagamento integrados do Gravity Forms. Em seguida, você pode usar o GravityView para criar automaticamente o banco de dados front-end a partir desses envios.

O blog GravityView também detalha muitos outros casos de uso interessantes. Dois dos meus exemplos favoritos são:

  • Organizadores de eventos usando o GravityView para criar uma lista pública de convidados para eventos.
  • Coletando e exibindo feedback.

Então, se você for criativo, poderá usar o GravityView para muito mais do que apenas diretórios.

Como o GravityView funciona em um site WordPress real

Agora que você entende o que o GravityView ajuda a fazer, deixe-me mostrar como tudo funciona.

Tudo começa com um formulário, portanto, antes de instalar o GravityView, usei o Gravity Forms para configurar um.

Eu escolhi o exemplo de um diretório de desenvolvedores do WordPress. Se um desenvolvedor quiser se listar no diretório, poderá usar o formulário para enviar seus detalhes.

Neste exemplo, eles podem fazer isso de graça, mas lembre-se de que você pode facilmente cobrar das pessoas pelo privilégio usando os campos de pagamento Gravity Forms. Ou então, você pode deixar as pessoas listarem gratuitamente, mas cobrá-las por uma listagem patrocinada.

Um exemplo de formulário do Gravity Forms que alimenta dados no GravityView

Então, agora que tenho esse formulário (e algumas entradas que enviei), podemos dar uma olhada em como usar o GravityView para exibir essas informações no front-end.

Criando uma nova visão

Como o próprio nome sugere, um layout de front-end específico para as entradas do Gravity Forms é chamado de ‘visualização’.

Ao criar uma nova exibição, você pode escolher duas fontes diferentes para seus dados:

  1. Uma predefinição de formulário – use um formulário predefinido do GravityView em vez de um dos formulários existentes. Inclui modelos para diretórios de negócios, perfis humanos, quadros de empregos e muito mais.
  2. Um formulário existente – escolha um dos seus formulários existentes em Gravity Forms. É o que farei nesta revisão, porque já criei o formulário acima.

Depois de escolher sua fonte de dados, você pode selecionar seu Tipo de visualização, que define aproximadamente o layout de front-end para seus dados. Com a versão principal, você pode escolher entre um mesa ou Lista Visão. Você também pode adicionar os layouts de mapa e calendário que mencionei usando os complementos:

Escolha a fonte para o GravityView

Neste exemplo, vou escolher uma exibição de lista.

Controlando seu layout de exibição

Depois de escolher uma fonte de dados e uma opção de layout, você pode usar um construtor de arrastar e soltar para controlar o layout real da sua exibição usando widgets.

Você pode criar três páginas no total:

  • Múltiplas entradas – este modelo controla a lista de todas as entradas de Gravity Forms.
  • Entrada única – este modelo controla a página dedicada para uma única entrada. Geralmente, as pessoas navegam para esta página na lista de entradas múltiplas.
  • Editar entrada – controla quais campos as pessoas podem editar a partir da interface front-end.

As três opções diferentes de modelo do GravityView

Modelo de entradas múltiplas

Para o Múltiplas entradas página, você pode controlar três partes da página:

  • Widgets acima das entradas – esses widgets aparecem apenas uma vez. Por exemplo, você pode adicionar uma barra ou filtros de pesquisa.
  • Campos de entradas – esses ‘loop’ para cada entrada que você exibir. Ou seja, eles repetem várias vezes para exibir os mesmos detalhes de cada entrada (assim como a página da sua lista de blogs lista automaticamente todas as postagens do blog e repete o mesmo layout para cada postagem).
  • Widgets abaixo das entradas – como os widgets de entradas acima, esses widgets aparecem apenas uma única vez. Você pode usá-los para itens como paginação ou outra caixa de pesquisa.

Os diferentes pontos de layout no modelo de múltiplas entradas

Para os widgets acima e abaixo, você pode escolher entre uma seleção predefinida de widgets, incluindo:

  • Mostrar informações de paginação.
  • Links da página.
  • Tamanho da página – permite que os usuários alterem quantas entradas são exibidas.
  • Conteúdo personalizado – adicione seu próprio conteúdo estático.
  • Barra de pesquisa.

Adicionando um novo widget ao seu layout de visualização

Se você clicar no ícone de engrenagem ao lado de um widget, poderá controlar como esse widget funciona. Por exemplo, se você editar a barra de pesquisa, poderá limitá-la a procurar apenas campos específicos em cada entrada e definir algumas outras configurações:

Editando as configurações de um widget GravityView

Você também pode adicionar widgets adicionais com complementos, nos quais tocarei mais tarde.

Para os campos de entrada, você pode escolher os campos reais do formulário selecionado anteriormente.

Por exemplo, você pode definir o título de cada listagem igual ao campo de nome do seu formulário:

Adicionando um novo campo ao seu layout de visualização

Você pode adicionar campos a todas as áreas de layout diferentes para o layout escolhido e usar arrastar e soltar para mover os campos conforme necessário.

Um aspecto a ser observado é que você está limitado ao layout pré-configurado (por exemplo, “Título da listagem”, “Subtítulo”, “Rodapé à esquerda” etc.)

Se você conhece o HTML e CSS, o GravityView oferece uma ferramenta para facilitar a criação de seus próprios layouts sem editar os arquivos de modelo. No entanto, se você não conhece HTML e CSS, está limitado aos layouts predefinidos – embora possa organizar seus campos em qualquer ordem dentro desses layouts.

Veja como era depois de adicionar todos os campos do meu exemplo de formulário:

Adicionando campos de formulário ao seu layout

Se você clicar no ícone de roda dentada ao lado de um campo de formulário, poderá editá-lo. Por exemplo, você pode mostrar apenas alguns campos para usuários conectados ou vincular um campo à página de entrada única.

Alguns campos também recebem configurações adicionais. Por exemplo, para um campo de localização, você pode adicionar um link “Map It” para ajudar as pessoas a encontrar a localização usando o Google Maps:

Editando as configurações de um campo

Modelo de entrada única

No Entrada única Na guia, você pode usar uma interface idêntica para criar o layout da página de entrada única. Exceto agora, você trabalha apenas com os campos do formulário – não há necessidade de widgets de pesquisa ou paginação porque este modelo exibe apenas uma entrada específica:

Editando o modelo de entrada única

Você também pode adicionar seu próprio conteúdo personalizado usando um Conteúdo personalizado se necessário, bem como campos para permitir que as pessoas editem ou excluam entradas:

O campo de conteúdo personalizado GravityView

Assim como no modelo de múltiplas entradas, você está limitado a esse layout predefinido, a menos que conheça HTML e CSS.

Editar modelo de entrada

Por fim, você pode controlar o layout para o Editar entrada modelo. Novamente, esses são os campos que os usuários conectados verão quando tentarem editar uma de suas próprias entradas.

Você pode usar isso para que as pessoas possam editar apenas determinados campos, em vez de toda a entrada.

Por exemplo, eu posso configurá-lo para que os desenvolvedores do WordPress possam editar todos os campos, exceto o nome:

Controlando o modelo de entrada de edição

Configurações de exibição

A última coisa que você precisa configurar antes de publicar sua visualização é o Configurações de exibição.

Aqui, você pode definir várias configurações gerais menores, como:

  • ocultar ou não campos vazios
  • comportamento de classificação
  • mostrar todas as entradas do formulário ou apenas as entradas aprovadas manualmente
  • se usuários logados podem editar suas próprias entradas.

Configurações do GravityView

E é isso! Agora você pode publicar e exibir sua visualização em qualquer lugar do site usando o código de acesso fornecido.

Explorando como uma exibição funciona em mais detalhes

Agora que criei uma visualização para acompanhar meu formulário, vamos analisar mais detalhadamente a interação entre um formulário do Gravity Forms e uma visualização do GravityView.

Eu já mostrei o formulário de front-end do Gravity Forms:

Um exemplo de formulário do Gravity Forms que alimenta dados no GravityView

Quando alguém envia dados por esse formulário, ele aparece como uma entrada no Gravity Forms. Você pode ver que nosso formulário de exemplo possui três entradas, cada uma representando um desenvolvedor do WordPress:

Entradas de formulário em Gravity Forms

Agora, é aqui que o GravityView entra em ação. Na página inicial onde adicionei o código de acesso GravityView, você pode ver um item da lista para cada entrada nos Gravity Forms. Isto é o modelo de múltiplas entradas:

Um exemplo de front-end do modelo de múltiplas entradas

Se alguém clicar em uma dessas entradas, ele será levado para o modelo de entrada única para essa entrada específica:

Um exemplo de front-end do modelo de entrada única

E então, se você tiver ativado, os usuários conectados podem editar suas próprias entradas no front end usando o editar modelo de entrada. Mas, com base em como eu configurei as coisas anteriormente, você pode ver que as pessoas não podem editar o campo de nome:

Um exemplo de front-end do modelo de entrada de edição

E é assim que funciona! Se você for criativo, poderá criar algumas implementações realmente legais.

Complementos para o GravityView

Você pode fazer tudo o que eu mostrei acima com apenas o principal plugin do GravityView. Mas, dependendo do plano que você compra, você também pode ter acesso a plug-ins adicionais para ampliar ainda mais a funcionalidade do GravityView.

Você pode ver a lista completa de complementos aqui, mas aqui está um breve resumo do que cada complemento permite:

  • Importar entradas – entradas de importação em massa para Gravity Forms usando um CSV. Você pode usar esses dados em suas visualizações. Não requer GravityView.
  • Calendário – exibir entradas em um layout de calendário. Ótimo para sites de eventos.
  • Edição em linha – oferece edição embutida no GravityView e Gravity Forms para edições mais rápidas.
  • Revisões de entrada – veja as alterações feitas em uma entrada e reverta facilmente essas alterações quando necessário.
  • Vários formulários – criar visualizações que exibem dados de vários formulários.
  • Layout DIY – crie seus próprios layouts personalizados. Isso ainda requer algum conhecimento de HTML e CSS, mas o complemento facilita muito o processo do que seria caso contrário, porque você não precisa editar diretamente os arquivos de modelo.
  • Matemática – realizar cálculos matemáticos com base nas entradas. Não requer GravityView, mas integra-se bem.
  • Mapas – exibe entradas em um mapa. Ótimo para diretórios de locais físicos.
  • Avaliações & Avaliações – permita aos visitantes avaliar e revisar entradas. Outra ótima opção para sites de diretório. Por exemplo, você pode permitir que as pessoas classifiquem empresas locais ou provedores de serviços.
  • Filtros A-Z – permita que as pessoas filtrem os resultados pela letra inicial de cada entrada.
  • Entradas em destaqueapresentam entradas específicas nos seus layouts de exibição. Ótimo para listagens de diretório pagas. Você pode permitir que as pessoas enviem listagens básicas gratuitamente e pague para atualizar para uma listagem patrocinada.
  • Compartilhamento social & SEO – adiciona botões de compartilhamento social e opções de SEO mais avançadas.
  • DataTables – integrar com DataTables para criar layouts de tabela mais detalhados.
  • Filtragem Avançada – controle quais entradas aparecerão na sua exibição por condições avançadas, como o usuário que criou uma entrada, valores de pesquisa, funções do usuário, períodos e muito mais.

Você pode comprar as três primeiras extensões de forma independente, enquanto as demais só estão disponíveis como parte de um plano de licença paga. Falando de…

GravityView Preços

O GravityView vem apenas em uma versão premium – não há uma versão gratuita para brincar. Existem três planos de preços diferentes, com diferenças significativas para cada um deles:

  • quantos sites você pode usar o GravityView em
  • os complementos aos quais você tem acesso
  • a quantos layouts você tem acesso.

Você pode visualizar os recursos e preços na imagem abaixo:

A página de preços do GravityView

Há também um plano vitalício que custa US $ 949. Esse plano permite que você acesse tudo no Acesso ilimitado planejar mais atualizações vitalícias (mas apenas três anos de suporte).

Obviamente, o plano de vida útil não é barato, mas, se você estiver usando-o para criar muitos sites para clientes, poderá distribuir esse custo por todos os sites de seus clientes, e pode realmente economizar algum dinheiro.

Pensamentos finais

No mundo Gravity Forms, o GravityView é bastante popular – e por um motivo. Simplificando, é a maneira mais fácil de encontrar entradas do Gravity Forms no front end do seu site.

Embora existam outras opções para alguns casos de uso, como adicionar entradas como um tipo de postagem personalizado e exibi-las em seu site, elas geralmente não são tão simples ou flexíveis quanto usar o GravityView.

Criar uma visão é simples e intuitiva. Mais importante, ele não requer nenhum conhecimento de PHP, HTML ou CSS, a menos que você queira criar seu próprio layout personalizado; portanto, não é necessário ser um desenvolvedor para obter valor com esta ferramenta..

Além disso, como o Gravity Forms em si é muito flexível, os casos de uso são praticamente ilimitados.

É uma ótima opção para qualquer tipo de diretório, mas você também pode usá-lo de outras maneiras. Basicamente, se o seu caso de uso envolver a coleta de dados por meio de um formulário e a exibição desses dados no front end do site, o GravityView provavelmente poderá ajudá-lo a realizar o trabalho.

Se você quiser saber mais e começar, clique aqui para ir para o GravityView.

Usado / usando GravityView? Experiência, pensamentos e opiniões?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map