Recaptcha in contact pages

Squashed_Tomato · June 19, 2019, 1:22pm

Hello and good afternoon,
I have been assigned a role with an existing business who have a site running Modx.
I am completely new to Modx and have tried, albeit unsuccessfully to install reCAPTCHA and get it working on the site & am wondering if you can please assist.

So, from what I can gather I have source files and then the PHP callbacks/requests.
I have the contact us page under ‘resources’.
That calls a template - ‘content template’ where I think the code goes.
I have installed the mod reCAPTCHA 2 but still no joy.
I hope you can help as I have literally no idea what to do but need to implement this ASAP as the owners are being bombarded with a lot of spam.

I have followed some tutorials but I genuinely have no idea what to do.
I have tried the following;
https://forums.modx.com/thread/102103/formit-and-recaptcha-proper-installation

https://docs.modx.com/extras/revo/formit/formit.tutorials-and-examples/formit.examples.custom-hook

This is my code for the page;

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>[[*longtitle]] - [[++site_name]]</title>
<base href="[[++site_url]]" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="www" />
<meta name="description" content="[[*meta-description]]" />
<meta name="keywords" content="[[*meta-keywords]]" />
<meta name="format-detection" content="telephone=no">

<!-- GLOBAL STYLE SHEET -->
<link href="assets/css/global.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="assets/scripts/jquery-1.7.1.min.js"></script>

<!-- Include jQuery Cycyle (Production) -->
<script type="text/javascript" src="assets/scripts/jquery.cycle.lite.js"></script>
<script type="text/javascript">
$(function() {
    $('#testimonial_wrapper').cycle();
	
});
</script>

<style type="text/css">
body {
	background:url(assets/images/backgrounds/IMAGE.jpg) #4d190e no-repeat;

}
</style>

</head>

<body>
[[$html-facebook]]

<div id="WRAPPER">

	<div id="HEADER">
		[[$html-header]]
	</div><!-- CLOSE HEADER -->

	<div id="CONTENT_WRAPPER">
    	
        <div id="NAVIGATION">
			[[Wayfinder? &sortOrder=`DESC` &sortBy=`menuindex` &startId=`2` &limit=`6`]]   
    	</div><!-- CLOSE NAVIGATION -->
    
  		<div id="LEFT_COLUMN">

		<div id="text_area">

                <h1>[[*longtitle]]</h1>

				[[!FormIt?

				&hooks=`recaptchav2` 
				]]



				[[*pre-code]]
				[[*content]]
				[[*post-code]]
				[[$html-back-to-top]]


				[[!recaptchav2_render]]
[[!+fi.error.recaptchav2_error]]

		</div><!-- close text_area --> 

              
        </div><!-- CLOSE LEFT_COLUMN -->

        <div id="RIGHT_COLUMN">

			[[$html-right-sidebar]]

		 </div><!-- CLOSE RIGHT_COLUMN -->
        
        <div class="clear"></div>
    
    </div><!-- CLOSE CONTENT_WRAPPER -->    
    
</div><!-- CLOSE WRAPPER -->

[[$html-footer]]

<!-- jQuery Back to top -->
<script src="assets/scripts/scroll-to-top/jquery.scroll.pack.js" type="text/javascript"></script>
<script src="assets/scripts/scroll-to-top/jquery.easing.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $(".toTop").scrollToTop({speed:1250,ease:"easeInOutCubic"});
});
</script>

[[$html-google]]

</body>
</html>

Very many thanks in advance
Kind regards

nuan88 · June 19, 2019, 1:47pm

Ok pls tell us more about what is/isn’t happening, you are not getting recaptcha to show up at all or what?

Please have a look at the template and resource, because I don’t see your contact form in here. The recaptcha will need to be with the form…but it should appear with this code it seems.

In Modx, especially for special pages, the template can do everything, with the resource needed, but it can be completely blank. Was the contact resource empty when you started?

In a template, [[*content]] will pull in the contents of the resource. If this code isn’t in the template then whatever is in the resource won’t appear.

