WordPress Frontend Form Submit with Elementor & ACF

WordPress Frontend Form Submit with Elementor & ACF!
Take you Advanced Custom Fields WordPress website to the next level with this easy to use and free Elementor plugin that provides a super simple way to create frontend form submissions as well as content editing.
In this detailed tutorial, I'll show you how to easily add your own content, edit it and link your forms to Advanced Custom Fields (ACF) and the WordPress Post Fields.
Best of all, this plugin is completely FREE!
Elementor Custom Skin Tutorial: • Elementor Pro Post Gri...
Real Estate Tutorial: • Advanced Custom Fields...
ACF Frontend Form Element Plugin: wordpress.org/plugins/acf-fro...
Take your WordPress website and skills to the next level!
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► WORDPRESS VISUAL PAGE BUILDERS ◄
★ ELEMENTOR PRO: jo.my/1s0t2s2
★ Brizy Pro: bit.ly/2Ji97r8
★ WPBakery Page Builder (Formerly VISUAL COMPOSER): bit.ly/2NVbVNP
★ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
★ GeneratePress Premium: bit.ly/2Ydn1SE
★ OCEANWP: bit.ly/2fRHBr0
★ DIVI Theme: bit.ly/2G8JMiA
★ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
★ SMART SLIDER 3: bit.ly/2G0G1vB
★ CSSHERO: bit.ly/2qbrRl6
★ SLIDER REVOLUTION 6 - jo.my/sr6
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk

[@incrastic6437]

Another winner tutorial. This is the best channel for those of us working with Elementor Pro + ACF + Dynamic Content + anything related. Thanks a lot.

[@djkasperg]

Very impressive. I love how these plugins extend the capabilities of Elementor. Thank you for a great tutorial.

[@TheProdisplay]

Best Elementor & ACF channel by far!! Thanks!!!

[@WPTuts]

Thank you very much :0)

[@davidmabelle]

Hi Paul - WOW! This looks so much easier than learning Toolset. I would love to see another video with the pro features. Maybe the authors will gift you a copy in thanks for your lovely tutorial.

[@westernmassjunction9045]

Well, I think I've found my replacement for PAFE. I'd love to see conditional logic and an integration with Google sheets but this will definitely help for one of my forms. I'm still going to use my current workflow for adding posts but love the ability to have users edit them later. I think I'll build a form that allows them to not only edit but add updates to events, such as if they sell out, get cancelled, or just to add details. Your tuts always get my brain a spinning!

[@Pedant_Patrol]

Awesome content! You keep levelling up, Paul! Great stuff!

[@readerwriter]

Thanks for this video, I used to use a myriad of clunky 3rd party plugs to achieve only a small percentage of this functionality. Really appreciate you sharing this - thanks so much!

[@ChrisShawUK]

This is completely Awesome! I've been looking for something like this for weeks. I'll be checking out the other tutorials too! Thank you very much for taking the time to create this top quality content.

[@markusseyfferth1778]

All of your content is absolutely phenomenal, Paul!

[@RedBreather]

Also, my favorite WP + Elementor channel by far :)

[@martetorres8153]

Very impressive!! I had been looking for something like this , for weeks. Thank you for a great tutorial!!

[@gogawow]

Great plugin! Using it a few projects! Thanks for your amazing content, Paul :)

[@WPTuts]

Nice one George. What types of projects have you used it in and have you tested the Pro version out?

[@danielrafferty4108]

Looking for something like this for a client I'm working for. Needed something that allows front end and back end simplicity for the admin to edit and monitor posts. You've brought me that much closer to my pay day with this video. thanks!

[@magikarp2063]

Thank you so much this thing saved me! I was working out how I'm supposed to do all this with code, thank God there is a plugin!

[@balanceiseverything2565]

Wow this is great. Thank you Paul for explaining it all so clearly.

[@WPTuts]

My pleasure Tracy :0)

[@brunosilva6673]

Many thanks Paul finally i can submited taxionomy from frontend form!

