GravityView Review – ¬ŅQu√© es? ¬ŅQu√© hace? ¬ŅVale la pena comprar? (2020)

Formas de gravedad es uno de los complementos de formularios de WordPress más populares, en gran parte porque es increíblemente flexible (nuestra revisión). Puede usarlo para crear prácticamente cualquier tipo de formulario, desde un simple formulario de contacto hasta formularios de pago, formularios de registro y cualquier otra cosa que le haga cosquillas.

Sin embargo, una cosa que Gravity Forms no le permite hacer es mostrar toda la información que recopila en el front-end de su sitio. Eso es un problema porque, para ciertos tipos de formularios, recopilar la información no es suficiente, también necesita una forma de mostrársela a sus visitantes.

Ahí es donde entra GravityView. GravityView le permite tomar las entradas del formulario de Gravity Forms y mostrarlas en el front-end de su sitio de muchas maneras diferentes.

Por ejemplo, si tiene un directorio de eventos donde las personas pueden enviar eventos a través de un formulario de Gravity Forms, puede tomar esos envíos de eventos y mostrarlos automáticamente en el front-end de su sitio para que los visitantes naveguen. Las posibilidades son infinitas.

A continuación, compartiré más sobre lo que hace este complemento y para qué lo puede usar. Luego, le mostraré cómo funciona todo en un sitio de WordPress en vivo y compartiré mis pensamientos finales sobre el complemento.

Vamos a sumergirnos en …

¬ŅQu√© hace GravityView?

El lema de GravityView de su sitio web es una muy buena explicación de alto nivel de su propuesta de valor:

‚ÄėGravity Forms recopila datos. GravityView muestra los datos ".

Eso significa lo que expliqué anteriormente: puede tomar datos de sus entradas de Gravity Forms y mostrarlos en el front-end de su sitio.

Para controlar c√≥mo se ven esos datos, GravityView le ofrece un generador de dise√Īo de arrastrar y soltar donde puede controlar la salida de sus datos utilizando widgets. Por ejemplo, un widget puede representar los datos de un campo de formulario espec√≠fico, mientras que otro puede representar un cuadro de b√ļsqueda para que los visitantes busquen todas las entradas.

Puede incluir todo tipo de datos de formulario en sus dise√Īos, incluidas im√°genes, video, audio, calificaciones de revisi√≥n y m√°s.

Tambi√©n puede elegir entre diferentes opciones de dise√Īo, que incluyen:

  • Mesas – tanto tablas simples como tablas m√°s avanzadas a trav√©s de un Tablas de datos integraci√≥n.
  • Liza – como la p√°gina que enumera las publicaciones de tu blog, pero puedes controlar el dise√Īo de cada entrada de formulario.
  • mapas de Google – Mostrar presentaciones de formularios en un mapa. Ideal para directorios de ubicaci√≥n f√≠sica. Por ejemplo, puede listar apartamentos en alquiler en un mapa y dejar que las personas env√≠en apartamentos nuevos a trav√©s de Gravity Forms.
  • Calendario – Mostrar entradas en una vista de calendario. Excelente para el directorio de eventos que mencion√© anteriormente o cualquier tipo de sitio basado en fechas.

Para ayudar a los visitantes a navegar por los datos, puede agregar opciones de b√ļsqueda, clasificaci√≥n y filtro de front-end.

Finalmente, puede permitir a los usuarios editar sus propias entradas de Gravity Forms desde el front-end del sitio e incluso realizar un seguimiento de las revisiones de esas entradas. También puede limitar qué campos de formulario las personas pueden editar desde el front-end.

¬ŅPara qu√© se puede usar GravityView?

Debido a que Gravity Forms es tan flexible, también puede usar GravityView de muchas maneras diferentes.

El mayor caso de uso es probablemente cualquier tipo de sitio de directorio, como:

  • Negocios
  • Ubicaciones f√≠sicas
  • Personas
  • Eventos
  • Informaci√≥n digital
  • Etc

Puede usar Gravity Forms para permitir que las personas envíen entradas a su directorio. Incluso puede cobrar a las personas por enviar entradas a través de las funciones de pago integradas de Gravity Forms. Luego, puede usar GravityView para crear automáticamente la base de datos front-end a partir de esos envíos.

Sin embargo, el blog GravityView también detalla muchos otros casos de uso interesantes. Dos de mis ejemplos favoritos son:

Entonces, realmente, si te vuelves creativo, puedes usar GravityView para mucho m√°s que solo directorios.

Cómo funciona GravityView en un sitio real de WordPress

Ahora que comprende lo que GravityView le ayuda a hacer, déjeme mostrarle cómo funciona todo.

