1. Introduction
Dynamic Field for Elementor Forms allows you to insert dynamic data into Elementor Forms fields.
You can display values from multiple sources such as:
- Post Meta, User Meta, URL Parameter, Option, Current Date/Time, Shortcode
- Database Query (fetch values directly from WordPress database tables)
- CSV File (load values from uploaded CSV files)
👉 With this plugin, you can personalize forms for each user or pre-fill fields with existing data without writing custom code.
2. Installation
- Install the plugin like any other WordPress plugin:
- Go to Plugins → Add New → Upload Plugin.
- Select the .zip file and click Install Now.
- Click Activate to enable the plugin.
- Requirements:
- Elementor and Elementor Pro (Form widget is required).
- For Database Source, ensure you have access to your WordPress database.
- For CSV Source, prepare a valid .csv file.
3. Usage
3.1. Add Dynamic Field
- Open the Elementor Editor.
- Drag the Form widget onto the page.
- Select the field you want to make dynamic.
- Go to Advanced → Dynamic Source.
- Choose your data source:
- Manual (Default) – keep the original field value.
- Post Meta – fetch value from the current post’s meta key.
- User Meta – fetch value from the logged-in user profile.
- URL Parameter – fetch value from a query string (e.g., [email protected]).
- Option – fetch value from wp_options.
- Current Date/Time – insert current date/time.
- Shortcode – execute a shortcode and return its output.
- Database – fetch values from a table + column in the WordPress database.
- CSV File – fetch values from an uploaded .csv file.
3.2. Examples
Example 1: Load data from Database
- Form Field → Advanced → Dynamic Source → Database
- Table: wp_users
- Column: user_email 👉 The field will display user emails (according to your query settings).
Example 2: Populate Select from CSV file
- Upload cities.csv with content:
id,name
1,Hanoi
2,Ho Chi Minh
3,Da Nang
- Form Field → Advanced → Dynamic Source → CSV File
- Select file: cities.csv
- Column: name 👉 The Select field will show: Hanoi, Ho Chi Minh, Da Nang.
Example 3: Auto-fill Email from URL
- URL:
https://example.com/[email protected]
- Dynamic Source: URL Parameter
- Parameter Name: email 👉 The Email field will be auto-filled with [email protected].
Example 4: Show logged-in user’s first name
- Dynamic Source: User Meta
- Meta Key: first_name 👉 If the user is logged in, the form will pre-fill with their first name.