Recaptcha in contact pages

[nuan88]

Yeah chasing down a problem is always tough, especially on a whole site someone else setup.

I am concerned about recaptcha with that Json builder. I did not get one hit for recaptcha on that site or just using the name of the builder. It seems like a feature that hasn’t been added yet…

[Squashed_Tomato]

@nuan88

Yeah chasing down a problem is always tough, especially on a whole site someone else setup.

You’re telling me! Imagine doing it on a system I’ve never used before too. Sorry ModX. I feel bad, but I’d never heard of this before either… (Yes have read threads about how it’s advertised etc so … maybe some insights into that?)

@nuan88

I am concerned about recaptcha with that Json builder. I did not get one hit for recaptcha on that site or just using the name of the builder. It seems like a feature that hasn’t been added yet…

Tbh I am still struggling.
Not one to quit but I am now slowly starting to get confused with added/not added and so forth.
The funny thing is, using the existing setup and adding this code from @vibedesign adds a login checkbox, so obviously something is working while the rest isn’t;

@vibedesign

As an example, here is my code for my contact form:

[[!FormIt?
   &hooks=`recaptchav2,spam,email`
   &emailTpl=`email`
   &emailTo=`email@email.com`
   &emailUseFieldForSubject=`1`
   &successMessage=`Message sent!`
   &validate=`nospam:blank,
      name:required,
      email:email:required,
      subject:required,
      text:required:stripTags`
]]



[[!+fi.successMessage:notempty=`<p class="success">[[+fi.successMessage]]</p>`]]

<form action="[[~[[*id]]]]" method="post" id="contact" class="alt">
   <input type="hidden" name="nospam" value="" />
        
   <label for="name"><span class="error">[[!+fi.error.name]]</span></label>
    <input type="text" name="name" id="name" value="[[!+fi.name]]" placeholder="Name" />
        
    <label for="email"><span class="error">[[!+fi.error.email]]</span></label>
    <input type="text" name="email" id="email" value="[[!+fi.email]]" placeholder="E-Mail" />
        
    <label for="subject"><span class="error">[[!+fi.error.subject]]</span></label>
    <input type="text" name="subject" id="subject" value="[[!+fi.subject]]" placeholder="Subject" />
       
   <label for="text"><span class="error">[[!+fi.error.text]]</span></label>
   <textarea name="text" id="text" cols="55" rows="7" value="[[!+fi.text]]" placeholder="Your Message">[[!+fi.text]]</textarea>
     
    [[!recaptchav2_render?
       &tpl=`recaptchav2_invisible_html`
       &form_id=`contact`
    ]]
</form>

[nuan88]

To use his code, make sure you have formit extra installed, and the recaptcha2 extra as well

The core is kept apart from a lot of ‘basic’ functionality, for security and continuity. Some basic user capabilities exist, but the core is ‘just’ the core. Most ‘core’ functionality are extras, even basic stuff

Modx seems mostly marketed towards developers. Its got a secure framework unlike wordpress.

This forum is part of an attempt to make access easier for all types of users, and make it easier for new users to get up and running. Modx can do so many things, that figuring out how to do something can be a task ha

[Squashed_Tomato]

Yes, have both working here. I installed recaptcha add-on/plugin/mod which has V.2 and V.3 combined, and am using Formit Extra.
Oddly it pulled a login field which was uneditable and didn’t work. But had a click response.
So something happened, but not sure what exactly.

On that note, I am thinking of still making new templates, new pages and adding things from there (including the HTML elements set up) and seeing what happens.
It must be purely from having out of date coding in there. It’s all I can think of.
I’ll make a new page & template and see if I can pull it all from that.

[nuan88]

Yes pls start fresh, this code should work. If you are ok with your html, then take for example the site’s standard template, copy it, cut out the [[*contents]] tag and put your call right in the template along with the form html. Then you’ve got basic styling. Attach the template to an empty resource and view the resource.

Although for testing just make the roughest of html structures, just in case the regular template has something conflicting, doesn’t seem likely but…if it works in the simple one, its likely to work with the real one.

