Integrating a HTML Payment Button in a CMS page

[Quenncy]

How can I integrate a HTML payment button from my merchant "Payeezy" in to one of my CMS pages? Every time I try I continue to get an error "The Content Field is Invalid". I have googled allot on this prestashop error and have tried many solutions including editing my "tinymce.inc.js" file and "Validate.php" file along with turning ON my ALLOW IFrames on HTML Fields button and turning OFF my Use HTML Purifier Library button in my Preferences\General Menu. 

 

 

[endriu107]

Could you paste here all button code?

[Quenncy]

I did in the Thumbnail attachments but I will again below if it will better help you help me.

 

Thanks Again,

Quenncy

 

 

Well I said I would but after finding this box is not Paste friendly in any form using I.E. browser I can't so I put it in another screen shoot in word so it can be seen.

 

So I Edited this POST using Chrome this time instead of I.E. and was able to Paste the HTML Code for the Button.

 

<div id="cp7aa7e32ed7" style="margin: 10px 0" onclick="document.getElementById('pay_now_form_a2893deaca').submit()"><div><div class='r-bg '><span class='r-fg r-fg-3'></span> <span class='r-fg r-fg-2'></span> <span class='r-fg r-fg-1'></span> <span class='r-fg r-fg-0'></span> </div><form action="https://globalgatewaye4.firstdata.com/pay" id="pay_now_form_a2893deaca" method="post"><input name="x_login" type="hidden" value="WSP-USPL-0d9j6QBogw" /><input name="x_show_form" type="hidden" value="PAYMENT_FORM" /><input name="x_fp_sequence" type="hidden" value="14608666032843235285" /><input name="x_fp_hash" type="hidden" value="PNB-1.0-0b1d3e6235e9c1fdb36ac5d0e975000a2443f925" /><input name="x_amount" type="hidden" value="" /><input name="x_currency_code" type="hidden" value="USD" /><input name="x_test_request" type="hidden" value="FALSE" /><input name="x_relay_response" type="hidden" value="" /><input name="donation_prompt" type="hidden" value="" /><input name="button_code" type="hidden" value="US Pawn and Loan" /><div class="cpwrap"><button type="button">US Pawn Payment Here</button></div></form><div class='r-bg '><span class='r-fg r-fg-0'></span> <span class='r-fg r-fg-1'></span> <span class='r-fg r-fg-2'></span> <span class='r-fg r-fg-3'></span> </div></div></div><style type="text/css">div#cp7aa7e32ed7{width: 200px; background-color: #FF9900;}div#cp7aa7e32ed7:hover{cursor: pointer}div#cp7aa7e32ed7 * {background-color: #FFAA00;}div#cp7aa7e32ed7 form{margin:0; padding:0;text-align:center}div#cp7aa7e32ed7 div.cpwrap {width: 90%;border:0;margin:0 auto;padding: 0px; background-color: #FF9900}div#cp7aa7e32ed7 button{width: 95%;border:0;margin:0;padding: 3px 0; background-color: #FF9900;text-align: center; color: #FFFFFF; }div#cp7aa7e32ed7:hover button {text-decoration: underline}div#cp7aa7e32ed7 button:focus,div#cp7aa7e32ed7 button:visited,div#cp7aa7e32ed7 button:active{border:none;outline: none}div#cp7aa7e32ed7 button {font-size: 16px}div#cp7aa7e32ed7 div.cpwrap {border-left: 3px solid #FFAA00; border-right: 3px solid #FFAA00}div#cp7aa7e32ed7 .r-fg{background-color: #FFAA00; border-color: #FFAA00}div#cp7aa7e32ed7 .r-bg{background-color: white}div#cp7aa7e32ed7 .r-fg{border-style: solid; border-width: 0px 1px; overflow: hidden; display: block; height: 1px; font-size: 1px}div#cp7aa7e32ed7 .r-fg-0{margin-left: 1px; margin-right: 1px; border-width: 0px 1px !important; height: 1px !important}div#cp7aa7e32ed7 .r-fg-1{margin-left: 2px; margin-right: 2px}div#cp7aa7e32ed7 .r-fg-2{margin-left: 3px; margin-right: 3px}div#cp7aa7e32ed7 .r-fg-3{margin-left: 5px; margin-right: 5px}</style>

Edited April 19, 2016 by Quenncy (see edit history)

[endriu107]

