Install easyform Schedule free training Easyapps home

Prepopulating embedded wordpress forms with user data

PreviousAdding a Terms & Conditions field

Last updated 11 days ago

Prepopulating embedded wordpress forms with user data

Using our , you can dynamically add logged-in user information, such as name and email to an embedded form on your WordPress website. Coupled with the ability to hide fields when a URL parameter is provided, you can create clean and minimalist forms while still collecting all necessary information.

Step 1: Create the Form

Start by creating the form. Use a board with the following four columns:

Item (Item name column)
Description (Long text column)
Email (Email column)
User Name (Text column)

Next, create and style an Easyform with all four questions:

Step 2: Pre-fill the Form with URL Parameters

Step 3: Embed the Easyform in WordPress

In the WordPress editor, navigate to: Appearance → Theme File Editor → Theme Functions.

Add the following embed code at the bottom of the file. Be sure to replace the placeholder variables—FORM_NAME, EASYFORM_URL, USER_NAME_COLUMN_ID, and USER_EMAIL_COLUMN_ID—with their appropriate values:

add_shortcode('FORM_NAME', function() {
    $current_user = wp_get_current_user();
    $user_email = $current_user->user_email;
    $user_name = $current_user->display_name;
    
    return '<script src="https://eazyform.app/js/set-embedded-eazyform-height.js"></script>
    <iframe class="eazyform-embed eazyform-dynamic-height" 
    src="EASYFORM_URL?embedded=1&autoheight=1&USER_EMAIL_COLUMN_ID=' . esc_attr($user_email) . '&USER_NAME_COLUMN_ID=' . esc_attr($user_name) . '" 
    frameborder="0" 
    onmousewheel="" 
    scrolling="no" 
    style="background-color: transparent; border-width: 0; margin: 0; padding: 0; width: 1px; min-width: 100%;"></iframe>';
});

Click Update File to save your changes:

Step 4: Add the Easyform to a Page

On the WordPress page where you want to embed the form:

Add a Custom HTML block.
Enter the FORM_NAME shortcode in square brackets (e.g., [eazyform_iframe]).

Then, when a logged-in user loads the page, their name and email will populate the form.