[@sassapa]

Very clear and realy a step by step tutorial, Thank you😃

[@yoSn4p]

Thank you for your tutos. Suscribed!

[@kseniaaeva7857]

This just saved me a few days and about 50 dollars! Thank you

[@glasmalerei-luzern]

Great Video thx a lot! This brings me def. closer to my goal "creating a web app with WordPress" ! (CRUD)

[@robbie9783]

Gracias, comenzaré a seguir estos videos! Buen material.

[@QuaverloveStudio]

Brilliant tutorial, Paul... just what I needed!

[@QuaverloveStudio]

I'm currently in the process of creating a book review website. With the help of your tutorial, I've been able to create - a custom post type - some custom taxonomies - a custom field group, in which some of the fields are linked to the custom taxonomies, and - a loop using a custom skin. The form works brilliantly on the front end and the information submitted is displayed using the loop and a single post template I created. The only issue I currently have is this: I'm not able to hide the EDIT button (with modal switched on) from users not logged in. Indeed, when a logged out user clicks on the EDIT button, an error message appears indicating the user doesn't have permission to view the form; of course, I would much rather the button is hidden from logged out users. Now there has been a number of GUI changes/additions to the ACF Frontend widget since you posted this tutorial (nearly two years ago). I was wondering if you could possibly do a revisit of the WordPress Frontend Form Submit with Elementor & ACF tutorial to include the new bits added to the widget (unfortunately, the ACF Frontend documentation hasn't been updated). That said, I have to tell you, Paul... now I've started using advanced custom fields, there's absolutely no going back! And that's thanks to you, mate!

[@hamzasiddique9823]

Detailed explaination. Superb

[@michaelgill7333]

Absolutely brilliant - will definately suggest to a client.

[@JuanWayri]

Awesome tutorial! Thanks for all your work

[@WPTuts]

No problem Juan. :0)

[@atiqure2000]

Great tutorial. Thanks paul

[@EdmontonRealEstate01]

Hello Paul and thank you for the great video. This product looks like it's much better than WPUF.

[@gavin_johnson]

Excellent as always Paul. Opens up so many opportunities. I think the simplicity of the ability to update website content will encourage more small businesses to have employees update website content. Just thinking out aloud. Showing specific user posts is a great feature. Looking at it another way, if a business wanted to have the ability for employees to update "all" (or more than their own posts - sure you would definitely turn on approval process in this case) what would be the best way to track (log) which user updated the post in your opinion?

[@pahtashow]

You introduced such good plugins for advanced filtering like facetWP with addons but for contact (quiry) forms there is most popular form plugin with tons of first and third party addons. It would be interesting to see an advanced gravity forms setup video for example to contact and hire interpreter service.

[@WPTuts]

I will be taking a more in-depth look at some of those plugins for sure.

[@ogad100]

Great job! I always enjoy your tutorials. Please make a tutorial on hidden label of dynamic content using dynamic select in elementor pro. Thank you in anticipation

[@podrucable]

Hi Paul, thanks for this tutorial - it is really useful. I have a question - how would you prepare front end form which should allow users choice font family (dropdown list needs to contain some of the google fonts) and how to use that value after submission to put in css as a font-family property for example for h1 elements?

[@medodoha84]

Really Amazing. Thanks very Much.

[@WPTuts]

No problem at all. :0)

[@aamir3981]

You made my day👍

[@wordpresswerkstatt]

ACF Frontendform Pro was really great in the beginning. But from version 2.9.6. so many problems and bugs began to emerge, e.g. first the image upload button disappeared. Then the image upload button came back but the upload itself stopped working. Then the information for the post title got lost. My takeaway after using the plugin for nearly 1 year: the plugin seems to be not well tested and you’d have to fear with every update that your forms break. And those updates happen a lot! Like 5-7 times a week is not an exception. You cannot possibly handle this amount of updates and while it gets worse and worse. It was a good plugin in the beginning, no I cannot recommend it any longer. BTW: Thanks for the video, great as always!

