Shortcode Input Field in Fluent Forms
Shortcodes are WordPress-specific codes that let you embed files or create objects in just one line that would normally require lots of complicated codes.
With Fluent Forms, you can add any pre-existing contents, files, or objects to your form with just a few clicks.
- Drag and drop the Shortcode field from the Advanced input fields section to add a Shortcode to your form.
![](https://wpmanageninja.com/wp-content/uploads/2023/03/Editor-Fluentform-shortcode.png)
- To enable customization, click on the edit icon you get when hovering over the field. Or click on the Input Customization tab in the right sidebar when selecting the field.
![](https://wpmanageninja.com/wp-content/uploads/2021/04/Editor-Fluentf-12-6.png)
- For example, see the below screenshot for a better understanding
- In the Input Customization section, paste the shortcode in the field provided for shortcodes.
![](https://wpmanageninja.com/wp-content/uploads/2022/12/Editor-Fluentform-9-1.png)
Advanced Options
The Advanced options available for the Shortcodes are as follows:
- Element Class: Similarly, you can add custom CSS classes to the input field itself.
![](https://wpmanageninja.com/wp-content/uploads/2022/05/shortcode.png)
- Conditional Logic: You can create certain rules to dynamically hide/show the input field based on the values from some other fields. To get a better understanding of Conditional Logic, read this.
- Save the form when the customization is done.
Let’s see the Preview of how it works!
![](https://wpmanageninja.com/wp-content/uploads/2022/12/Preview-Form-9-1.png)