Elementor form

  • Resolved przemek102

    (@przemek102)


    1 month, 1 week ago

    How to track submission via Elementor form?

    In code after send i see: <div class=”elementor-message elementor-message-success elementor-message-svg” role=”alert”>

    or as i copy selector:

    kontakt > div > div.elementor-element.elementor-element-0d9d742.e-con-full.e-flex.e-con.e-child > div > div.elementor-element.elementor-element-0d5d9fc.elementor-button-align-stretch.elementor-widget.elementor-widget-form > div > form > div.elementor-message.elementor-message-success.elementor-message-svg

    Please help 🙂

    • This topic was modified 1 month, 1 week ago by przemek102.
Viewing 1 replies (of 1 total)
  • Plugin Author Krzysztof Planeta

    (@chrisplaneta)

    1 month ago

    Hello Przemek

    It is possible that this message is added dynamically so we need to enable one thing to be able to track it.

    Go to the Shared Tracking Settings menu > Tracking improvements > enable “Use DOM Listener to track when dynamic page elements show on screen”

    After you do this, go back to the settings of the tracking tool you want to use. Look for the field to track views of page elements. In the CSS selector field write:

    .elementor-message-success

    If you have many forms on your site, you can add some unique identiifier of the form before the class I wrote above (like .form-111 .elementor-message-success) or the CSS class with the ID of the page where you added the form (from the “body” element), It should be something like body.post-1111 .elementor-message-success

    Replace 1111 with the ID of the page. And this is all 🙂

    Have a nice day
    Krzysztof Planeta
    Author of WP Full Picture

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.