[@wordpresswerkstatt]

Also, Shabtis support is sloooow... Like you’d have to wait for a month until a bug gets fixed.

[@PhilMace]

I have got this working. It would be great to have an update on the new version of the plugin

[@mastrasara4273]

Nice, love it

[@nigelhancock3580]

Hi Paul, many thanks for the tut. That's a bit of a game changer plugin! I've been using the similarly named "ACF Front Form for Elementor" and while it does a decent job of presenting the form, I've been nagging the devs for an edit capability which has never materialised. Now, I don't need it! I've not tried it yet but I presume you could use the form with regular WP posts and, if so, goes another step to keeping users/authors away from the back-end and I'm thinking tomorrow I'm going to try putting the loop into a "custom admin page".

[@WPTuts]

You can use it to edit the title, content, featured image and excerpt currently, but I'm talking to the developer who's looking at ways to expand both the free version and the Pro version with a lot of great new features including WP core, ACF and WooCommerce. It's definitely a plugin to watch over the coming months.

[@jameskik2390]

Hello Paul, first of all I would like to thank you for sharing your knowledge with us. Could you please create a tutorial teaching how to make a customized search bar with custom fields for real estate using this model that you taught in the last videos you did? Thank you in advance.

[@andreahoffman8152]

Very interesting.I was looking for something similar. I will try it.

[@aymonshik]

Dear Paul, Please update this tutorial, it's really great, but the plugin now isn't the same, if you don't mind can you please make a new tutorial for the same concept.

[@TheChauffeur69]

Great video, as always! Question: in what kind of instance would you use the dynamic option for, say, the Submit (or "Add New") button (@9:50)?

[@dynamic-homepages]

Thank you sooooooo much

[@privateytaccount]

Hi, Your tutorials have been of tremendous help to me. Thanks so much. Just a question, I created a feature where users can submit their resumes using the ACF, but I am stuck at them getting a notification when their submission is approved and published. What workaround would you suggest on this, please? Thanks so much for your time!!!

[@andrewwindibank1048]

Thanks again Paul for an awesome tutorial and introduction to what seems to be a very promising new plugin. You mentioned at 6:50 about a tutorial regarding the edit/add user/terms - have you done this yet? - I've been looking for it but can't find it. It would be great if the plugin author could produce a manual - there's not a lot on the website, and it's hard to tell what additional features are available in the pro version.

[@mikeh2b]

Hi Paul, I can not thank you enough for the help you provide with these videos, you are so patient and clear. I have failed to use Jet Engine to let users create and edit listings but I think I am gonna be able to do it with ACF Pro, I just had a question, at the beginning of the project, I created some listings myself so we can have something to show but now the business owners want to manage the listings, is there any way to let them edit a listing that I created? Cheers

[@realestateTO]

Another great tutorial. Wondering about your thoughts on Metabox tool ?

[@cgsouq3dmodels]

Your tutorials are so amazing, i have one request, can you please teach us how we setup woocommerce api manager, i have a website with products, i want to setup woocommerce api manager for updating the software directly from my client dashboard, many thanks

[@Creative-jg6gq]

Hi - Love your tutorials. Taking my wordpress and elementor skills to a new level. Does this form work with Pods Custom Fields as well?

[@AnthonyTilahun]

awesome tutorial, could you perhaps make one for creating a woocommerce product from the frontend for basic or more advance types of Woocommerce products?

[@WPTuts]

Hmm, I'm not too sure if there is a comparable product that would work with WooCommerce. I'd need to look into that and see if there's anything available.

[@jenlicari9057]

Hi Paul! As a new person watching your tutorials, I’m really learning a lot. Quick question, after creating my field group, assigning it to a page, and edit with elementor, when i went to type in frontend form, nothing shower up? Is it under a different name? I do not have the pro version of acf nor elementor. Any ideas?

[@artandmoney6844]

Saving life’s brotherly

[@johnwellington269]

wonderful video!! do ACF come with advance ajax filter options?

