Don′t show screen for new users

Hi @deeluuxe,

This is because your current “I agree to the privacy policy” checkbox is not saving the consent.

If the plugin doesn’t find the privacy-policy consent on the database it will ask for it.

Is this the WordPress registration page or a custom page set by BuddyPress?

If this is a custom page, you can either make the adjustment yourself by saving a usermeta called gdpr_consents with a value of privacy-policy.

Or, if possible, wait a little while for us to implement this in our plugin. We will be releasing WooCommerce and BuddyPress integrations in the next few days.

Hi @fclaussen,

I think the registration is set by BuddyPress (the page is selected in the BuddyPress settings). The theme has a shortcode for the registration that I used also.

The checkbox has been added as type “Checkbox acceptance” by the BuddyPress Xprofile Custom Fields Type plugin. But I can change this – it′s just on the staging server and not implemented on the live server yet.

So I′ll wait and give the new version a try then.

Thanks for your great work and support!
Jan

Hi @deeluuxe,
I was working on documentation and while I still don’t have the BuddyPress integration ready, you can find on our documentation a way to connect your checkbox to the consent.
Keep in mind that this documentation is a work in progress and some text will change but in general that’s it.
https://gdpr-wp.com/knowledge-base/

I’ll update this again when I have the BuddyPress integration ready.

Hi @fclaussen!

I′ve read your documentation but don′t know where to add this because I didn′t write the code. The registration seems to be a mix of BuddyPress, BuddyPress Xprofile Custom Fields Type and the theme. And of cause I can′t edit their code because everything will be lost on the next update.

I′ll wait and test your BuddyPress integration when it′s ready.

Hi @deeluuxe,
I just pushed version 1.3.0 live an that should work with BuddyPress and WooCommerce. Please test it out and let me know if this doesn’t work for you.

Hi @fclaussen,

just checked the BuddyPress integration. Works, but the input in the form could be optimized a little bit. The checkbox is being displayed on top and the text is displayed below with some space instead of being placed right next to the checkbox. And an * should be added.

Instead of this:

<p><input name="user_consents[privacy-policy]" id="privacy-policy-consent" value="1" required="" aria-required="true" type="checkbox"><label for="privacy-policy-consent">You read and acceped our <a href="/privacy-policy/" target="_blank">Privacy-Policy</a>.</label></p>

This looks better:
<p><label for="privacy-policy-consent">Privacy-Policy *</label><input name="user_consents[privacy-policy]" id="privacy-policy-consent" value="1" required="" aria-required="true" type="checkbox">You read and acceped our <a href="/privacy-policy/" target="_blank">Privacy-Policy</a>.</p>

Unfortunately I did`nt find the code where to change this.

Hi @deeluuxe,

This happens because BuddyPress adds display:block to their labels.

You can easily fix this with CSS on your theme.

Hi @fclaussen

I′ve tried everything – the label can′t be styled by:

#privacy-policy-consent label {
display: flex !important;
}

Maybe the reason is a fieldset is missing – there is a p instead?

hi @deeluuxe,
What is your website again?

Hi @fclaussen,

I′m on a local MAMP Server at the time – need to test everything before it′s going live.

I think the problem is the selector does not work:

#privacy-policy-consent label {
    display: contents;
}

It′s being displayed in grey when being added in the inspector (Firefox).

To simulate this you can copy this:
<p><input name="user_consents[privacy-policy]" id="privacy-policy-consent" value="1" required="" aria-required="true" type="checkbox"><label for="privacy-policy-consent">Du hast unsere <a href="/privacy-policy/" target="_blank">Datenschutzerkl?rung</a> gelesen und akzeptiert.</label></p>

right after the last field on the left side:
<input name="signup_password_confirm" id="signup_password_confirm" value="" class="password-entry-confirm" spellcheck="false" autocomplete="off" type="password">

on the page https://dogs-2-love.com/register/

This CSS rule is not going to work because label is not a child of #privacy-policy-consent.

BuddyPress adds this rule:

#buddypress .standard-form label, #buddypress .standard-form span.label {
    display: block;
    font-weight: bold;
    margin: 15px 0 5px 0;
}

You can override this one to be display: inline-block;

Hi @fclaussen!

I tried to change this, but then the other form elements look wrong.
Can′t you replace the <p> with a <div> that has a class?

<div class="privacy-policy"><input name="user_consents[privacy-policy]" id="privacy-policy-consent" value="1" required="" aria-required="true" type="checkbox"><label for="privacy-policy-consent">Du hast unsere <a href="/privacy-policy/" target="_blank">Datenschutzerkl?rung</a> gelesen und akzeptiert.</label></div>

instead of:

<p><input name="user_consents[privacy-policy]" id="privacy-policy-consent" value="1" required="" aria-required="true" type="checkbox"><label for="privacy-policy-consent">Du hast unsere <a href="/privacy-policy/" target="_blank">Datenschutzerkl?rung</a> gelesen und akzeptiert.</label></p>

This would help to edit the look only for this checkbox.

Hello @fclaussen

Finally found a solution:

.registration #basic-details-section p:last-of-type label {
display: contents;
}

But using <div class=”privacy-policy”> instead of the <p> would be a better solution.

Best regards!