hCaptcha Placeholder for Elementor

  • Resolved ioperator

    (@ioperator)


    1 year, 8 months ago

    Dear Complianz Devs and Support-Members,

    I am using Elementor Page Builder and the native Form of Elementor with hCaptcha (Plugin) to be GDPR compliant.

    I have the hCaptcha blocked in Complianz (scriptcenter) but am wondering if there is a placeholder for Elementor? –> like the one you have in your example with WP-Forms.

    Thank you very much for your time and expertice,

    LG Patrick

    • This topic was modified 1 year, 8 months ago by ioperator.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    Hi @ioperator,

    This is our article about an implementation; https://complianz.io/implementing-hcaptcha-example-for-wp-forms/

    In essence, when blocked you can set the container from hCaptcha to display:none;

    Then set the container to display when marketing is enabled by using the body class .cmplz-marketing and display:block!important;

    The placeholder would generally look like this; 

    <button data-service="hcaptcha" data-category="marketing" class="cmplz-blocked-content-container cmplz-blocked-content-notice cmplz-accept-service cmplz-accept-marketing cmplz-hcaptcha" 
style="text-align: left; cursor: pointer;">
Click here to accept hCaptcha cookies before sending the form.
</button>

    If you need any help, let me know I will set it up.

    regards Aert

    Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    Example: https://really-simple-plugins.com/youtube/

    Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    The placeholder edited;

    <button data-category="marketing" class="cmplz-blocked-content-container cmplz-blocked-content-notice cmplz-accept-service cmplz-accept-marketing cmplz-hcaptcha" 
style="text-align: left; cursor: pointer;">
Click here to accept hCaptcha cookies before sending the form.
</button>
    Thread Starter ioperator

    (@ioperator)

    Hello @aahulsebos,

    first I need to thank you VERY much for your help. ??

    I got almost everything working like in your example page (thx btw). Only the 2nd part with display:block!important; isn′t working. Maybe you can see my mistake. (this is the CustomCSS on the FormWidget).

    If you want to take a look at my test site (i copied your example with the video): https://hardclip.at/ (password to enter = comp)

    View post on imgur.com
    • This reply was modified 1 year, 8 months ago by ioperator.
    • This reply was modified 1 year, 8 months ago by ioperator.
    • This reply was modified 1 year, 8 months ago by ioperator.
    • This reply was modified 1 year, 8 months ago by ioperator.
    • This reply was modified 1 year, 8 months ago by ioperator.
    • This reply was modified 1 year, 8 months ago by ioperator.
    Plugin Contributor jarnovos

    (@jarnovos)

    Hi @ioperator,

    The below CSS should do the trick, so you can replace lines 1 t/m 15 in your above screenshot with these lines:

    #form-field-field_38adaff { display: none; }

.cmplz-marketing #form-field-field_38adaff { display: block!important; }

    Kind regards, Jarno

    Thread Starter ioperator

    (@ioperator)

    Thank you very much. It works perfectly nice.

    THX for your time and expertice.

    LG Patrick

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘hCaptcha Placeholder for Elementor’ is closed to new replies.