Here, I guess you are working on the template side, everything looks decent, but where is the form? If the form is in the resource, then the recaptcha itself should go in there.

Squashed_Tomato · June 19, 2019, 1:53pm

Hi Nuan,
Thanks for your reply.
okay so to address each one;
Nothing happens at all. If I used plain text, I am definitely on the right page element (resource?) whereas if I use code, nothing happens.

This is the form the previous person built for the contact. It has a generic name called- ContentTemplate

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>[[*longtitle]] - [[++site_name]]</title>
<base href="[[++site_url]]" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="www.zoobaweb.co.uk" />
<meta name="description" content="[[*meta-description]]" />
<meta name="keywords" content="[[*meta-keywords]]" />
<meta name="format-detection" content="telephone=no">

<!-- GLOBAL STYLE SHEET -->
<link href="assets/css/global.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="assets/scripts/jquery-1.7.1.min.js"></script>

<!-- Include jQuery Cycyle (Production) -->
<script type="text/javascript" src="assets/scripts/jquery.cycle.lite.js"></script>
<script type="text/javascript">
$(function() {
    $('#testimonial_wrapper').cycle();
	
});
</script>

<style type="text/css">
body {
	background:url(assets/images/backgrounds/IMAGE.jpg) #4d190e no-repeat;

}
</style>

</head>

<body>
[[$html-facebook]]

<div id="WRAPPER">

	<div id="HEADER">
		[[$html-header]]
	</div><!-- CLOSE HEADER -->

	<div id="CONTENT_WRAPPER">
    	
        <div id="NAVIGATION">
			[[Wayfinder? &sortOrder=`DESC` &sortBy=`menuindex` &startId=`2` &limit=`6`]]   
    	</div><!-- CLOSE NAVIGATION -->
    
  		<div id="LEFT_COLUMN">

		<div id="text_area">

                <h1>[[*longtitle]]</h1>
				[[*pre-code]]
				[[*content]]
				[[*post-code]]
				[[$html-back-to-top]]
		</div><!-- close text_area --> 

              
        </div><!-- CLOSE LEFT_COLUMN -->

        <div id="RIGHT_COLUMN">

			[[$html-right-sidebar]]

		 </div><!-- CLOSE RIGHT_COLUMN -->
        
        <div class="clear"></div>
    
    </div><!-- CLOSE CONTENT_WRAPPER -->    
    
</div><!-- CLOSE WRAPPER -->

[[$html-footer]]

<!-- jQuery Back to top -->
<script src="assets/scripts/scroll-to-top/jquery.scroll.pack.js" type="text/javascript"></script>
<script src="assets/scripts/scroll-to-top/jquery.easing.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $(".toTop").scrollToTop({speed:1250,ease:"easeInOutCubic"});
});
</script>

[[$html-google]]

</body>
</html>

