Advanced Custom Fields Elementor Pro Beginners Tutorial.Learn how to combine Elementor Pro with Advanced Custom Fields (ACF) to build more unique WordPress w. So within Elementor I need to specify a 'Query Filter' to simply split the products into categories. Many Thanks – rjw46 Sep 16 '20 at 19:26 Indeed, this is a bit different that you were describing above. The answer is simple: Custom Fields Integration via Elementor. With Dynamic Content, you can incorporate custom fields that originate from WordPress, ACF, Toolset, Pods, MetaBox.io, or other custom field plugins, and visually design them using Elementor. ACF Repeater widget allows you to display your ACF Repeater fields or nested repeater on your page and template in an easy way, using the following visual renderings: Text; List; Grid; Masonry; Carousel; Table; Accordion. You can also use Elementor templates block to create the layout you prefer. ACF Repeater widget allows you to display your ACF Repeater fields or nested repeater on your page and template in an easy way, using the following visual renderings: Text; List; Grid; Masonry; Carousel; Table; Accordion. You can also use Elementor templates block to create the layout you prefer.

Description

An ACF and Elementor extension that allows you to easily display ACF frontend forms for your users in the Elementor Editor so your users can edit content by themselves from the frontend.

Acf Front End Form Elementor

This plugin needs to have both Elementor and Advanced Custom Fields installed and activated. You can create awesome forms in ACF which save custom meta data to pages, posts, users, and more. Then use this widget in Elementor to easily display the form for your users. This way you can pick and choose the data which you need them to be able to edit.

So, what can this plugin do for you?

FREE Features

1. No Coding Required
   Give the end user the best content managment experience without having to open the ACF or Elementor documentations. It’s all ready to go right here.

2. Edit Posts
   Let your users edit posts from the frontend of their site without having to access the WordPress dashboard.

3. Add Posts
   Let your users publish new posts from the frontend using the “new post” widget

4. Delete Posts
   Let your users delete or trash posts from the frontend using the “trash button” widget

5. Edit User Profile
   Allow users to edit their user data easily from the frontend.

6. User Registration Form
   Allow new users to register to your site with a built in user registration form! You can even hide the WordPress dashboard from these new users.

7. Hide Admin Area
   Pick and chose which users have acess to the WordPress admin area.

8. Configure Permissions
   Choose who sees your form based on user role or by specific users.

9. Modal Popup
   Display the form in a modal window that opens when clicking a button so that it won’t take up any space on your pages.

PRO Features

1. Edit Global Options
   If you have global data – like header and footer data – you can create an options page using ACF and let your users edit from the frontend. (Option to add options pages without coding coming soon)

2. Limit Submits
   Prevent all or specific users from submitting the form more than a number of times.

3. Send Emails
   Set emails to be sent and map the ACF form data to display in the email fields such as the email address, the from address, subject, and message.

4. Style Tab
   Use Elementor to style the form and as well the buttons.

5. Multi Step Forms
   Make your forms more engaging by adding multiple steps.

6. Stripe and Paypal
   Accept payments through Stripe or Paypal upon form submission.

7. Woocommerce Intergration
   Easily add Woocomerce products from the frontend.

Purchase your copy here at the official website: ACF Frontend website

Useful Links

Appreciate what we’re doing? Want to stay updated with new features? Give us a like and follow us on our facebook page:
ACF Frontend Facebook page

The Pro version has even more cool features. Check it out at the official website:
ACF Frontend website

Check out our other plugin, which let’s you dynamically query your posts more easily:
Advanced Post Queries for Elementor

Check out Elementor Pro. We highly recommend pro for anyone who is looking to get more out of WordPress and Elementor:
Elementor Pro

Now is the time to buy ACF Pro before they take up the prices and no longer provide lifetime licences:
Advanced Custom Fields Pro

Tutorials

Add and Edit a Real Estate Listing

Installation

1. Make sure both Elementor and ACF are installed and activated. This plugin will not do anything without both of them.
2. Upload the plugin files to the /wp-content/plugins/acf-frontend-form-elements directory, or install the plugin through the WordPress plugins screen directly.
3. Activate the plugin through the ‘Plugins’ screen in WordPress
4. Create an ACF field group. It can be either active or not, it doesn’t matter.
5. Jump into the Elementor editor and search for “ACF frontend form”
6. Choose the desired ACF field group or leave as is for the current post’s default field group. You may also choose specific fields.
7. Configure the permisions, display, and form actions as you please.
8. Now you should an acf form on the frontend for editing a post, adding a post, or editing a user.

FAQ

You can use a ACF “action hook” to send emails when this form is registered. See here for reference.

If you purchase our pro version, you will be able to configure this from the widget without any code. You will be able to send any number of emails upon form submission.

Yes. Oopen the “form structure” tab, click on “add item”, and set the field type to categories. You may change the appearance of the field to “Multi Select” to have the categories appear in a dropdown.

Acf Front Form Elementor

Reviews

Acf Elementor Custom Query