Revisi√≥n de GravityView: ¬Ņqu√© es? Que hace ¬ŅVale la pena comprarlo? (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 prueba). Puede usarlo para crear prácticamente cualquier tipo de formulario, desde un simple formulario de contacto hasta formularios de pago, formularios de registro y todo lo que le haga cosquillas.

Sin embargo, en Gravity Forms no podrá ver toda la información recopilada antes de su sitio. Esto es un problema porque la recopilación de información no es suficiente para ciertos tipos de formularios. También necesita una forma de mostrárselos a sus visitantes.

Aquí es donde entra GravityView. GravityView le permite mostrar las entradas de formulario de Gravity Form de muchas maneras diferentes antes de su sitio.

  

Por ejemplo, si tu Tenga un registro de eventos donde las personas puedan enviar eventos mediante un formulario de formularios de gravedad, puede heredar estos envíos de eventos y mostrarlos automáticamente delante de su sitio para que los visitantes puedan buscarlos. Las posibilidades son infinitas.

A continuaci√≥n, le cuento m√°s sobre lo que hace este complemento y para qu√© lo puede usar. Luego te muestro c√≥mo funciona todo en un sitio de WordPress en vivo y comparto mis √ļltimos pensamientos sobre el complemento.

Vamos a sumergirnos en …

¬ŅQu√© hace GravityView?

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

“Gravity Forms recopila datos. GravityView muestra los datos. "

Esto significa lo que he explicado antes: puede extraer datos de sus registros de Gravity Forms y mostrarlos en el frente de su sitio.

Para controlar c√≥mo se ven estos datos, GravityView proporciona un generador de dise√Īo de arrastrar y soltar que le permite controlar la salida de sus datos utilizando widgets. Por ejemplo, un widget puede mostrar los datos en un campo de formulario espec√≠fico, mientras que otro widget puede mostrar un cuadro de b√ļsqueda donde los visitantes pueden buscar todos los registros.

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

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

  • tablas – tanto tablas simples como extendidas con un Las tablas de datos Integraci√≥n.
  • liza – Me gusta la p√°gina que muestra las publicaciones de tu blog, pero puedes verificar el dise√Īo de cada publicaci√≥n de formulario.
  • Google Maps – Ver presentaciones de formas en un mapa. Ideal para directorios de ubicaci√≥n f√≠sica. Por ejemplo, puede enumerar los apartamentos de alquiler en un mapa y enviar apartamentos nuevos a trav√©s de Gravity Forms.
  • calendario – Ver entradas en una vista de calendario. Ideal para la biblioteca de eventos mencionada anteriormente o para cualquier tipo de sitio basado en fechas.

Para facilitar a los visitantes la navegaci√≥n de los datos, puede agregar opciones de b√ļsqueda, clasificaci√≥n y front-end.

Finalmente, puede permitir a los usuarios editar sus propios registros de Gravity Forms en la parte frontal del sitio e incluso realizar un seguimiento de las revisiones de esos registros. También puede limitar qué campos de formulario se pueden editar en el front-end.

¬ŅPara qu√© se puede usar GravityView?

Debido a que Gravity Forms es tan flexible, 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√©tera

Puede usar Gravity Forms para permitir que los usuarios envíen registros a su biblioteca. Incluso puede cobrar por el envío de boletos utilizando la funcionalidad de pago integrada en Gravity Forms. Luego puede usar GravityView para crear automáticamente la base de datos frontend a partir de estas transferencias.

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

Entonces, si se vuelve creativo, no puede usar GravityView solo para carpetas.

Así es como funciona GravityView en un verdadero sitio de WordPress

Ahora que comprende lo que GravityView le está ayudando, le mostraré cómo funciona todo.

Todo comienza con una forma. Antes de instalar GravityView, utilicé Gravity Forms para configurar uno.

Elegí el ejemplo de un directorio de desarrolladores de WordPress. Si un desarrollador quiere ser incluido en la biblioteca, puede usar el formulario para enviar sus datos.