Then this is the content of the formIT template they built, again using a generic name - FormItBuilder_BasicExample and this is the snippet.

    $snippetName='FormItBuilder_BasicExample';
    require_once $modx->getOption('core_path',null,MODX_CORE_PATH).'components/formitbuilder/model/formitbuilder/FormItBuilder.class.php';
    if (function_exists('FormItBuilder_BasicExample')===false) {
    function FormItBuilder_BasicExample(modX &$modx, $snippetName) {


    //CREATE FORM ELEMENTS
      $o_fe_name      = new FormItBuilder_elementText('name_full','Your Name:');
      $o_fe_email     = new FormItBuilder_elementText('email_address','Email Address:');
      $o_fe_contact_number     = new FormItBuilder_elementText('contact_number','Contact Number:');
      $o_fe_notes     = new FormItBuilder_elementTextArea('comments','Detail of Enquiry:',5,30);
      $o_fe_captcha = new FormItBuilder_elementReCaptcha('Verification Code');
      $o_fe_buttSubmit    = new FormItBuilder_elementButton('submit','Submit Form','submit');


    //SET VALIDATION RULES
    $a_formRules=array();
    //Set required fields
    $a_formFields_required = array($o_fe_notes, $o_fe_name, $o_fe_email,$o_fe_contact_number);
    foreach($a_formFields_required as $field){
        $a_formRules[] = new FormRule(FormRuleType::required,$field);
    }
    //make email field require a valid email address
    $a_formRules[] = new FormRule(FormRuleType::email, $o_fe_email, NULL, 'Please provide a valid email address');
      
    //CREATE FORM AND SETUP
    $o_form = new FormItBuilder($modx,'contactForm');
    $o_form->setHooks(array('spam','recaptcha','email','redirect'));
    $o_form->setHooks(array('spam','recaptcha','email','redirect'));
    $o_form->setRedirectDocument(20);
    $o_form->addRules($a_formRules);
    $o_form->setPostHookName($snippetName);
    $o_form->setEmailToAddress('REMOVED');
    $o_form->setEmailFromAddress('REMOVED');
    $o_form->setEmailSubject('| Enquiry - From: [[+name_full]]');
    $o_form->setEmailHeadHtml('<p>This is a response sent by [[+name_full]] using the contact us form:</p>');
    $o_form->setJqueryValidation(true);
      
    //ADD ELEMENTS TO THE FORM IN PREFERRED ORDER
    $o_form->addElements(
        array(
            $o_fe_name,$o_fe_email,$o_fe_contact_number,$o_fe_notes,
            new FormItBuilder_htmlBlock('<hr class="formSpltter" />'),
            $o_fe_buttSubmit
        )
    );
      
    return $o_form;


      
    }
    }

    //Run the form construction function above
    $o_form = FormItBuilder_BasicExample($modx, $snippetName);
    if (isset($outputType) === false) {
        //this same snippet was called via various other hooks
        return $o_form->processCoreHook($hook, $o_form);
    } else {
        //Final output for form
        return $o_form->output();
    }

Again I have never used this before so I apologise sincerely, but am very grateful for any help/advice offered. Thank you.

Squashed_Tomato · June 19, 2019, 2:03pm

Ah, also on top of the template, in template variables, I have this;
 <script type="text/javascript" src="assets/scripts/jquery.validate.min.js"></script>[[!FormItBuilder_BasicExample? &outputType=dynamic]]

Is it this, on that page, that needs updating perhaps?

  $o_fe_captcha = new FormItBuilder_elementReCaptcha('Verification Code');

nuan88 · June 19, 2019, 2:22pm

Ok so you’ve got a form, but it doesn’t appear? or you’ve got this older form available that works?

This form seems to have recaptcha added.

First, the problem of code not appearing but text appearing. In the resource, go to settings and uncheck ‘richtext’. That will allow your code to be parsed.

Then, try sticking this code in the resource and see if the form appears.

[[!FormItBuilder_BasicExample]]

That’s a snippet call to your form, let’s get it appearing first then go from there.

Squashed_Tomato · June 19, 2019, 2:27pm

Hi,
Thank you for the reply.
The form and page shows and works fine, I can fill it in and email no problem. But there’s no anti-spam measures at all? So the owners are being inundated with spam.
I have a lot to sort out on the site but this is the first priority.

I’ve cleaned up anything I left lying around from trying to test it and now the leftover text is gone. Thank you.
So I installed reCAPTCHA mod and just don’t know what more to do from here.
I tried calling it in this area of code which is on the template ;

		<div id="text_area">

            <h1>[[*longtitle]]</h1>

			[[*pre-code]]
			[[*content]]
			[[*post-code]]
			[[$html-back-to-top]]

	</div><!-- close text_area -->

but nothing happens unfortunately.

&hooks=`recaptchav2` 
[[!recaptchav2_render]]
[[!+fi.error.recaptchav2_error]]

PS the site is using MODX Revolution 2.2.6-pl (traditional) - is that an issue?

nuan88 · June 19, 2019, 2:54pm

Ah yes, you should update, we’ve had an attack not too long ago on older sites, please update asap.