[@PLUS-sj4sf]

Thanx a million...I used it and very helpful. I just saw a short video tut from Jet Engine that they offer such feature but their tut is not as perfect as yours! (And the feature looks very professional!!!!)I would love to see a tut from you about it, if possible :) once again thank you.

[@WPTuts]

Thank you for the feedback and I am currently working on a guide to the new JetEngine 2.2 update and just need to iron a few bugs out and will be putting a complete tutorial together on how to use the new features. :0)

[@PLUS-sj4sf]

WPTuts thanx again! Your tutorials help me and many more A LOT!!

[@richwoodward]

I'm just revisiting your front end form tuts - excellent as always! I wonder if it's possible to do ACF/Jet Engine Front End Form submission without Elementor?

[@ryanb8251]

Great tutorial. I got it working. Anyway to have fields that would update the payment methods... insert stripe info or PayPal info in the frontend

[@Shopsuspex]

Thank you. I've got the opposite problem and I've been looking everywhere to solve it. My posts are all created on the backend and I made a file field with ACF Pro so each post has a document uploaded to it. On the single post template I need a button to download that document but require users to submit their email first. So basically a form that will capture email and then trigger an acf download.

[@nunorogeriomiguel2402]

Thank you for sharing great content!!! About this plugin, is there a way to adapt the mobile layout? If you custom the size of your fields to look good on computer it all falls apart when you change to mobile.. any tips?

[@marc089]

Hi Paul, any "insider info" about stripe release. Need that yesterday !!! ;) Best to you mate!

[@cowietan3096]

Great video! I got lost at 19:04 on the editing portion. Do you need Elementor Pro for this? Can you point me to the video where you built the Property Loop?

[@VersatileMag]

Hello Paul, Does the plugin work with WPML, please ? Thanks for greta tuts !

[@VictorPaul-ty5ih]

Thanks Paul for the video content. But my acf frontend form doesn't show Edit option, it only showed current, other post and new. What plugin do i need to make that show up?

[@aykutaskeri7895]

awesome

[@ChrisShawUK]

Quick Question on the layout of ACF front end which has changed since the video was shot. I couldn't find the "Dynamic selection" field on permissions in the latest version. Has it moved to another section?

[@deantolosa6514]

Hi! Awesome tutorial, thanks! I can't find a way to upload files to the post content (with colaborator user). How can it be done? Thanks

[@ricardoguerrero2257]

Hello, can I ask you a question? I am using Elementor Pro and ACF Frontend Form Pro, I have recently noticed that having both plugins installed the site loads slowly, when I want to open the header, it does not load, do you know if there is any problem with the latest version of those plugins? thank you

[@MrDarcyJR]

Hey Paul love your tutorials, Ive been going through in time your videos on frontend form submissions and had a question regarding Ultimate Member plugin and ACF. Is there a way for me to allow users to add opening hours and also timeslots where activities are held for the venues I have on my site. I would like it to be filterable also. Just want a nice venue information feature on my website so users can easily search for example 'live music from 6pm>' and it shows what venues have live music on at that time. I hope this makes sense. Appreciate your work!

[@Nadworks-cb]

Great run-through. Thanks! Somehow ACF Frontend Forms have removed the Post Title Field / Post Content Field etc. associations. On their own website's How-Tos, they are talking about the "Form Structure" tab, which I cannot seem to find either.

[@kerimtim]

I hope you help me out, I created the front-end form, but my page slows down and freezes literally gets killed, how to fix it?

[@shobhitrathore894]

Thanks for the informative video..!! Let me know how to put button for register your property & also how to attach it with ACF form? Thank you

[@Wolframandheart]

If ACF and Crocoblocks both create custom post fields, which one is better?

[@CONEXION-tt6hh]

Love the tutorial, but I am trying to activate ACF Elementor plugin and page is blocked, may i work with other plugin, I have elementor pro and ACF Custom fields. Thank you

[@bartdumoulin2151]

