asked on How do I add a PayPal button to a WordPress site using the block editor?
This seems like a ridiculous questions, but the obvious method is not working for me.My button code is as follows:
The page was a classic WordPress page, and I recently converted it to a block. I added a custom code block, pasted the PayPal code, previewed the page (it worked), saved the page, and then got the message
This block contains unexpected or invalid content.
What am I doing wrong? Or is there an easier way to have a simple PayPal donation button using the block editor?
Thank you.
<form style="text-align: center;" action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="cmd" value="_s-xclick" />
<div class="wp-block-column"><!-- wp:html -->
<input type="hidden" name="hosted_button_id" value="S37XKJTFBJXT6" />
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
</form>
The page was a classic WordPress page, and I recently converted it to a block. I added a custom code block, pasted the PayPal code, previewed the page (it worked), saved the page, and then got the message
This block contains unexpected or invalid content.
What am I doing wrong? Or is there an easier way to have a simple PayPal donation button using the block editor?
Thank you.
WordPressPayPal
Last Comment
Lev Seltzer
ASKER
I added a custom code block,
I did the exact same thing not too long ago thinking code block was HTML and what it really means is displaying code. You need to add custom html.
1) Add your block
2) Use Custom HTML. Go to Browse All then find Custom HTML
You can also just search for Custom HTML
3) Now you can paste in your HTMLfrom Paypal
4) Previewing shows it works
I just looked at your link and your Paypal link is working as it should.
ASKER
After saving the page successfully, I return to the page and see the error message below. The block is missing the PayPal button code.
If you know how to avoid this error, then please help..
Or perhaps somewhere there is a PayPal block that securely stores the unique identifier for the button?
Thank you.
If you know how to avoid this error, then please help..
Or perhaps somewhere there is a PayPal block that securely stores the unique identifier for the button?
Thank you.
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Thank you both for your help!
Likely something in surrounding HTML requires some refinement, as code you provided (what little there is) appears correct.