Placeholder looks awful for forms (captcha V3) and refrains form from sending

  • Resolved Monique23

    (@monique23)


    4 years, 5 months ago

    Hi there,

    I have an issue with the placeholder that keeps annoying me and I am desperate to solve.

    I am using the placeholder to tell visitors that they can see the content of a certain area when they accept marketing cookies. Such as Google maps, You Tube video’s and such.

    The placeholder is also shown when using a contact form for which I am using Google recaptcha (V3) to avoid spam.

    When marketing cookies are not (yet) accepted the placeholder really looks awful: you only see a very narrow field with a few letters of text that are meaningless to the visitor. I tried with some CSS to overcome this issue and show the field in full width of the form, however without any luck ??

    Furthermore (even more important): the form cannot be send until the visitor accepts marketing cookies (which they don’t because they cannot see/read/understand the message).

    Is there a way to use the placeholder, except for the form?
    Or is there a way to use a proper placeholder for the form, so that at least a visitor can read it and accept something that they understand?

    I tried not to use Google captcha, however received a lot of spam…

    Hope you can help with this!

    Thanks for your advise.

    Best regards,
    Monique

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

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @monique23,

    I wrote an article for this specific purpose jus a few days ago. https://complianz.io/elementor-recaptcha-and-the-native-form/

    This should help, there’s a demo available via the link as well.

    We are working towards a better solution.

    regards Aert

    Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    Hi @monique23,

    A comment was flagged, used the wrong account, so this might be double. I referred to this article. https://complianz.io/elementor-recaptcha-and-the-native-form/

    This will explain everything, as well as a solution. We are working towards a better solution out-of-the-box,

    regards Aert

    Thread Starter Monique23

    (@monique23)

    Hi Aert,

    Thanks for your reply.

    I followed the instructions in your article (several times again), however, couldn’t get it to work.

    In the end I decided that maybe it would be more convenient to go back to Google reCaptcha V2 and show the “I am not a robot” box in the contact form.

    I am pretty sure I changed everything back to before by deleting all your code and instructions. Also I disabled the reCaptcha integration in Complianz. However the form is still not working correctly.

    Now I am really confused… Can you perhaps see from your end what is going on?

    Thanks & regads,
    Monique

    Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    Hi @monique23,

    With the instructions, it should look like this: https://demo.complianz.io/elementor-form/

    Without reCaptcha enabled, and the placeholder deactivated the issue should be gone. Could you double-check if this is the case?

    regards Aert

    Thread Starter Monique23

    (@monique23)

    Hi Aert,

    Your Elementor form looks good ??

    TMHO it would be good if the reCaptcha approval could be a checkbox instead of linked text. Or a choice for the website builder what style they like to use. Most of us – I think – also have a checkbox for privacy approval and it would look better and more clear for a visitor to have the same type of approval for both. I tried by using a checkbox with your code, but that didn’t work.

    Anyway, I created a new (Elementor) form from scratch and added reCaptcha V2 functionality. In Complianz I kept the placeholder “on” and switched off the reCaptcha integration. Now it works. Some maybe there was a hick-up in the other form?

    In the end I would prefere to have the reCaptcha integrated, but you can’t have it all. ??

    Thanks & regards,
    Monique

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Placeholder looks awful for forms (captcha V3) and refrains form from sending’ is closed to new replies.

Tags