En este ejemplo, puede hacer esto de forma gratuita. Sin embargo, tenga en cuenta que puede cobrar fácilmente a las personas por el privilegio utilizando los campos de pago de Gravity Forms. También puede permitir que las personas creen una lista de forma gratuita, pero les cobra por una lista patrocinada.

Una vez que reciba este formulario (y algunas de las entradas que he enviado), podemos ver cómo se utiliza GravityView para mostrar esta información en el front-end.

Crea una nueva vista

Como su nombre indica, una decoración frontal específica para sus artículos en Gravity Forms se denomina "vista".

Cuando crea una nueva vista, puede seleccionar dos fuentes diferentes para sus datos:

  1. Una forma preestablecida – Utilice un formulario de plantilla GravityView preestablecido en lugar de uno de sus formularios existentes. Incluye plantillas para carpetas comerciales, perfiles de usuario, bolsas de trabajo y m√°s.
  2. Un formulario existente РElija una de sus formas de gravedad existentes. Haré esto para esta revisión, ya que he creado el formulario anterior.

Una vez que haya seleccionado su fuente de datos, puede elegir la suya tipo de pantallaEsto define m√°s o menos el dise√Īo de front-end para sus datos. En la versi√≥n principal, puede elegir entre mesa o lista ver Tambi√©n puede agregar los dise√Īos de tarjeta y calendario mencionados mediante complementos:

Seleccione la fuente GravityView

En este ejemplo, selecciono una vista de lista.

Verifique el dise√Īo de su pantalla

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

Puede dise√Īar un total de tres p√°ginas:

  • Entradas m√ļltiples – Esta plantilla gestiona la lista de todos los elementos en Formas de gravedad.
  • Entrada √ļnica – Esta plantilla dirige la p√°gina dedicada a una sola entrada. Los usuarios suelen navegar a esta p√°gina desde la lista de entradas m√ļltiples.
  • Editar correo – Esto controla qu√© campos se pueden editar a trav√©s de la interfaz de usuario.

Las tres configuraciones diferentes de plantilla GravityView

M√°s plantillas de tickets

para Entradas m√ļltiples Puede consultar tres partes de la p√°gina:

  • Widgets de publicaciones anteriores – Estos widgets aparecen solo una vez. Por ejemplo, puede agregar un cuadro de b√ļsqueda o filtro.
  • Campos de entrada – estos "bucles" para cada elemento que se muestra. Esto significa que se repiten una y otra vez para mostrar los mismos detalles para cada registro ().
  • Widgets hacia abajo – Al igual que los widgets de publicaciones anteriores, estos widgets aparecen solo una vez. Puede usarlos para cosas como paginaci√≥n u otro cuadro de b√ļsqueda.

Los diversos puntos de dise√Īo en la plantilla de tickets m√ļltiples

Para widgets de antes y después, puede elegir entre una selección estándar de widgets, que incluyen:

  • Ver informaci√≥n de la p√°gina.
  • Enlaces de p√°gina.
  • Tama√Īo de p√°gina: permite a los usuarios cambiar la cantidad de registros que se muestran.
  • Contenido personalizado: agregue su propio contenido est√°tico.
  • Barra de b√ļsqueda.

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

Puede verificar c√≥mo funciona este widget haciendo clic en el icono de configuraci√≥n junto a un widget. Por ejemplo, si tu Editar el cuadro de b√ļsqueda le permite restringirlo a buscar solo campos espec√≠ficos en cada entrada y configurar algunas otras configuraciones:

Edite la configuración para un widget GravityView

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

Para los campos de entrada, puede seleccionar los campos de formulario reales del formulario seleccionado previamente.

Por ejemplo, puede configurar el título de cada lista para que coincida con el nombre de su formulario:

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

