CS Forms File Upload Mapping to ACF Image Field

[paulbcurious]

Hey team,

Got a new form using the Dropzone element.
I gave it the name pet_image
accepting all file formats (it was having issues being specific)
Max files - 1
Under actions I first have a File Upload action (toggled allow multiple on and off, and have it working now), and then a Post Create action with meta fields mapping to my ACF Fields.

My ACF fields are all populating with the exception of this image field. I think I have the value wrong when mapping it. It could be my ACF field settings too. Can you help me with the Value format to get the submitted image added to the image ACF Field?

Values I tried:
{{ form.data({“key”:“pet_image.0.id”}) }}
{{ form.data({“key”:“pet_image.0”}) }}
{{ form.data({“key”:“pet_image.id”}) }}
{{ form.data({“key”:“pet_image”}) }}

[charlie]

See my response here. First you need to use the “File Upload” action and then utilize the {{ form_action.response }} dynamic content in the ACF Field action. Let us know if that helps.

CS Form - Create Post with image

I’ll add in a post create with featured image template eventually to our Max templates. In your case since you are using ACF your form will be slightly different. The overall action flow will be Post Create > File Upload > Post Meta Update / ACF Post Update. Make sure File Upload has Has Multiple turned off otherwise you will have to loop over the images. In your ACF Post Update action you are going to utilize Action Response Dynamic Content. When you use the Post Create action, your response i…

[paulbcurious]

Thank you! I feel like it’s so close, but not getting the image added to the ACF Field. I reset the label without the underscore and attempted to add the field with the the label “review image”, name “review_image”, and as a acf.field string, Update the acf field to accept all images, instead of just uploaded to that post, but no luck.
What am I missing here?

[ruenel]

Hello Paul,

Update the Field to “review_image” or the ACF field name. There should not be a space character for a field name.

Hope this helps.

[paulbcurious]

Thank you. Unfortunately this didn’t help. Here is my ACF field. I made sure to copy the exact field name, and no change.

[charlie]

To utilize form action response dynamic content properly. Place the “ACF Post Field Update” as child of the file upload action. Checkout our template “Post Create with Featured Image” for a dedicated example too. Let us know if that helps.

[paulbcurious]

Set as child. Solved.

Thank you!

[prakash_s]

You are most welcome, Paul.