Then we can work this out. We will be here!

Squashed_Tomato · June 19, 2019, 2:55pm

Okay will do. Will it change the layout of the site etc? I have only had the site for a few weeks as a helper, the site is 7 years old. I knew it was out of date, but am anxious of updating. (I can get backups though).
Will updating the core software overwrite everything?

Squashed_Tomato · June 19, 2019, 3:36pm

Interesting, while downloading everything I see it’s using formITbuilder which is now deprecated.
Would this stop me from adding reCAPTCHA to the page?
Anyway am doing backups as we speak.
Thank you!

markh · June 19, 2019, 3:39pm

Updating the core does not typically impact any content or templating. 2.2.6 is really old so it is possible you’ll run into some small issues.

It’s recommended to upgrade one minor version at a time until 2.4 - so first upgrade to 2.3.x, then 2.4.x, and from there you can go straight to 2.7. Also upgrade extras to ensure compatibility. It’s possible to use the UpgradeMODX extra to make upgrading quicker/easier.

It looks like the form was built with FormitBuilder, and that has its own way of adding hooks and markup into the form. I haven’t used that before, but there appears to be documentation for it here. Including an example for recaptcha, which might be quite old but could point you in the direction of how to add it.

Squashed_Tomato · June 19, 2019, 3:57pm

Hi Mark,
Okay thanks for the info. Indeed as I am slowly ploughing through their site, I am realising just how out of date everything is!
Noted, will take that on board when upgrading. Will test on a local install first to be sure.

Okay thanks, will have a look now. I found the JSON package instructions but not for the deprecated one. Thank you, will try it now.

nuan88 · June 19, 2019, 4:13pm

Modx separates the core from the extras, so no overwriting should happen. Now if an extra is updated, then its default files may/will also be overwritten. That’s why you can use a custom chunk rather than modify a default chunk

Nothing should change, Modx delivers pure html and css, but as you note extras may need to be replaced.

From the looks of that builder, recaptcha should be fairly easy, its just called in the form…there might be credentials but we will get there when the time comes.

Squashed_Tomato · June 19, 2019, 4:18pm

I’ve tried adding it again but no joy and incidentally the lines of code mentioned here by @markh were already present;
Recaptcha in contact pages

Okay so I am duplicating the pages and templates and will edit those to see how to fix this.
I have the credentials already and inputted them in system > recaptcha
What I am struggling to now do is get the page to call the template with the newer and correct ways of calling recaptcha.
Frustrating but would this have been possible and is it still possible using this FormitBuilder? Or is that immaterial?
Thanks both for your help thus far.

Squashed_Tomato · June 19, 2019, 5:09pm

Hi again,
Okay am on MODX Revolution 2.7.1-pl. She threw a lot of errors and wobbles at me, but I kept cleaning each on up, uninstalling etc etc until it passed through the steps and into the CP.
So I will try again and see what can be done, but any advice from here will be gratefully received please.
Thank you!

nuan88 · June 19, 2019, 7:25pm

Ok good! Now let’s deal with this contact page.

Ok so can you still use that extra, or do you have to build a new one? Contact pages aren’t hard if so.

Just try to update the extra, or maybe re-install it.

I still think we have a bit of a communication/understanding problem, because every code for the form you’ve shown has had at least part of the recaptcha in there, so when you say they have a form and it works…but no recaptcha, that’s a bit odd. I wonder if it could be yet another form.

Pictures always help too.

I def think this issue is quite workable, with Modx some extras require a bit of massaging if you will, but this is pretty standard stuff.

We will be here to help, don’t worry about that. Just try to keep telling us what is/isn’t happening, and where you are codingwise.

vibedesign · June 19, 2019, 7:31pm

So I have a working contact form protected by the recaptcha Extra and all I have is recaptcha being defined in the FormIt Hook

&hooks=`recaptchav2`

and then the submit button is brought in with this snippet:

[[!recaptchav2_render?
   &tpl=`recaptchav2_invisible_html`
   &form_id=`contact`   // enter your form ID
]]