Todo comienza con un formulario, así que, antes de instalar GravityView, usé Gravity Forms para configurar uno.

Elegí el ejemplo de un directorio de desarrolladores de WordPress. Si un desarrollador quiere incluirse en el directorio, puede usar el formulario para enviar sus detalles.

En este ejemplo, pueden hacerlo de forma gratuita, pero recuerde que podría cobrarle fácilmente a las personas por el privilegio utilizando los campos de pago de Gravity Forms. O bien, puede permitir que la gente haga una lista de forma gratuita pero cobrarles por una lista patrocinada.

Un formulario de ejemplo de Gravity Forms que alimenta datos en GravityView

Entonces, ahora que tengo ese formulario (y algunas entradas que envié), podemos echar un vistazo a cómo usar GravityView para mostrar esa información en el front-end.

Crear una nueva vista

Como su nombre lo indica, un dise√Īo de front-end espec√≠fico para sus entradas de Gravity Forms se denomina "vista".

Cuando vaya a crear una nueva vista, puede elegir dos fuentes diferentes para sus datos:

  1. Un formulario preestablecido – use un formulario de plantilla preestablecido de GravityView en lugar de uno de sus formularios existentes. Incluye plantillas para directorios de empresas, perfiles humanos, bolsas de trabajo y m√°s.
  2. Un formulario existente Рelija una de sus formas existentes de Gravity Forms. Eso es lo que haré para esta revisión porque ya creé el formulario anterior.

Una vez que elija su fuente de datos, puede seleccionar su Tipo de vista, que define aproximadamente el dise√Īo de front-end para sus datos. Con la versi√≥n principal, puede elegir entre un mesa o lista ver. Tambi√©n puede agregar el mapa y los dise√Īos de calendario que mencion√© usando complementos:

Elija la fuente de GravityView

Para este ejemplo, elegiré una vista de lista.

Control de su dise√Īo de vista

Una vez que elija una fuente de datos y una opci√≥n de dise√Īo, puede usar un generador de arrastrar y soltar para controlar el dise√Īo real de su vista utilizando widgets.

Puede dise√Īar tres p√°ginas en total:

  • M√ļltiples entradas – Esta plantilla controla la lista de todas las entradas de Gravity Forms.
  • Sola entrada – Esta plantilla controla la p√°gina dedicada para una sola entrada. Por lo general, las personas navegan a esta p√°gina desde la lista de entradas m√ļltiples.
  • Editar entrada – esto controla qu√© campos las personas pueden editar desde la interfaz de usuario.

Las tres opciones diferentes de plantilla GravityView

Plantilla de entradas m√ļltiples

Para el M√ļltiples entradas p√°gina, puede controlar tres partes de la p√°gina:

  • Widgets de entradas anteriores – estos widgets solo aparecen una vez. Por ejemplo, puede agregar una barra de b√ļsqueda o filtros.
  • Campos de entradas – estos "bucles" para cada entrada que muestra. Es decir, se repetir√°n una y otra vez para mostrar los mismos detalles para cada entrada ().
  • Abajo widgets de entradas – Al igual que los widgets de entradas anteriores, estos widgets solo aparecen una vez. Puede usarlos para cosas como la paginaci√≥n u otro cuadro de b√ļsqueda.

Los diferentes puntos de dise√Īo en la plantilla de entradas m√ļltiples

Para los widgets anteriores y posteriores, puede elegir entre una selección predeterminada de widgets que incluyen:

  • Mostrar informaci√≥n de paginaci√≥n.
  • Enlaces de p√°gina.
  • Tama√Īo de p√°gina: permite a los usuarios cambiar cu√°ntas entradas se muestran.
  • Contenido personalizado: agregue su propio contenido est√°tico.
  • Barra de b√ļsqueda.

Agregar un nuevo widget a su dise√Īo de vista

Si hace clic en el √≠cono de ajustes junto a un widget, puede controlar c√≥mo funciona ese widget. Por ejemplo, si edita la barra de b√ļsqueda, puede limitarla para buscar solo campos espec√≠ficos en cada entrada y configurar algunas otras configuraciones:

Edición de la configuración de un widget GravityView

También puede agregar widgets adicionales con complementos, que tocaré más adelante.

Para los campos de entrada, puede elegir los campos de formulario reales del formulario que seleccionó anteriormente.

Por ejemplo, puede establecer el título de cada listado igual al campo de nombre de su formulario:

Agregar un nuevo campo a su dise√Īo de vista

Puede agregar campos a todas las diferentes √°reas de dise√Īo para su dise√Īo elegido, y usar arrastrar y soltar para mover los campos seg√ļn sea necesario.

Una cosa a tener en cuenta es que est√° limitado al dise√Īo preconfigurado ()

