Shortcodes load the wrong form styling

  • We are using Benchmark shortcodes to load a sign up form into various pages on our site (the link provided is a good example of the issue). It seems that each time the page loads or is refreshed, the forms styling is loading in dynamically, using a unique suffix on id attributes of certain tags. Sometimes these styles try to make the form open as a popup (which is not intended) and sometimes inline within the page itself (which is what we want).

    If you try refreshing the page linked to, you will see what I mean. The form jumps around and sometimes appears in the right place, and other times not. It is always the same form being displayed, and should always be inline. Can you tell me if we are doing something wrong in the form setup and if not how to make this work consistently please?

    Thanks in advance for your help.

    Ben

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Sean Conklin

    (@seanconklin)

    Hello @bengallienne.

    Thanks for reporting. @randywsandberg and I will have a look at this. It’s a holiday week here and response times may be impacted.

    While we get around to examining it in our default local environments, please perform some basic diagnostics within your environment:

    – We could use steps to reproduce the issue – describe any pertinent setup items, such as your list type and settings.
    – Deactivate all plugins except ours and see if the issue reproduces. If that fixes it, activate the plugins one by one re-testing it to see which one conflicts.
    – If not a plugin conflict, switch themes to a standard one such as TwentyTwenty, WooCommerce Storefront, Astra, GeneratePress, or Hello Elementor and see if that fixes it. If that does fix it then we’ll need a copy of your theme to reproduce locally and see about a fix or workaround for you.

    Thread Starter bengallienne

    (@bengallienne)

    Hi @seanconklin,

    We have worked out what this is. If you have more than one form on a page at a time (we have one inline on screen and another available from a link to a popup), the plugin seems to get confused and sometimes styles them both the same way, regardless of their settings. We have worked around it for now with CSS overrides and removal of the popup form from some pages, but ideally the system should be able to cope with multiple items I think?

    Thanks,

    Ben

    Plugin Author Sean Conklin

    (@seanconklin)

    Hi @bengallienne.

    Yes I agree it’s an acceptable use case to have one form and one pop-up form on the same page. It’s also acceptable to have two forms on a page. If somebody wanted 3 or more forms on a page that might start to get edgy.

    I’m sure @randywsandberg and I have tested the use of multiple forms on a page before. I’ll check-in with him on it so we can recall as well as re-test those use cases.

    I’m still suspicious the error may have something to do with the theme, another plugin, or hosting setting (e.x. JS deferrals). We can start with some testing to see what we find.

    Ultimately the JS and its internal CSS used for the Signup Forms is produced by Benchmark (not our integration plugin) and is used in other contexts (not just WordPress), so certain things could push over to that team. We’ll do some testing along these lines and see what all we find and recommend doing…

    Plugin Author Randy Sandberg

    (@randywsandberg)

    Hi @bengallienne,

    I went to https://substantiveresearch.com/request-demo/ as suggested but don’t see our Benchmark Email Lite signup form. I do see a signup form here https://substantiveresearch.com/#media but, given your stated workaround, cannot reproduce the issue. As the tester guy, I need to be able to reproduce this issue. Do you have a dev site I can access that can reproduce this issue?

    Thanks in advance,

    Randy Sandberg

    Thread Starter bengallienne

    (@bengallienne)

    Hey Randy,

    That’s odd, because the form is definitely there. I don’t think I can send a screenshot here but I have one. Can you give it another go please? If necessary, I can probably also set up a site with it broken on that you can have a look at?

    Thanks,

    Ben

    Plugin Author Randy Sandberg

    (@randywsandberg)

    Hi Ben,

    The only form I see at https://substantiveresearch.com/request-demo/ is one that begins with Product Name and ends with Phone and has a total of eight fields. My bad if that’s our Benchmark Email Lite signup form in action. LOL, because I’ve never seen it repurposed that way. Moreover, if so, cool! Anyway, if it is indeed our widget/form in action then I am still not able to reproduce the bug you’re speaking of. If possible, please expand on my Steps to Reproduce below:

    1. With the latest Windows Chrome, Firefox, or Edge browser, go to https://substantiveresearch.com/request-demo/
    2. Note size/position of form
    3. Reload page 10 times
    4. Resize page both horizontally as well as vertically 10 times

    As it stands from my steps above — using the latest versions versions of browsers noted — I was not able to reproduce the issue. The form stayed where it was supposed to stay. Thus, if possible, unless I’m missing a few steps, another site sans any workarounds you’ve employed for me to more easily reproduce the bug would be awesome.

    Sincerely,

    Randy

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Shortcodes load the wrong form styling’ is closed to new replies.