Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • December 22, 2019 at 2:18 pm #1168568
    Marc

    Hello together,

    I have just activated the Google reCAPTCHA V3 for the contact form content element and some style elements now seem out-of-place for which I couldn’t figure out the right selector so far:

    1. With reCAPTCHA being active the also active privacy policy message checkbox slides down even further resulting in a big whitespace between the last form field and the checkbox. Hox can the whitespace be reduced?
    2. The notification message of reCAPTCHA saying “This site is protected by […]”, “This contact form is deactivated because […]” and the applied button hover text “Before submitting we validate […]” are in English even though the website is in German. How can the standard text be changed?
    3. The notification message of reCAPTCHA saying “This site is protected by […]” is currently placed under the button. How can it be placed above the privacy policy message checkbox?
    4. The notification message of reCAPTCHA saying “This site is protected by […]” with the class “av-google-badge-message” has a margin-right assigned, which is visually showing when inspecting it in-browser (see screenshot in private section) but there doesn’t seem to be a css attribute assigning this value and trying to manually change the margin-right also doesn’t work. How can the margin-right be removed?

    PS: There is a typo in the class “.avia-disabled-forn”, which I guess should be named “.avia-disabled-form” instead.

    Best regards,
    Marc

    December 28, 2019 at 3:47 am #1169043
    Ismael

    Hey Marc,

    Thank you for the inquiry.

    We activated the v2 version of the spam protection but we don’t see any notification below the contact form button. Are you using a third party plugin before?

    Best regards,
    Ismael

    January 8, 2020 at 4:30 pm #1171508
    Marc

    No, I am only using Google reCAPTCHA with the options supplied by Enfold.
    For a better understanding, I have attached screenshots (private section) with the according numbers to the issues mentioned above.
    Please note that some of the english strings in issue #2 only appear as long as cookies have not yet been accepted.

    January 8, 2020 at 6:07 pm #1171542
    Hokuspokus

    Dear Support,

    I agree with Marc. Please try to use German language and with local font hosting (or theme fonts)

    And since we talk about reCAPTCHA and this script.
    I mention this only here and I will don’t open a second task. It’s your improvement and your task. You can take it to be better or leave as it is. This are your clients and satisfaction and page speed is ranking signal: With V3, it doubles the page speed.

    Please: Improve the loading of the script. I have twice load time on all Enfolds with the Enfold solution of reCAPTCHA:
    Since my dev has implemented this code (see private) inside “avia_google_recaptcha_api.js”, i have no attacks and the website speed goes down from 3.9 seconds to 2 seconds. Similar on all other pages with enfold and reCAPTCHA. I have until today no spam attacks, but the page speed is wonderful.
    With the original script, you see the sources are loaded step by step until favicon is loaded at 3.9 seconds at the purple line. Is it asynch? Do you have tested it with http/2 and simultaneous loading (without deeper knowledge about this topic): But all scripts and content are fast loaded (not cheap web hosting for 5 € – own high-speed server). But than: All secondary stuff from google makes a big bad impact.

    Please check also, why favicon is loaded as latest element with thus big speed impact.
    I have attached measurements.

    Thank you.

    January 10, 2020 at 6:15 pm #1172279
    Günter

    Hi,

    The translations are usualy provided by users. For the next release 4.6.4 I updated the german translation files to contain all strings and provided a translation for de_DE.

    I also made some CSS modifications. This should better fit now.

    Thanks for the typo error in CSS.

    Moving the Google text (3.) we will not add to core – but you can add the following snippet to functions.php of your child theme:

    https://github.com/KriesiMedia/enfold-library/blob/master/tricks/Enfold/shortcodes/Contact%20Form/move_v3_google_message.php


    @Hokuspokus

    I added the defer attribute to the reCaptcha script element. This loads the script async (see https://flaviocopes.com/javascript-async-defer/).

    If your devs want to check if this improves the speed:

    In enfold\framework\js\conditional_load\avia_google_recaptcha_api.js around line 203 you find:

    
var defer = false;

    Replace with:

    
var defer = true;

    Best regards,
    Günter

    January 23, 2020 at 2:34 pm #1177620
    Marc

    Unfortunately, the update didn’t bring much relieve to these issues.

    The rather big whitespace between the last form element and the privacy policy checkbox from Issue #1 still exists.

    The translation from Issue #2 of the notification message saying “Dieses Kontaktformular ist deaktiviert […]” is somewhat crooked and should rather be translated like this for proper German: “Dieses Kontaktformular ist momentan deaktiviert, da Sie den Google reCAPTCHA-Service noch nicht akzeptiert haben. Dieser ist für die Validierung des Sendevorgangs jedoch notwendig.”.
    The words “Privacy Policy” and “Terms of Service” of the notification message saying “Diese Seite wird durch reCAPTCHA […]” have not yet been translated and are therefore still in English. “Privacy Policy” should be called “Datenschutzerklärung” and “Terms of Service” should be called “Nutzungsbedingungen”.
    I would volunteer for the translation of the strings for the Google reCAPTCHA service. If required, please just send me a list with the required translations.

    The margin-right from Issue #4 still exists and breaks the line before the line actually ends, which looks weird.

    January 27, 2020 at 7:43 am #1178584
    Ismael

    Hi,

    Thank you for the info.

    You can use the following plugin to adjust the current translations of the privacy text.

    // https://wordpress.org/plugins/loco-translate/

    Best regards,
    Ismael

    January 27, 2020 at 4:13 pm #1178735
    Günter

    Hi,

    Thanks for coming back.

    Seems that the CSS changes somehow got lost on merging the files.

    Nevertheless I improved the code a bit by adding classes to the form when reCaptcha V2 or reCaptcha V3 is used (changes when V2 is used as fallback). So it is now easier to style.

    I updated the 2 translations you mentioned – thank you.

    If you want to help us updating the translations – we do not have a list of the used text – can only be found in php code.

    But if you use the plugin Ismael mentioned above: You can select the language file, then search for the string you want to translate (search works for both german and english) and save it.

    I uploaded the latest version of the german files (including all translatable strings up to today 4.7.2.1-beta-2) – so you do not need to sync.

    https://github.com/KriesiMedia/enfold-library/tree/master/temp_fixes/Enfold_4_7_2/langs

    If you want to get the latest beta for testing – let us know and we can give you the link to a zip file.

    Best regards,
    Günter

    January 30, 2020 at 10:06 am #1179747
    Marc

    For the sake of convenience I’m just going to wait for the next update and then go over all of the above-mentioned issues at once to see if they got fixed.

    Are there any plans for an update or hotfix in the near future?

    January 31, 2020 at 10:02 am #1180194
    Ismael

    Hi,

    There’s no ETA yet, but the fixes or changes mentioned above will surely be included in the next patch. Thank you for your patience.

    Best regards,
    Ismael

    February 12, 2020 at 11:46 am #1183828
    pete4u

    Hello Support-Team!
    The script “accept all cookies” does not seem to affect the re-captcha function.
    Please refer
    https://drive.google.com/file/d/11szY_P3v79vyaC0sxbkyxnuGebOnQM75/view

    Best regards
    Peter

    February 12, 2020 at 1:35 pm #1183856
    Günter

    Hi,


    @pete4u

    Behaviour of the “Accept” button depends on the options you selected in “Default Cookie Behaviour” (must opt in / can opt out).

    must opt in – user has to allow explicit which services he wants to use.

    Best regards,
    Günter

    February 12, 2020 at 2:06 pm #1183878
    pete4u

    Hi,

    that’s logical and is also my system setting …
    https://web2profit-my.sharepoint.com/:i:/g/personal/peter_meyer_web2profit_de/ERLQQ466aUVLsJaxuBhCpgIBnkVWfi25A_kcSS2L6FXZYw?e=EfC4iW

    Error still present.

    Best regards
    Peter

    February 12, 2020 at 3:11 pm #1183904
    Günter

    Hi,

    Did you clear browser cache (and also try incognito window).

    If still exists, please open a new thread and provide WP admin credentials and a link to the page so we can check.

    I rechecked it on my server and it works for me.

    Sorry – missed, that you mean button action. Will check.

    Best regards,
    Günter

    • This reply was modified 3 years, 11 months ago by Ismael.
    February 12, 2020 at 3:36 pm #1183917
    Günter

    Hi,

    As accepting external services can have a big impact on the whole page you need to reload the page – there is an option for auto reload when user accepts settings:

    Show advanced options -> Auto Reload Page.

    Best regards,
    Günter

    February 12, 2020 at 3:51 pm #1183924
    pete4u

    Hi Günter,

    works – thank you!

    Best regards
    Peter

    February 12, 2020 at 6:33 pm #1183968
    Günter

    Hi,

    Glad we could help you – and thanks for the fedback.

    Enjoy the theme and have a nice day.
    Feel free to come back when you need further assistance.

    Best regards,
    Günter

    March 4, 2020 at 12:33 pm #1190021
    Marc

    The various fixes seem to be implemented after the update, great.
    This ticket can then be closed now.

    March 4, 2020 at 6:53 pm #1190152
    Günter

    Hi,

    Thanks for feedback.

    Enjoy the theme and have a nice day.

    Feel free to come back when you need further assistance.

    Best regards,
    Günter

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Adjust Google reCAPTCHA implementation in contact form content element’ is closed to new replies.