Thx a lot for the great value in your tutorials. Just one question: might you have an idea how to limit the agents in the form, so that only agents are shown that have been created by the logged-in user?

[@patricknelson1577]

I’m looking for something similar. If I figure out a solution, I’ll post it here.

[@RedBreather]

This is a great plugin. Now i need to verify that 2 fields match each other, any idea? Thanks :)

[@EliasYuyo]

AWESOME! This video has helped me a lot on my project but i still got a quick question... how is it that you can see the fields from ACF in the front and in the back as well? I cannot see the fields in the back like you do in this video. GREETINGS FROM CHILE ;:D

[@rjs4821]

Hello, This is a great tutorial to learn about ACF form for frontend posting and editing. I have few questions for you: I have created custom post ui and mapped the custom fields with it as welll. I created a form for NEW POST through acf front form and it worked storing the values in the posts and then i created a new page for EDIT POST to edit those values of the custom fields. Somehow ehen i edit those values they are not edited in the custom post that i have created. Could you help with me this? I think i might be doing somethin wrong as the Edit Post page doesnt show the values as well which was used in New Post page for the same user and once ediing them doesnt modify them as well.

[@magikarp2063]

We shouldn't need to have ELEMENTOR PRO if we can put the plugin with a shortcode inside our theme loop right? The problem is shortcodes for this plugin like [acf_front_form] don't seem to work for me at all. Does anyone know why this would be the case?

[@hildahayson4358]

Great post. Just started working with wordpress...with multiple subscriber clients uploading their different. Properties, what plugin did you use to allow a potential buyer to query the listings and select only flats and only those flats in a specific cit. tank you, novice here. Hilda

[@XJLCA]

Good tutorial, but I have a quick question: if we limit the form only to logged in users, then by definition, they can work on the backend already, and if we give them the WordPress "contributor" role, they can already create or edit their own posts (or custom posts), but not someone else's posts. Do we really need to go into such extra trouble to create something like this for them to use?

[@Sathishkusum]

Thanks Paul for the great videos. My problem in my institutes website is that I need to display the multi-selected course taxonomies as fields in the institute details page. So when user clicks any course taxonomy, then the site should redirect to page list of institutes who provide that course. Can you please provide your inputs

[@ladyrowenta]

Hi I have problem with ACF Frond and Elementor Pro. It does not register the data that is put in the front form, the form comes out great in the frond, fill in the form, but when you go to the post to review the registration, the data is not there, that is, the data of the frond form does not upload, there is a solution. Thank you.

[@kelkayam]

There is option to edit a docs? I use betterDocs and I want to give my users option to edit the docs but I see that it's works only with posts. Any advice?

[@TravelPostcards]

How to add USERNAME as a post autor in the form, so I can see who submitted it? Also how can I use a show current user shortcode which will be submitted with the form?

[@mancheluke]

Hi Paul, you reference having created a "loop all ready" (19:11) can you clarify what goes on here? Is this in another video?

[@ckgringoblogger9170]

Hi there, how are you? thanks for sharing your knowledge and experience with us, i have an elementor registration form for HOA in-class for 10 people only, is it possible to control the submissions via Elementor or ACF? when it hit 10 should close and keep only online via Zoom registration. The course page is based on ACF and Elementor Pro Theme Builder. Thanks!

[@jdeanford]

Paul, do you know if you can add a user (author) AND create a post at the same time (in the same form) with this plugin?

[@soulesperanza]

Great tutorial. In my case I use a Custom Post Type with Categories. However the Cateories are not being displayed. How can I add them. I ticked *Post Categorys Field*. This is not showing my custom post type categories though.

[@digital.telcotruecorp6311]

Great video! Followed along and was able to get a quick concept up and running. Must let everyone know that YES you do need Elementor Pro to access the Theme Builder in order to design the listing (archive template) page and also the custom post type (singular template) - otherwise Wordpress will default to the post type and you will not see the ACF content coming through. The alternative to doing this is going into WordPress and creating your own customer php templates, which is fairly straightforward if you know your way around PHP and HTML too. I just have a question about when a frontend form is submitted - is there any way an email notification can be generated and sent to the WordPress site admin to let them know a new custom post has been generated by the form? Otherwise, I would need to go back on a regular basis and check for new postings. Really should be a feature for sending email notifications.

