This article requires the Gravity Forms Media Library perk. Buy Gravity Perks today to get this perk plus 30 other galatic Gravity Forms plugins!
GP Media Library enhances Gravity Forms to allow automatically importing files and images to the WordPress Media Library when you submit the form.
In this tutorial, we will show you how to use GP Media Library to map a submitted file or image to an Advanced Custom Fields (ACF) custom field.
Steps
- Add an Image or File custom field via ACF
- Add a GF Custom Field to your form
- Set GF Custom Field field type to “File Upload”
- Map ACF Field to GF Custom Field
- Activate GP Media Library for the GF Custom Field
1. Add an Image or File custom field via ACF
The first thing we will do is visit the ACF Field Groups page and add an Image or File custom field.
2. Add a GF Custom Field to your form
Next, we will visit our Gravity Form and add a Custom Field to our form from the Post Fields section.
3. Set GF Custom Field field type to “File Upload”
Now let’s open the Custom Field field, locate the Field Type setting, select “File Upload” from the drop down.
4. Map GF Custom Field to ACF Custom Field
Locate the Custom Field Name setting. If you’ve just created the ACF field (like we did in this tutorial), select “New” and enter the name of your ACF field.
If you’re using an existing ACF field, selected “Existing” and select the field name from the drop down that appears.
5. Activate GP Media Library for the GF Custom Field
Lastly, select the “Perks” tab at the top of the field and select the “Upload to Media Library” option.
All set! Now, when the form is submitted, the file/image uploaded in this field will automatically be imported into the Media Library and mapped to the ACF custom field.
Good news! This plugin also supports mapping Gravity Forms Multi-file Upload fields to ACF Gallery fields.
We hope this helps!
Did this help you out? Let us know in the comments below!
Did this resource help you do something awesome with Gravity Forms? Then you'll absolutely love Gravity Perks; a suite of 29+ essential add-ons for Gravity Forms with support you can count on.
Asaf says
November 5, 2018 at 3:06 amHi
I’m using your tutorial, but for some reason, when I go to the user edit page, I can’t see the file attached to the custom field. For some reason it doesn’t save it, as other fields. BTW, I tried using custom field field type, and file upload field type. Both not saving the file, though it is saved to the media
Leland Zaremba says
August 4, 2018 at 12:21 pmIs it possible to show the uploaded thumbnails directly below the upload field instead of image file name? Is this something we could achieve with an HTML field and the merge tags or do they not work until after post submission? Would this be JS?
David Smith says
August 24, 2018 at 10:12 amHi Leland, we don’t have a solution for this one.
Leland says
August 24, 2018 at 10:31 amI’ve sorted it out with some expert help from Codeable. Thanks for providing a great resource to the community.
ean says
July 15, 2018 at 11:19 amI guess this doesn’t work with image files within repeater field or gallery? I would need to have multiple images on the form.
Kristopher Hadlock says
April 1, 2018 at 6:00 amFirst off, thanks for your hard work on the Perks set of plugins, nice job. We are attempting to connect an Custom Field to an ACF file field and we’re not seeing any ACF fields appear in the Custom Field Name drop-down. Could we be missing a perks plugin?
Kristopher Hadlock says
April 1, 2018 at 6:13 amWe determined that the issue had to do with the fact that the field was never used in a Post. The issue is it had been used for a User, so that part seems like a bug with the Gravity Forms plugin itself. However, once we were able to get it connected we also found that the image was not added to the Users associated ACF field. Does this not work with ACF fields that are associated with Users?
David Smith says
April 2, 2018 at 9:11 amHey Kristopher, we’ll be happy to help via support. ?
Olivier says
January 15, 2018 at 12:48 amHi David,
I know you answer a similar question in a previous comment but I just want to be sure GP works for my case before I buy it.
I’m using GF to create users and update their profiles. In my “Update your profile” form, I have a picture profile upload field (image) and I manage that field with ACF in the backend of WP (native WP users). In your tutorial, you said to create a Custom field in GF but because it’s a profile update form (and not a form to create a post), is it still a Custom field? Because with the User registration GF add-on, you have to map the fields in the settings and not with Custom field like we would do normally.
I still think this should be included in the default User registration add-on. You can populate a user profile with custom user meta fields unless it’s a upload field…
Thank you
Samuel Young says
May 27, 2017 at 10:27 amWould this work for uploading an avatar to a user profile?
David Smith says
May 28, 2017 at 11:16 amHi Samuel, it would not replace the default WordPress avatar; however, you could feasibly use ACF to power local avatars and then this snippet would allow users to upload them via Gravity Forms. Here’s a start: http://thestizmedia.com/acf-pro-simple-local-avatars/
Adam C. says
May 18, 2017 at 1:09 pmHi I have run into an issue when using this method under HTTPS on WP Engine. I’m getting a
Warning: filesize(): stat failed
…Error message. Works fine under HTTP. Any thoughts on this?
David Smith says
May 19, 2017 at 7:44 amAre you using Gravity Forms Media Library? If so, we’ll be happy to help you via support.
Pieter says
April 11, 2017 at 10:25 amHi! First of all: I love the gravity perks. They really saved me loads of time. I am now trying to use this perk to upload an image to a custom user profile field. I can’t get this to work. I am using the gravityforms user update plugin as well. Hope you can point me in the right direction to get this working. Pieter
David Smith says
April 11, 2017 at 12:10 pmHi Pieter, we’ll reply to your support request. This will probably need a little custom code to fill the gap.
Eduardo says
April 4, 2017 at 7:31 amHi,
So is possible to show thumbnails in front-end with all images the user uploaded instead plain-text?
It requires ACF or there’re another way to do this?
Thanks in advance
David Smith says
April 4, 2017 at 12:00 pmHi Eduardo, check out the “Image Merge Tags” section here: https://gravitywiz.com/documentation/gravity-forms-media-library/ If you need a way to support merge tags on posts, see: https://gravitywiz.com/documentation/gravity-forms-post-content-merge-tags/
K A says
March 19, 2017 at 9:20 amCould we populate all the ACF fields via GF, any code snipped to do so?
Ladislav Šulc says
February 7, 2017 at 6:55 pmHello, any chance this would work with Pods? https://cs.wordpress.org/plugins/pods/
Thank you.
David Smith says
February 7, 2017 at 9:05 pmHi Ladislav, possibly. It would probably require a small amount of customization. Drop me a line (david at gravitywiz dot com) and let me know how you’re using Pods currently and how this would fit in with that.
Wilfrid says
January 29, 2017 at 10:01 pmHi, Thanks for this perks , But, when i use it with the gravityforms user update plugin i got this :
David Smith says
February 3, 2017 at 8:36 amDrop us a line via the support form and we’ll be happy to help!