Displaying Fluent Form with Custom Field

We are creating a global page template with the Breakdance and displaying the different Fluent Forms on different pages. We shall create a custom field that contains the Fluent Form ID and this ID will be fetched dynamically on different pages. This way we can display the different forms on different pages.

In this tutorial, I used PowerElement’s Fluent Forms Styler element and Advanced Custom Fields(ACF) plugin. You can also use the Metabox plugin instead of the Advanced Custom Fields plugin

Step 1: Create a custom field “fluent_form_ID” with the ACF plugin.

• Install and Activate the ACF plugin
• Go to Custom Fields -> Fields Group
• Create a Number Field Type like the below image for the page post type.

• Add/Edit the page and enter the Fluent Form ID in the custom field input box.

Step 2: Using the Fluent Forms Styler element and setting the dynamic form ID

• Install and Activate the PowerElements 3rd party Breakdance add-on
• Open the builder editor and add the Fluent Forms Styler element on the template canvas area
• Select “Dynamic” source option
• Enter “fluent_form_id” in the input box

All done. Go to frontend and navigate the pages. You will get the Fluent Form dynamically.