[Squashed_Tomato]

Thank you.
It’s almost midnight here but will be back on it again in a few hours.
I can’t work out why some snippets (as in code snippets) will work while others don’t. It’s very perplexing. Almost like a total language failure.
Anyway, fresh eyes tomorrow. Will definitely take you up on the rest tomorrow and see what happens. Will drop all but the basic of HTML to see what is going on.
Thank you so much for all of your help so far.

[vibedesign]

@Squashed_Tomato

Oddly it pulled a login field which was uneditable and didn’t work.

The login field comes from the default recaptchav2_invisible_html chunk. Have you created this for your own yet? Like in my code example above, I’ve deleted the login part (which is the last line in the default chunk).

// I removed this part in my chunk:

<!-- <button type="submit" class="g-recaptcha" name="login" data-sitekey="[[+site_key]]" data-callback="recaptchaV2SubmitForm">Login</button> -->

[nuan88]

Ah great mystery solved. And proper form is to change the name of that chunk and in the call, so that it won’t get overwritten later. But, with Modx, that would happen pretty rarely

@vibedesign great help

@Squashed_Tomato well with the formitbuilder call, we know that’s old, so while the problem could be simple, we would never know really. And it could break again tomorrow. Extras in Modx can last a very long time, so when they are depreciated then I think its truly over lol.

You’ll get there!

[Squashed_Tomato]

Right… am with you!
Okay so a chunk is the same as the same as a basic code macro yes?
Then no, I literally (lazily) copied your text into some basic page & templates I made to see what happened. Think I need to just do some more homework and see what’s up here.

Something so simple, adding a recaptcha, has turned into such a time consuming, massive, and page upon page search request.
Sheesh…
That said, I can’t justify £100 just to add ReCaptcha which the devs are requesting to help. I know we all need to make £s but it’s not justifiable for something as basic as anti-spam. (Don’t shoot me, am the messenger)

Will come at this again later tomorrow morning to see what I have missed and what needs adding.
Thanks again for the really helpful support…

[nuan88]

Well, again you’ve upgraded, because things were a bit broken. For an experienced developer, this is certainly a few hours work max.

For @vibedesign s code, first paste it into a simple html structure, then if it works paste it as I said into the content section of a copied standard website template from the site. Then you can style more if needed, it will match the site, and you can implement it. Then, if you want to get fancy, take that same piece of code, put it into a chunk, and call the chunk in the template.

The behavior will be exactly the same.

Chunks are pieces of code, I guess any code can go in there. They are handy for example to hold your header, so that you can go right to that code really easily, and change it on multiple templates.

Like contact details could be in chunks, easy to get at and change, and also you can deliver the chunks you want, might have a quick location checker and deliver local info. Or head contents, which need to be updated sitewide. Keep in mind some sites will have multiple banners, footers, everything

Snippets are more the tools, its easy to make a snippet to get all the products and sort or search them for something, or users or whatever data you want.

[bobray]

I’m late to this party, but have a couple of comments:

1. The UpgradeMODX extra makes it a lot easier and more reliable to upgrade MODX.

2. The SPForm extra installs a spam-proof contact form and is quite simple to install (it usually works out of the box). I use it at Bob’s Guides and get no spam at all without using any form of Captcha. It has a number of spam-proofing options (including traditional Captcha with the math option).

[vibedesign]

@nuan88

Chunks are pieces of code, I guess any code can go in there.

To be a little more precise, chunks are used for general HTML code (and scripts, etc.). Like @nuan88 mentioned you want to use those for elements on your site which occur in several templates (like a navigation, head-section, footer, etc.) so you have one place to update them on all sites.

Snippets are used the same way, but are made for processing PHP code.

[Squashed_Tomato]

Well, again you’ve upgraded, because things were a bit broken. For an experienced developer, this is certainly a few hours work max.

For @vibedesign s code, first paste it into a simple html structure, then if it works paste it as I said into the content section of a copied standard website template from the site. Then you can style more if needed, it will match the site, and you can implement it. Then, if you want to get fancy, take that same piece of code, put it into a chunk, and call the chunk in the template.