Puede agregar campos a todas las diferentes √°reas de dise√Īo para el dise√Īo seleccionado y arrastrar y soltar 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 que le permite crear f√°cilmente sus propios dise√Īos sin tener que editar archivos de plantilla. Sin embargo, si est√° familiarizado con HTML y CSS, est√° limitado a los dise√Īos predeterminados, aunque puede organizar sus campos en estos dise√Īos en cualquier orden.

Así es como se veía después de agregar todos los campos de mi formulario de ejemplo:

Agregue campos de formulario a su dise√Īo

Si hace clic en el icono de configuración junto a un campo de formulario, puede editar ese campo. Por ejemplo, solo puede mostrar a los usuarios registrados algunos campos o vincular un campo a cada página de entrada.

Algunos campos también obtienen configuraciones adicionales. Por ejemplo, para un campo de ubicación, puede hacerlo. Agregue un enlace "Map It" para que los usuarios puedan encontrar la ubicación usando Google Maps:

Editar configuración de campo

Plantilla con entrada

usted Entrada √ļnica En la pesta√Īa, puede usar una interfaz id√©ntica para dise√Īar el dise√Īo de cada p√°gina de entrada. Solo que ahora solo funciona con los campos del formulario; No se requieren widgets de b√ļsqueda o widgets, ya que esta plantilla solo muestra una entrada espec√≠fica:

Edite la plantilla de entrada individual

También puede agregar su propio contenido personalizado con uno Contenido personalizado Campos si es necesario y campos donde las personas pueden editar o eliminar registros:

Campos de contenido personalizados de GravityView

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

Edite la plantilla de entrada

Finalmente, puedes verificar el dise√Īo del mismo Editar correo Modelo. Nuevamente, estos son los campos que los usuarios registrados ven cuando intentan editar una de sus propias publicaciones.

Puede usar esto para que los usuarios solo puedan editar campos específicos en lugar del registro completo.

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

Verifique la plantilla de entrada para editar

Ver configuraciones

Lo √ļltimo que necesita configurar antes de publicar su vista es esto Ver configuraciones.

Aquí puede configurar una serie de configuraciones menos generales, p.

  • si los campos vac√≠os deben estar ocultos o no
  • Comportamiento de clasificaci√≥n
  • si se muestran todas las entradas del formulario o solo las entradas que usted aprob√≥ manualmente
  • si los usuarios registrados pueden editar sus propios registros.

ajustes GravityView

Y eso es todo! Con el código de tarjeta adjunto, ahora puede publicar y mostrar su vista en cualquier parte de su sitio.

Obtenga más información sobre cómo funciona una vista

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

Ya te he mostrado la forma frontal de Gravity Forms:

Un formulario de muestra de Gravity Forms que ingresa datos en GravityView

Cuando alguien envía datos a través de este formulario, aparecen como una entrada en los formularios de gravedad. Puede ver que nuestro formulario de muestra contiene tres entradas, cada una representando un desarrollador de WordPress:

Formar entradas en modos de dificultad

Aquí es donde entra GravityView. En el sitio web donde agregué el código de la tarjeta GravityView, puede ver un elemento de la lista para cada entrada en las Formas de Gravedad. Ese es el Más plantillas de tickets::

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

Si alguien hace clic en uno de estos elementos, se lo dirigirá a Plantilla con entrada a esta publicación en particular:

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

Si lo habilita, los usuarios registrados pueden editar sus propias contribuciones a trav√©s de frontend Edite la plantilla de entradaSin embargo, seg√ļn la configuraci√≥n descrita anteriormente, puede ver personas que editan el espacio de nombres:

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

¡Y así es como funciona! Si eres creativo, puedes crear algunas implementaciones realmente buenas.

plugins GravityView

Solo puedes hacer todo lo que te he mostrado antes con el complemento m√°s grande de GravityView. Dependiendo del plan que haya comprado, tambi√©n puede acceder a complementos adicionales para ampliar a√ļn m√°s la funcionalidad de GravityView.