Also do you have the correct API Keys set in the system settings? You want to have a site and a secret key provided by Google in there.

Squashed_Tomato · June 19, 2019, 7:36pm

Thanks for the reply! I am slowly getting there, I think… but am having issues no doubt about that.

So this is what I think the structure is;
Contact-us page pulls content from the ‘ContentTemplate’
Under elements, the template has this;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>[[*longtitle]] - [[++site_name]]</title>
<base href="[[++site_url]]" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="www.zoobaweb.co.uk" />
<meta name="description" content="[[*meta-description]]" />
<meta name="keywords" content="[[*meta-keywords]]" />
<meta name="format-detection" content="telephone=no">

<!-- GLOBAL STYLE SHEET -->
<link href="assets/css/global.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="assets/scripts/jquery-1.7.1.min.js"></script>

<!-- Include jQuery Cycyle (Production) -->
<script type="text/javascript" src="assets/scripts/jquery.cycle.lite.js"></script>
<script type="text/javascript">
$(function() {
    $('#testimonial_wrapper').cycle();
	
});
</script>

<style type="text/css">
body {
	background:url(assets/images/backgrounds/background.jpg) #4d190e no-repeat;

}
</style>

</head>

<body>
[[$html-facebook]]

<div id="WRAPPER">

	<div id="HEADER">
		[[$html-header]]
	</div><!-- CLOSE HEADER -->

	<div id="CONTENT_WRAPPER">
    	
        <div id="NAVIGATION">
			[[Wayfinder? &sortOrder=`DESC` &sortBy=`menuindex` &startId=`2` &limit=`6`]]   
    	</div><!-- CLOSE NAVIGATION -->
    
  		<div id="LEFT_COLUMN">

		<div id="text_area">

                <h1>[[*longtitle]]</h1>
				[[*pre-code]]
				[[*content]]
				[[*post-code]]
				[[$html-back-to-top]]

		</div><!-- close text_area --> 

              
        </div><!-- CLOSE LEFT_COLUMN -->

        <div id="RIGHT_COLUMN">

			[[$html-right-sidebar]]

		 </div><!-- CLOSE RIGHT_COLUMN -->
        
        <div class="clear"></div>
    
    </div><!-- CLOSE CONTENT_WRAPPER -->    
    
</div><!-- CLOSE WRAPPER -->


<!-- jQuery Back to top -->
<script src="assets/scripts/scroll-to-top/jquery.scroll.pack.js" type="text/javascript"></script>
<script src="assets/scripts/scroll-to-top/jquery.easing.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $(".toTop").scrollToTop({speed:1250,ease:"easeInOutCubic"});
});
</script>



</body>
</html>

Sorry don’t know why code-pastes aren’t working correctly. NB I have removed the image filename.
Then in the file template, FormitBuilder_BasicExample, I have this;

    <?php