I think it supposed to work but "the content field is invalid" means there are some not allowed tags. Did you extend your text editor?

 

Check this: https://www.prestashop.com/forums/topic/318425-tutorial-tinymce-rich-text-editor-extended-version/

[Quenncy]

I think it supposed to work but "the content field is invalid" means there are some not allowed tags. Did you extend your text editor?

 

Check this: https://www.prestashop.com/forums/topic/318425-tutorial-tinymce-rich-text-editor-extended-version/

Yes of Course. What tags in the code are not allowed?

[endriu107]

I think this is not allowed:

 

<form action="https://globalgatewa...rstdata.com/pay" id="pay_now_form_a2893deaca" method="post">
<input name="x_login" type="hidden" value="WSP-USPL-0d9j6QBogw" /><input name="x_show_form" type="hidden" value="PAYMENT_FORM" />
<input name="x_fp_sequence" type="hidden" value="14608666032843235285" />
<input name="x_fp_hash" type="hidden" value="PNB-1.0-0b1d3e6235e9c1fdb36ac5d0e975000a2443f925" />
<input name="x_amount" type="hidden" value="" />
<input name="x_currency_code" type="hidden" value="USD" />
<input name="x_test_request" type="hidden" value="FALSE" />
<input name="x_relay_response" type="hidden" value="" />
<input name="donation_prompt" type="hidden" value="" />
<input name="button_code" type="hidden" value="US Pawn and Loan" />
<div class="cpwrap">
<button type="button">US Pawn Payment Here</button>
</div>
</form> 

[Quenncy]

I found the answer here:

http://presta.[spam-filter]/index.php/prestashop-tips/6-extending-tinymce-editor-in-prestashop-1-6-the-full-story

 

#2 Specifically - Disable the html validation

 

a) in a clean text editor (e.g. notepad), create a clean file named Validate.php and copy paste the following code inside it:

<?php
class Validate extends ValidateCore {
public static function isCleanHtml($html, $allow_iframe = false)
{
return true;
}
}
?>

copy the file into the directory /override/classes/

c) delete the file /cache/class_index.php

 

 

Thanks for your help. This should be marked SOLVED.

Thanks again,

[endriu107]

If you want mark topic as solved, you can do this by clicking in right bottom corner of the best answer.

[Quenncy]

If you want mark topic as solved, you can do this by clicking in right bottom corner of the best answer.

I don't see where that option is in any lower right corner. I am using Chrome if that matters.

[riras]

I found the answer here:

http://presta.[spam-filter]/index.php/prestashop-tips/6-extending-tinymce-editor-in-prestashop-1-6-the-full-story

 

#2 Specifically - Disable the html validation

 

a) in a clean text editor (e.g. notepad), create a clean file named Validate.php and copy paste the following code inside it:

<?php

class Validate extends ValidateCore {

public static function isCleanHtml($html, $allow_iframe = false)

{

return true;

}

}

?>

copy the file into the directory /override/classes/

c) delete the file /cache/class_index.php

 

 

Thanks for your help. This should be marked SOLVED.

Thanks again,

Don't use notepad. You need a editor that allows you to save "no BOM"

The notepad ++ by example.

I got a lot of issues before.

[endriu107]

I don't see where that option is in any lower right corner. I am using Chrome if that matters.

You supposed to see in every answer this:

 

[riras]

You supposed to see in every answer this:

 

I can't see either.

I just have report/multiquote/quote

[MacRoy]

Hi Moderator (s).

 

I can`t see it either! Please fix it for us.

 

Regards

MacRoy

 

 

 

 

[endriu107]

Only memeber who start topic see this button.

[Quenncy]

Don't use notepad. You need a editor that allows you to save "no BOM"

The notepad ++ by example.

I got a lot of issues before.

Thanks for the intel.  I just opened a new file in that directory location with c-panel file directory and pasted the content saved file and renamed it Validate.php and deleted file /cache/class_index.php.

 

Thanks,

[Quenncy]

You supposed to see in every answer this:

 

That option is not present on our side.

[endriu107]

That's weird, you supposed to see it because you started this topic.

[Quenncy]

I thought so as well but it's not there for sure.

[endriu107]

Ok, now I know why you didn't see it, thats because not every forum have this option. Those forums where could be more then one correct answer didn't have this button.

[Quenncy]

Ok thanks for letting us know.