Si conoce HTML y CSS, GravityView ofrece una herramienta para facilitar la creaci√≥n de sus propios dise√Īos sin editar archivos de plantilla. Sin embargo, si conoce HTML y CSS, est√° limitado a los dise√Īos preestablecidos, aunque puede organizar sus campos en cualquier orden dentro de esos dise√Īos.

Esto es lo que parecía después de agregar todos los campos de mi formulario de ejemplo:

Agregar campos de formulario a su dise√Īo

Si hace clic en el √≠cono de ajustes junto a un campo de formulario, puede editar ese campo. Por ejemplo, solo puede mostrar algunos campos a los usuarios registrados o vincular un campo a la p√°gina de entrada √ļnica.

Algunos campos también obtienen configuraciones adicionales. Por ejemplo, para un campo de ubicación, puede agregar un enlace "Map It" para ayudar a las personas a encontrar la ubicación usando Google Maps:

Editar la configuración de un campo

Plantilla de entrada √ļnica

En el Sola entrada pesta√Īa, puede usar una interfaz id√©ntica para dise√Īar el dise√Īo de la p√°gina de entrada √ļnica. Excepto que ahora solo trabaja con los campos del formulario; no hay necesidad de widgets de b√ļsqueda o paginaci√≥n porque esta plantilla solo muestra una entrada espec√≠fica:

Editar la plantilla de entrada √ļnica

También puede agregar su propio contenido personalizado utilizando un Contenido personalizado campo si es necesario, así como campos para permitir a las personas editar o eliminar entradas:

El campo de contenido personalizado GravityView

Al igual que con la plantilla de entradas m√ļltiples, est√° limitado a esta disposici√≥n de dise√Īo preestablecida a menos que conozca HTML y CSS.

Editar plantilla de entrada

Finalmente, puede controlar el dise√Īo para el Editar entrada modelo. Una vez m√°s, estos son los campos que los usuarios registrados ver√°n cuando intenten editar una de sus propias entradas.

Puede usar esto para que las personas solo puedan editar ciertos campos, en lugar de la entrada completa.

Por ejemplo, puedo configurarlo para que los desarrolladores de WordPress puedan editar todos los campos para su nombre:

Controlar la plantilla de entrada de edición

Ver configuraciones

Lo √ļltimo que debe configurar antes de publicar su vista es el Ver configuraciones.

Aqu√≠, puede configurar un mont√≥n de configuraciones generales m√°s peque√Īas, como:

  • si ocultar o no los campos vac√≠os
  • comportamiento de clasificaci√≥n
  • si mostrar todas las entradas del formulario o solo las entradas que haya aprobado manualmente
  • si los usuarios registrados pueden editar sus propias entradas.

Configuración de GravityView

¡Y eso es! Ahora puede publicar y mostrar su vista en cualquier parte de su sitio utilizando el código abreviado proporcionado.

Explorando cómo funciona una vista con más detalle

Ahora que he creado una vista para acompa√Īar mi formulario, echemos un vistazo m√°s profundo a la interacci√≥n entre un formulario de Gravity Forms y una vista de GravityView.

Ya te mostré el formulario de front-end de Gravity Forms:

Un formulario de ejemplo de Gravity Forms que alimenta datos en GravityView

Cuando alguien envía datos a través de ese formulario, se muestra como una entrada en Gravity Forms. Puede ver que nuestro formulario de ejemplo tiene tres entradas, cada una representando un desarrollador de WordPress:

Entradas de formulario en formularios de gravedad

Ahora, aqu√≠ es donde entra en juego GravityView. En la p√°gina de inicio donde agregu√© el c√≥digo corto GravityView, puede ver un elemento de lista para cada entrada en Formas de gravedad. Este es el plantilla de entradas m√ļltiples:

Un ejemplo de front-end de la plantilla de entradas m√ļltiples

Si alguien hace clic en una de esas entradas, lo llevar√° a la plantilla de entrada √ļnica para esa entrada espec√≠fica:

Un ejemplo de front-end de la plantilla de entrada √ļnica

Y luego, si lo ha habilitado, los usuarios registrados pueden editar sus propias entradas desde el front-end usando el editar plantilla de entrada. Pero, seg√ļn c√≥mo configur√© las cosas anteriormente, puede ver que las personas editan el campo de nombre:

Un ejemplo de front-end de la plantilla de entrada de edición

¡Y así es como funciona! Si te vuelves creativo, puedes construir algunas implementaciones realmente ordenadas.

Complementos GravityView

Puede hacer todo lo que le mostr√© anteriormente con solo el complemento GravityView principal. Pero, seg√ļn el plan que compre, tambi√©n puede obtener acceso a complementos adicionales para ampliar a√ļn m√°s la funcionalidad de GravityView.

