Tracking Button Clicks for Popup Form Submissions

Hello There,

I am afraid the use case you are looking for is not possible with Fluent Forms. However, you may try the shortcode {embed_post.post_title} on a hidden field on your form as the default value. If the pop up has a title, Fluent Forms will try to capture the title from the embedded section. Please note that his might not work if the form is embedded into page directly.

Thank you

Hello,

I wanted to share the solution I found for tracking the button identifier that triggers a popup form submission in Fluent Forms on a WordPress site. Here’s a brief overview of how I resolved the issue:

1. I assigned a unique “Button ID” to each Elementor button that opens the popup form.
2. In the Fluent Forms settings under “Settings & Integrations,” I added the following JavaScript code in the “Custom CSS & JS” tab:

jQuery(document).ready(function($) {
$('a[id]').on('click', function() {
var buttonId = this.id;
setTimeout(function() {
var hiddenField = $('input[name="source_button"]');
if(hiddenField.length > 0) {
hiddenField.val(buttonId);
}
}, 1000);
});
});

3. I created a hidden field in the Fluent Form with the name matching the one used in the JavaScript code (in this case, ‘source_button’). Important: You should put this name (source_button) in “Name Attribute” field.
4. I configured the email notification in Fluent Forms to include the value of the hidden field, which now contains the button’s ID. In my case it was {inputs.source_button}

Now, whenever a user clicks a button and submits the form, I receive an email notification indicating which button was pressed.

For anyone who might face a similar issue, I hope this helps. I’m also quite surprised that the official support was not aware of a solution to this simple query, and I believe they should reconsider the support provided for such straightforward functionalities.

Best regards!