Skip to main content
ACF Frontend Form
Updated over a week ago

The ACF Frontend widget provided by our Dynamic Content for Elementor plugin allows for the creation of frontend forms based on custom fields defined through Advanced Custom Fields (ACF). This widget is designed to be used within the Elementor editor, enabling the insertion and configuration of forms for the submission or updating of content directly from the site's frontend, without the need to access the WordPress admin panel.

Widget Features

  • Integration of ACF Fields: Allows the selection of existing ACF fields or ACF Field Groups to be included in the form, supporting a wide range of field types for data collection.

  • Post Management: Configuration for the creation of new posts, updating existing posts, or linking to specific posts based on the form's data.

  • Form Customization: Includes options for customizing the appearance and layout of the form, such as label orientation, field arrangement, and the style of form elements.

  • Post-Submission Actions: Defines the site's behavior after form submission, such as displaying confirmation messages, redirecting to another page, or updating the post content.

  • Advanced Styling: Offers detailed controls for styling labels, input fields, and buttons, including typography, colors, borders, shadows, and more.

Widget Configuration

Field Selection: After inserting the widget on a page with Elementor, use the "Retrieve the fields from" option to specify the source of the ACF fields, which can be the current post, another post, or the creation of a new post.

  • Fields to Show: This section allows for the detailed selection and configuration of which ACF fields will be displayed in the form. Users can choose from the fields associated with the specified source. This functionality is crucial for tailoring the form to meet specific data collection needs. Each field or field group can be individually added.


  • Behavior Customization: Set the desired actions for after submission, such as "After Submit," choosing between displaying a message or redirecting the user.

  • Form Styling: In the "Style" section, customize the visual appearance of the form, adapting it to the site's design. This includes configuring labels, input fields, submission buttons, and informational messages.

Did this answer your question?