Document – Dynamic Field for Elementor Forms

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

  1. 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.
  2. 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

  1. Open the Elementor Editor.
  2. Drag the Form widget onto the page.
  3. Select the field you want to make dynamic.
  4. Go to Advanced → Dynamic Source.
  5. 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.