Gravity Forms Upload File to Media Library
⚠️ This post is out of appointment. Cheque out our updated review of file uploaders for 2022!
GravityView lets you brandish all kinds of information collected with Gravity Forms. In this article, we will expect at the unlike Gravity Forms image uploaders and the features they offering, including image upload resizing and image upload previewing.
Reading not your thing? Bank check out the video review beneath 👇
Start, let's accost a recent modify in the mural for paradigm uploaders: a favorite Gravity Forms epitome uploader, Slim Image Cropper, is no longer existence adult.
This plugin offered nifty features like image upload resize, paradigm upload preview, and image upload cropping. With this plugin now off the marketplace, there are a couple of other options to consider.
Allow'southward take a expect at them in more particular. The primary contenders to become your new favorite Gravity Forms image uploader are:
- Epitome Hopper
- Gravity Forms Media Library
Near the Gravity Forms Prototype Uploader Plugin Options
Let's take a await at each of these plugins in a piffling more details, shall nosotros?
Image Hopper ?
This plugin is a newcomer to the market. Information technology was designed specifically as a replacement for Slim Image Cropper. Epitome Hopper was built by the creators of Gravity PDF, a Gravity Forms Certified Developer. The plugin currently supports image upload resizing and epitome upload preview.
In the near future, it will also offering a powerful paradigm editor, including an image upload cropper. This improver is being built with the Doka Paradigm Editor, developed by PQINA, the original developer of Slim Epitome Cropper.
Gravity Forms Media Library ?
This plugin is function of the Gravity Perks catalog from Gravity Wiz, besides a Gravity Forms Certified Developer. It has been around for a while but perhaps overlooked for its ability to resize image uploads.
Information technology attaches to the standard Gravity Forms File Upload field and adds the image to the media library, an action not normally performed by Gravity Forms with the standard File Upload field.
Let'due south take a wait at how each Gravity Forms epitome upload choice performs the following features:
Front Stop Comparison ?
Here's what it looks similar when you're uploading files on the front end:
GF Media Library:
Prototype Hopper:
Let's take a look at how to install different Gravity Forms image upload plugins, starting with…
Installing GF Media Library
To employ GF Media Library, install the perk on your site past going to the Forms > Perks menu in your admin bar.
From there, click on the Install Perks Tab.
Next, find the GP Media Library perk and click Install Perk.
At present when you add a File Upload field to your course you'll meet an additional tab called Perks, which includes a checkbox to "Upload to Media Library".
Installing Image Hopper
Install Prototype Hopper as you would whatsoever new plugin: download it from your account later purchase so upload information technology to your WordPress Plugins folio.
One time it is installed, yous volition see a new selection in the Advanced Fields of your form architect called Paradigm Hopper.
Comparing Image Upload Resize Functionality
At present that you know how to install both plugins, allow's compare the functionality and capabilities of each.
Resizing Images Using GF Media Library
To use GF Media Library, you simply add a standard File Upload field to your grade, and then check the box in the Perks tab labeled "Upload to Media Library".
GF Media Library uploads your paradigm to the Media Library of your site. By default, the Media Library creates a few different sizes of each image uploaded. To see what sizes your site uses, hover over Settings and click Media in your WordPress Admin Menu.
There you volition see the various dimensions your site uses for your prototype upload resize.
You can modify these sizes to meet your needs and add additional sizes with a little bit of code or a plugin.
When you are set to display these on your site, yous'll be able to call on whichever of these preset sizes that meets your needs (see How to Brandish an Uploaded Epitome in Gravity Forms beneath for more information).
Resizing Images Using Image Hopper
To use Image Hopper, add the Image Hopper field to your form from the Advanced Fields section. In that location you will see an option to Downscale Images.
Note that this will not ingather your images to your exact dimensions every bit you can do with the Thumbnails size in the Media Library. Instead, Image Hopper maintains the ratio of your prototype, making sure that it does not exceed the dimensions you set up in the Downscale Images field.
All of the images uploaded using this field will conform to the same size limits, yet, yous can add together multiple Image Hopper fields to your form with different resize dimensions if you lot need dissimilar sizes.
The images uploaded using this field are non saved to the Media Library but are attainable to display on your site using GravityView.
Gravity Forms Image Upload Preview Functionality
When uploading new images, it's always important to preview them first. Image Hopper is the only plugin out of the 2 that back up this functionality, so let's take a deeper look and see how it works.
Epitome Hopper offers a clean-looking image upload preview. Information technology includes a drag and drop interface. Once the epitome is dropped or selected, the preview shows a per centum equally the file is uploaded. When the upload is complete, the top right corner tells yous and so.
The x in the top right corner of the box provides a user friendly way to remove the prototype if your user changes their mind before submitting.
Gravity Forms Image Cropper Functionality
As mentioned above, this feature will be coming soon to Epitome Hopper. I would look information technology to behave similarly to Slim Image Cropper since it volition be integrating with the Doka Paradigm Editor, developed by PQINA, the original developer of Slim Image Cropper. Keep an eye on Image Hopper's update page to stay up to date.
Using GF Media Library, you tin can connect the standard File Upload field in Gravity Forms to the Media Library. Once the Perk is installed (as described above), only check the box on the new Perks tab of the File Upload field.
One time the course is submitted the image will exist available in the Media Library.
How to Display an Uploaded Image in Gravity Forms
The all-time way to display your images on the forepart end is past using GravityView. The GravityView plugin allows you to create "Views" that allow yous to display your course entries on the forepart finish of your website.
Each of these plugins works a little differently to display an uploaded image in Gravity Forms using GravityView.
Displaying Images Uploaded Using GF Media Library
To have reward of the resized images with GF Media Library, yous'll add a Custom Content field to your View. Utilize the merge tag selector to choose the merge tag for your paradigm upload field.
Once the merge tag is inserted in your field, you tin can add the merge tag modifier of the size you would like to brandish. Here are a few options using the merge tag {Image:4} – supervene upon this with your merge tag:
-
{Image:four:thumbnail} -
{Image:4:medium} -
{Image:iv:large}
Yous tin identify what sizes these terms equate to in your Settings > Media in the Admin Menu equally described above.
This is what it volition expect similar in your Edit View screen:
Displaying Epitome Hopper images on the Forepart End
Using Image Hopper to display an uploaded image in Gravity Forms, y'all'll simply choose the Image Hopper field from your course when creating your View.
One time added, you can click the gear icon and adjust the settings every bit needed.
Gravity Forms Image Upload Plugins: Summing Upwards
Depending on your needs, at that place are a couple of skillful alternatives to Slim Epitome Cropper bachelor for Gravity Forms.
Image Hopper was designed as a replacement for Slim Paradigm Cropper. It currently offers image upload resize and image upload preview features. Coming soon is the powerful image editor, which will include image upload cropping.
Gravity Forms Media Library attaches to the standard file upload field in Gravity Forms and makes employ of the resizing characteristic of the WordPress Media Library. Each image submitted will be available in multiple sizes, which tin be tweaked in your WordPress Settings to see your needs.
And finally, if you want to display your images on the front end, you can use GravityView – our flagship add together-on for gravity Forms that let's your brandish form entries on your website in a diverseness of layouts.
To acquire more almost Gravity Forms, read How to Use Gravity Forms: The Ultimate Guide
Source: https://gravityview.co/gravity-forms-image-upload/
0 Response to "Gravity Forms Upload File to Media Library"
Post a Comment