Puede ver la lista completa de complementos aquí, pero aquí hay un breve resumen de lo que cada complemento le permite hacer:

  • Importar entradas – entradas de importaci√≥n masiva a Gravity Forms utilizando un CSV. Luego puede usar estos datos en sus vistas.
  • Calendario – Mostrar entradas en un dise√Īo de calendario. Ideal para sitios de eventos.
  • Edici√≥n en l√≠nea – ofrece edici√≥n en l√≠nea en GravityView y Gravity Forms para ediciones m√°s r√°pidas.
  • Revisiones de entrada – vea los cambios realizados en una entrada y revierta f√°cilmente esos cambios cuando sea necesario.
  • Formas m√ļltiples – Crear vistas que muestren datos de m√ļltiples formas.
  • Dise√Īo de bricolaje – Crea tus propios dise√Īos personalizados. Esto todav√≠a requiere algo de conocimiento de HTML y CSS, pero el complemento hace que el proceso sea mucho m√°s f√°cil de lo que ser√≠a de otro modo porque no es necesario editar directamente los archivos de plantilla.
  • Matem√°ticas – Realizar c√°lculos matem√°ticos basados ‚Äč‚Äčen entradas. .
  • Mapas – Mostrar entradas en un mapa. Ideal para directorios de ubicaciones f√≠sicas.
  • Calificaciones y comentarios – Permitir a los visitantes calificar y revisar las entradas Otra gran opci√≥n para sitios de directorio. Por ejemplo, puede permitir que las personas califiquen empresas locales o proveedores de servicios.
  • Filtros A-Z – Permita que las personas filtren los resultados por la letra inicial de cada entrada.
  • Entradas destacadaspresenta entradas espec√≠ficas en sus dise√Īos de vista. Ideal para listados de directorios pagos. Puede permitir que las personas env√≠en listados b√°sicos de forma gratuita y luego pagar para actualizar a un listado patrocinado.
  • Compartir en redes sociales y SEO – Agrega botones para compartir en redes sociales y opciones de SEO m√°s avanzadas.
  • Tablas de datos – integrarse con Tablas de datos para crear dise√Īos de tabla m√°s detallados.
  • Filtrado avanzado – controle qu√© entradas aparecen en su vista por condiciones avanzadas, como el usuario que cre√≥ una entrada, valores de b√ļsqueda, roles de usuario, rangos de fechas y m√°s.

Puede comprar las tres primeras extensiones de forma independiente, mientras que el resto solo están disponibles como parte de un plan de licencia paga. Hablando de…

GravityView Precios

GravityView solo viene en una versión premium: no hay una versión gratuita para jugar. Existen tres planes de precios diferentes, con diferencias significativas para cada uno cuando se trata de:

  • en cu√°ntos sitios puede usar GravityView en
  • los complementos a los que tiene acceso
  • a cu√°ntos dise√Īos tiene acceso.

Puede ver las características y precios en la imagen a continuación:

La p√°gina de precios de GravityView

Tambi√©n hay un plan de por vida que cuesta $ 949. Ese plan te da acceso a todo en el Todo el acceso plan plus actualizaciones de por vida (pero solo tres a√Īos de soporte).

Obviamente, el plan de por vida no es barato, pero si lo usa para crear muchos sitios para clientes, puede repartir ese costo en todos los sitios de sus clientes y, de hecho, puede ahorrarle algo de dinero.

Pensamientos finales

En el mundo de Gravity Forms, GravityView es bastante popular, y por alguna razón. En pocas palabras, es la forma más fácil que he encontrado para obtener entradas de Gravity Forms en el front-end de su sitio.

Si bien hay otras opciones para algunos casos de uso, como agregar entradas como un tipo de publicación personalizada y mostrarlas en su sitio, generalmente no son tan simples o flexibles como usar GravityView.

Crear una vista es simple e intuitivo. M√°s importante a√ļn, no requiere ning√ļn conocimiento de PHP, HTML o CSS a menos que desee crear su propio dise√Īo personalizado, por lo que no necesita ser un desarrollador para obtener valor de esta herramienta.

Adem√°s, debido a que Gravity Forms es tan flexible, los casos de uso son pr√°cticamente ilimitados.

Es una excelente opción para cualquier tipo de directorio, pero también puede usarlo de otras maneras. Básicamente, si su caso de uso implica recopilar datos a través de un formulario y mostrar esos datos en la parte frontal de su sitio, GravityView probablemente pueda ayudarlo a hacer el trabajo.

Si desea obtener más información y comenzar, haga clic aquí para dirigirse a GravityView.

Usado / usando GravityView? Experiencia, pensamientos y opiniones?