[@technoar8161]

Hi, Congratulations this video is great. I have a question about the multi step form. I create 3 field group, but it only works the title and content when I put new post on the first step. In the 2 and 3 step doesn´t fill anything. Can you help me?

[@standiers852]

Hi Paul, I'm using WP user front end at the moment, but I wish it could limit image uploads to their sizes and not just weight. Do you think ACF Frontend Form Element Plugin can do this better?

[@Turbolito_sweden]

Thanks for all your videos! But I have a problem, I want the user to be able to choose an adress in a google-map, but the map won't load correctly. And I use maps on other pages on the website, and they works fine!

[@vieradel]

Excelent video!! Just missing knowing how to charge for a submission! ;)

[@shabtikaplan]

Hey, this is an upcoming feature in the pro version. We are adding Stripe and Woocommerce intergration very soon

[@vieradel]

@@shabtikaplan Great!. I will cry from emotion. One suggestion would be to think about associating a submission with products, so step two would be to choose the payment "plan". Do you have an estimated date? I have projects underway.

[@vieradel]

@@shabtikaplan How are you doing with those integrations? My tips go after creating a listing directory with a theme. 1. Sell the sumbmission associated with a Woocommerce product. Then you can easily sell in subscription mode with Woocommerce Subscription. 2. If I have several products associated with the sale of submission then in a "list of my submissions" I can upgrade or downgrade. 3. A condition that if I sell the submission then the previous step to upload the data is to choose a price (product) and during the submission the fields are shown or hidden according to the price they have chosen.

[@OrkSchamane]

Do I need a Membership Plugin for this nice Setup? And which would u prefer

[@ohzoe]

Question - given this is a "form", can you set it so that when a user edits their front end post, a copy of the form (with updated data) is sent to admin?

[@patricknelson1577]

There is an option in the Pro version to send an email to any address you want after the form has been submitted. I don’t know if that’s in the free version.

[@MarioBarretta]

Great Video , can you help me how to can show my post list (not in WP dashbard) to can also edit them by form and not using the WP editor? I actually have forms to can add and edit a single post but i'd like to can show to user the post list and to can choose what to edit without that he have access to WP dashboard. Thank You

[@danieldurruty8976]

Salut quand j’enregistre le formulaire cela prend énormément de temps à s’enregistrer (plusieurs minutes. Y a-t-il des réglages à faire pour accélérer le processus, ou bien est-il possible à l’enregistrement de pouvoir au clic afficher une fenêtre modale, informant les auteurs de patienter le temps de l’enregistrement

[@ouambohify]

I tried to follow this video and no luck. Plugin have changed and it is no longer possible to do what is described in this video. I installed ACF free with Elementor Prod and I can't create form that display and is editable in front then. I think because both element or and ACF plugging have changed over time. Please post an updated video, My issue is that the form created in ACF dies not show up in Elementor Prod to be configured as shown in this video the other problem is that the custom field added tot he form , when saved in the front end do not show in the database... basically this video is no longer fit for purpose and should be archived as I wasted 3 days on it ... it is supposed to be easy,.. I could not figure out how to make it work...

[@spacesconnectionbali1143]

Hi Paul, thanks for the tutorial. Did anyone knows how to implement webcam upload whenever user click file upload it take a snapshot from webcam (desktop version) on wordpress? thank you

[@travelsense9314]

What encoder do you use? The field on table fields is encoded. How can I decode this?

[@bhavinpatel4461]

Hi, Nice videos, I tired using ACF Frontend plugin. While using this plugin i tired to create edit user page. When i was doing this i found that i dont have form action section.

[@kerimtim]

25:12 Mine doesn't have the "Form Action" Dropdown element, mine only has form fields.