Puede ver la lista completa de complementos aquí, pero aquí hay una breve descripción de lo que cada complemento le permite hacer:

  • Importar boletos – Registros de importaci√≥n masiva en forma de gravedad utilizando un CSV. Entonces puede usar estos datos en sus vistas.
  • calendario – Ver entradas en un dise√Īo de calendario. Ideal para locales.
  • Edici√≥n en l√≠nea – Ofrece edici√≥n en l√≠nea en GravityView y Gravity Forms para una edici√≥n m√°s r√°pida.
  • Ingrese calificaciones – Ver los cambios en una entrada y restablecer estos cambios solo si es necesario.
  • Varias formas – Crear vistas que muestren datos de diferentes maneras.
  • Dise√Īo de bricolaje – Crea tus propios dise√Īos. 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 habitual porque no es necesario editar los archivos de plantilla directamente.
  • matem√°ticas – Realizar c√°lculos matem√°ticos basados ‚Äč‚Äčen la entrada. .
  • corto – Ver registros en una tarjeta. Ideal para directorios de ubicaci√≥n f√≠sica.
  • Calificaciones y comentarios – Permitir a los visitantes calificar y revisar registros Otra gran oportunidad para las p√°ginas del directorio. Por ejemplo, puede permitir que las personas califiquen empresas locales o proveedores de servicios.
  • Filtro A-Z – Obtenga los resultados filtrados por la primera letra de cada registro.
  • Entradas seleccionadas – – ofrece ciertas entradas en sus dise√Īos de pantalla. Ideal para listas de cat√°logos pagados. 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 – Agregue botones para compartir en redes sociales y opciones avanzadas de SEO.
  • Las tablas de datos – integrarse con Las tablas de datos para crear dise√Īos de tabla m√°s detallados.
  • Filtraci√≥n avanzada – Compruebe qu√© elementos aparecen en su vista en condiciones extendidas, p. Por ejemplo, el usuario que cre√≥ un registro, 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 pagado. Hablando de …

precios GravityView

GravityView solo está disponible en una versión premium, no hay una versión gratuita para jugar. Existen tres planes de precios diferentes, cada uno con diferencias significativas en:

  • ¬ŅEn cu√°ntos sitios puede usar GravityView?
  • los complementos a los que tiene acceso
  • ¬ŅA cu√°ntos dise√Īos tiene acceso?

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

La p√°gina de precios para GravityView

Tambi√©n hay un plan de vida que cuesta $ 949. Con este plan tienes acceso a todo en el mundo. Todos acceso Plan plus actualizaciones de por vida (pero solo tres a√Īos de soporte).

Por supuesto, el plan de vida no es barato, pero si lo usa para construir muchas ubicaciones de clientes, puede distribuir esos costos a todas las ubicaciones de sus clientes y realmente ahorrar dinero.

√öltimos pensamientos

GravityView es muy popular en el mundo de la gravedad por alguna razón. En resumen, es la forma más fácil de obtener publicaciones de Gravity Forms desde el frente de su sitio.

Existen otras opciones para algunos casos de uso, p. Ej. Por ejemplo, agregar registros como un tipo de registro personalizado y mostrarlos en su sitio generalmente no es tan f√°cil o flexible como usar GravityView.

Crear una vista es f√°cil e intuitivo. M√°s importante a√ļn, no necesita saber PHP, HTML o CSS a menos que desee crear su propio dise√Īo personalizado. Por lo tanto, no tiene que ser un desarrollador para usar esta herramienta.

Debido a que las Formas de gravedad son tan flexibles, los casos de uso son pr√°cticamente ilimitados.

Es una excelente opción para cualquier tipo de catálogo, pero también puede usarlo de otras maneras. Si su caso de uso implica recopilar datos a través de un formulario y mostrarlos en la página principal de su sitio, GravityView probablemente pueda ayudarlo a hacer el trabajo.

Para obtener más información y comenzar, haga clic aquí para ir a GravityView.

Usado GravityView? Experiencia, pensamientos y opiniones?