$snippetName='FormItBuilder_BasicExample';
require_once $modx->getOption('core_path',null,MODX_CORE_PATH).'components/formitbuilder/model/formitbuilder/FormItBuilder.class.php';
if (function_exists('FormItBuilder_BasicExample')===false) {
function FormItBuilder_BasicExample(modX &$modx, $snippetName) {


//CREATE FORM ELEMENTS
  $o_fe_name      = new FormItBuilder_elementText('name_full','Your Name:');
  $o_fe_email     = new FormItBuilder_elementText('email_address','Email Address:');
  $o_fe_contact_number     = new FormItBuilder_elementText('contact_number','Contact Number:');
  $o_fe_notes     = new FormItBuilder_elementTextArea('comments','Detail of Enquiry:',5,30);
  $o_fe_captcha = new FormItBuilder_elementReCaptcha('Verification Code');
  $o_fe_buttSubmit    = new FormItBuilder_elementButton('submit','Submit Form','submit');


//SET VALIDATION RULES
$a_formRules=array();
//Set required fields
$a_formFields_required = array($o_fe_notes, $o_fe_name, $o_fe_email,$o_fe_contact_number);
foreach($a_formFields_required as $field){
    $a_formRules[] = new FormRule(FormRuleType::required,$field);
}
//make email field require a valid email address
$a_formRules[] = new FormRule(FormRuleType::email, $o_fe_email, NULL, 'Please provide a valid email address');
  
//CREATE FORM AND SETUP
$o_form = new FormItBuilder($modx,'contactForm');
$o_form->setHooks(array('spam','recaptcha','email','redirect'));
$o_form->setRedirectDocument(20);
$o_form->addRules($a_formRules);
$o_form->setPostHookName($snippetName);
$o_form->setEmailToAddress('');
$o_form->setEmailFromAddress('');
$o_form->setEmailSubject(' | Enquiry - From: [[+name_full]]');
$o_form->setEmailHeadHtml('<p>This is a response sent by [[+name_full]] using the contact us form:</p>');
$o_form->setJqueryValidation(true);
  
//ADD ELEMENTS TO THE FORM IN PREFERRED ORDER
$o_form->addElements(
    array(
        $o_fe_name,$o_fe_email,$o_fe_contact_number,$o_fe_notes,
        new FormItBuilder_htmlBlock('<hr class="formSpltter" />'),
        $o_fe_buttSubmit
    )
);
  
return $o_form;


  
}
}

//Run the form construction function above
$o_form = FormItBuilder_BasicExample($modx, $snippetName);
if (isset($outputType) === false) {
    //this same snippet was called via various other hooks
    return $o_form->processCoreHook($hook, $o_form);
} else {
    //Final output for form
    return $o_form->output();
}

Snippet screenshots;

Hope this helps, sorry for any formatting issues. I though the </> was for code entries but of course it’s mixed content.

So on the contact form, all is there aside from the reCAPTCHA ‘I am not a robot’ tickbox;

nuan88 · June 19, 2019, 7:39pm

Oh I am sorry I didn’t tell you. For all code, use three single ticks on the line above, and below, the code. The ‘preformatted code’ button doesn’t do it, unfortunately.

Let me check over what you’ve got

Squashed_Tomato · June 19, 2019, 7:41pm

Hi,
Yes have both the Google Keys entered…
But, your code looks very different to what I have here.

This is the content template;
https://pastebin.com/1xhJnL5z

This is the HTML;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>[[*longtitle]] - [[++site_name]]</title>
<base href="[[++site_url]]" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="" />
<meta name="description" content="[[*meta-description]]" />
<meta name="keywords" content="[[*meta-keywords]]" />
<meta name="format-detection" content="telephone=no">

<!-- GLOBAL STYLE SHEET -->
<link href="assets/css/global.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="assets/scripts/jquery-1.7.1.min.js"></script>

<!-- Include jQuery Cycyle (Production) -->
<script type="text/javascript" src="assets/scripts/jquery.cycle.lite.js"></script>
<script type="text/javascript">
$(function() {
    $('#testimonial_wrapper').cycle();
	
});
</script>

<style type="text/css">
body {
	background:url(assets/images/backgrounds/bkg.jpg) #4d190e no-repeat;

}
</style>

</head>

<body>
[[$html-facebook]]

<div id="WRAPPER">

	<div id="HEADER">
		[[$html-header]]
	</div><!-- CLOSE HEADER -->

	<div id="CONTENT_WRAPPER">
    	
        <div id="NAVIGATION">
			[[Wayfinder? &sortOrder=`DESC` &sortBy=`menuindex` &startId=`2` &limit=`6`]]   
    	</div><!-- CLOSE NAVIGATION -->
    
  		<div id="LEFT_COLUMN">

		<div id="text_area">

                <h1>[[*longtitle]]</h1>
				[[*pre-code]]
				[[*content]]
				[[*post-code]]
				[[$html-back-to-top]]

		</div><!-- close text_area --> 

              
        </div><!-- CLOSE LEFT_COLUMN -->

        <div id="RIGHT_COLUMN">

			[[$html-right-sidebar]]

		 </div><!-- CLOSE RIGHT_COLUMN -->
        
        <div class="clear"></div>
    
    </div><!-- CLOSE CONTENT_WRAPPER -->    
    