The behavior will be exactly the same.

Chunks are pieces of code, I guess any code can go in there. They are handy for example to hold your header, so that you can go right to that code really easily, and change it on multiple templates.

Like contact details could be in chunks, easy to get at and change, and also you can deliver the chunks you want, might have a quick location checker and deliver local info. Or head contents, which need to be updated sitewide. Keep in mind some sites will have multiple banners, footers, everything

Snippets are more the tools, its easy to make a snippet to get all the products and sort or search them for something, or users or whatever data you want.

Good morning.
Right got you. Yes makes sense… I can see the fluidity of it and certainly makes sense.
Yes the good thing is a significant upgrade! When I first got into the site I knew we had an issue immediately with out of date software.

I’m late to this party, but have a couple of comments:

1. The UpgradeMODX extra makes it a lot easier and more reliable to upgrade MODX.
2. The SPForm extra installs a spam-proof contact form and is quite simple to install (it usually works out of the box). I use it at Bob’s Guides and get no spam at all without using any form of Captcha. It has a number of spam-proofing options (including traditional Captcha with the math option).

Hi!
Aha I did see that SPForm when initially doing some digging two weeks ago. But, didn’t think we could apply it as the forms seemed totally different to what we had? Now I know however, that it’s because they were using obsolete code.
So I will have a look, thank you.
I can make a contact page pretty easily, but understanding the work flow on Modx is the culture shock more than anything I think. Learning curve. Thank you for that, will take a peek.

To be a little more precise, chunks are used for general HTML code (and scripts, etc.). Like @nuan88 mentioned you want to use those for elements on your site which occur in several templates (like a navigation, head-section, footer, etc.) so you have one place to update them on all sites.

Snippets are used the same way, but are made for processing PHP code.

Aha okay makes perfect sense. I can understand that. Jigsaw pieces are coming together. I think towards the end of last night, I’d been at it so long, I’d started to confuse myself - even over basic stuff.

[vibedesign]

Make sure to check the Tutorial Section, where @lkfranklin made (and still is making) great videos covering the basics like this one:

MODX - Installation, XAMPP, Resources, Templates, Chunks, Snippets

The start of an ongoing MODX collection of tutorials to help new users get up to speed with working with MODX. This video covers the versioning differences between MODX, the installation process and the fundamentals of MODX such as Resources, Templates, Template Variables, Chunks and Snippets.

[Squashed_Tomato]

Thank you for the link! I appreciate it. Indeed, I found one of their video tutorials a few days ago, which was really intuitive, purely from Googling for solutions… Will see what more is there. Thank you again!
Been a very busy day so far so not had chance to get on this yet, but about to make a start.

[Squashed_Tomato]

Hi again,
Silly question but is there an area for posts about the SPForm extra?
I did a site search and it shows me this thread but nothing more.

Reason being, I have it installed and I’ve customised it, but when sending emails I get a weird error - "
Error: The captcha plugin must be installed to use captcha in spform." I have reinstalled it 3-4 times now.
Will keep trying and searching at the same time. I know it’s not the right thread, but I can’t find any more info about it aside from what is on here?
Many thanks in advance.

I may try to set up recaptcha again on the current page. This is now becoming very frustrating.

[markh]

No, there are no more topics for each specific extra on these new forums.

Just create new topics whenever a different question comes up; this spform question does seem like a new problem from the rest of the thread.

[Squashed_Tomato]

Hi @markh Okay thank you.
I’ve now managed to get the maths anit-spam working, so now more of a styling and customisation situation (for sent mail, contact page et al) really.
Oh and the error message means you need this extra as well as SPForm;
https://modx.com/extras/package/captcha
FTR; I have again tried to get it going but to no avail so obviously that FormitBuilder is too obsolete.
Thanks again.

[bobray]

Did you get the CC working?

[Squashed_Tomato]

Hi Bob,
Unfortunately as of yet no.
I have entered the email in snippet > mailalso but nothing happens.

The rest (in this thread) I am still working on as we speak.