Skip to main content
All CollectionsTutorials
Pass Dynamic Data From a Button on One Page to a Form Field on Another Page
Pass Dynamic Data From a Button on One Page to a Form Field on Another Page

How to use Dynamic Content for Elementor to pass dynamic data (post title) from a button event on one page to a form field on another page

Updated over a week ago

You may want to pass dynamic data from an archive Elementor page/template to a specific form field value on another page.

In this step-by-step guide, I'll be passing the post/page title to a form field on another page.

You can choose to start from your Elementor form page or from the button on the other page.
โ€‹

I will start from the Elementor form page.

  1. copy the form ID from the Advanced Form Field tab.

  2. Click the Dynamic Tag icon on Default Value and select Dynamic Shortcodes.

  3. Here you can use the shortcode {param-get:petname}

Sending the page data to the form page.

  1. On the button's link, click Dynamic Tag and select Shortcode.

  2. Click on the Shortcode and use the shortcode = URL?formfieldID={post:title} where URL is your target page URL where the form exists and formfieldID is the field ID of the form. .

Using the form field ID as variable is not essential, however, it can save your from duplicated variables.

This will dynamically append the post title to the end of the URL and populate the form field on the next page that contains the form ID.

Did this answer your question?