</div><!-- CLOSE WRAPPER -->

[[$html-footer]]

<!-- jQuery Back to top -->
<script src="assets/scripts/scroll-to-top/jquery.scroll.pack.js" type="text/javascript"></script>
<script src="assets/scripts/scroll-to-top/jquery.easing.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $(".toTop").scrollToTop({speed:1250,ease:"easeInOutCubic"});
});
</script>

[[$html-google]]

</body>
</html>

Ahh sorry. I didn’t know.
Can you please elaborate what you mean by three single ticks please?
I just tried some and the formatting still borked.
Thank you so much for all of your help so far.
Regards

EDIT= damn I’ve been locked for 18 hours for reaching my maximum postings apparently…

@nuan88 ahhh tilde is it?
I will try now;


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>[[*longtitle]] - [[++site_name]]</title>
<base href="[[++site_url]]" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="www.zoobaweb.co.uk" />
<meta name="description" content="[[*meta-description]]" />
<meta name="keywords" content="[[*meta-keywords]]" />
<meta name="format-detection" content="telephone=no">

<!-- GLOBAL STYLE SHEET -->
<link href="assets/css/global.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="assets/scripts/jquery-1.7.1.min.js"></script>

<!-- Include jQuery Cycyle (Production) -->
<script type="text/javascript" src="assets/scripts/jquery.cycle.lite.js"></script>
<script type="text/javascript">
$(function() {
    $('#testimonial_wrapper').cycle();
	
});
</script>

<style type="text/css">
body {
	background:url(assets/images/backgrounds/bkg-rhosilli.jpg) #4d190e no-repeat;

}
</style>

</head>

<body>
[[$html-facebook]]

<div id="WRAPPER">

	<div id="HEADER">
		[[$html-header]]
	</div><!-- CLOSE HEADER -->

	<div id="CONTENT_WRAPPER">
    	
        <div id="NAVIGATION">
			[[Wayfinder? &sortOrder=`DESC` &sortBy=`menuindex` &startId=`2` &limit=`6`]]   
    	</div><!-- CLOSE NAVIGATION -->
    
  		<div id="LEFT_COLUMN">

		<div id="text_area">

                <h1>[[*longtitle]]</h1>
				[[*pre-code]]
				[[*content]]
				[[*post-code]]
				[[$html-back-to-top]]

		</div><!-- close text_area --> 

              
        </div><!-- CLOSE LEFT_COLUMN -->

        <div id="RIGHT_COLUMN">

			[[$html-right-sidebar]]

		 </div><!-- CLOSE RIGHT_COLUMN -->
        
        <div class="clear"></div>
    
    </div><!-- CLOSE CONTENT_WRAPPER -->    
    
</div><!-- CLOSE WRAPPER -->

[[$html-footer]]

<!-- jQuery Back to top -->
<script src="assets/scripts/scroll-to-top/jquery.scroll.pack.js" type="text/javascript"></script>
<script src="assets/scripts/scroll-to-top/jquery.easing.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $(".toTop").scrollToTop({speed:1250,ease:"easeInOutCubic"});
});
</script>

[[$html-google]]

</body>
</html>

Think that did it?

@vibedesign Okay thanks, didn’t realise there were limiters like so. I understand of course, especially having a few communities myself; but I do also realise it’s a hindrance too - especially if you’ve been working on something for days on end and finally gave up, then realised there was infact somewhere to ask.
Okay so will sit this out and close my 30+ tabs about this I have open, down!
Thanks all so far for your invaluable help.

@nuan88 Thank you. I tried adding recaptchav2 in the code but still didn’t work, or at least show the field anyway.
I will try again and check now.

vibedesign · June 19, 2019, 7:46pm

Check your notifications, you should have a message from a little friendly robot in there, teaching you the basics. This might also increase your limit.