EmbedIt WordPress Plugin – Embed HTML code in WordPress without problems!


images.jpgDo you need a SIMPLE plugin for incorporating any HTML code (including Youtube, Metacafe, Ustream.tv html embed code) into your WordPress posts? WordPress 3 compatible?

How many times have you been feeling frustrated because the WordPress built in WYSIWYG editor would destroy your HTML code, no matter what you do?

This light and easy wordpress plugin will solve your problem.


It can be very handy when you need a very easy and quick solution to:

  • embed Youtube videos into wordpress
  • embed ustream into wordpress
  • embed a custom Google Map into wordpress
  • embed whatever html code into wordpress
  • embed specific Adsense code into wordpress posts deciding WHERE it should go inside an article

This plugin takes advantage of WordPress custom fields. If you haven’t heard about them, you’ll soon understand what we’re talking about. Just have a look to your wordpress post editing page, under “trackback”.

WHAT IT DOES: WHY DO I NEED IT?

images1.jpgEmbedIt is simple plugin that allows you to embed any html code in a post, deciding precisely where to embed it, allowing you freedom of coding your html without being annoyed by the wysiwyg editor. It will save you a lot of time, a quick solution for many occasions. No messing around, and compatible with any html embeddable service. And of course, you can write your own html code, without having the hassle of dealing with the WordPress WISYWYG editor.

USAGE: While editing a post, create a custom field with key HTML1 and paste the code you want to embed into the Value field. Then just write [HTML1] in your post where you want to embed the html code. (Just use the standard wysiwyg post content editing window, no need to switch to Code view).

A QUICK EXAMPLE TO GET STARTED ON HOW TO EMBED VIDEOS OR WHATEVER HTML I WANT INTO MY POST

There you go.

Let’s say that you want to embed an youtube video into your post.

  1. Install and activate the plugin. You may know how to do this. Or if you don’t, have a look here.
  2. On the Youtube video page, copy the HTML code of the video.
  3. Now in the WordPress post editing window, place your cursor where you want your video to appear and just type

    [HTML1]

    Here is what things should look like. Click images to enlarge
    embed html into wp

  4. Create a custom field using key HTML1

custom field wordpress

and paste the HTML code that you’ve copied from Youtube in the Value field on the right.

Here is what things will look like.

Do not forget to click Add Custom Field.

AND NOW….

Have a look at the post: exactly where you wrote [HTML1] the video appears.

Here is our result! Have a look at this funny video post

CAN I HAVE MORE? SURE!

If you need, you can use up to nine times the trick: just use the “tags” [HTML2] …. to [HTML9]… in order to embed up to nine html different snippets per post, placing each snippet in a different custom field called HTML2 … to HTML9.

You can also “print” the same html snippet more than one time calling the [HTML1] tag more than one time. No problem with it.

This plugin can come real handy when using wordpress as a CMS. Your clients will no longer destroy their embeds when editing pages and posts!

YOU’RE ALMOST THERE, JUST A QUICK NOTE IF YOU’RE ON WP 2.6:


WP 2.6 has a known bug wich adds a  slash to all ‘ and ” characters.  Until the WP team releases a new fixed version, the only way to get around it is to submit your custom field entry,  then update the field once again with the right code.

AND NOW, DOWNLOAD THE PLUGIN.

Did I tell you it’s for free? Yes, it is. In order to get the plugin, insert your email address. You will receive instantly an email with the download link.

Your Email:   

I’ll contact you occasionally regarding WordPress plugins and updates – I won’t use your email for any other purpose or give it to anybody else.

126 thoughts on “EmbedIt WordPress Plugin – Embed HTML code in WordPress without problems!

  1. THANK YOU!!!!

    I’m new to WordPress – only started using it this weekend – a friend made a new version of my site in WordPress – he’s on holiday this week and I needed to add a couple of pages with code in… Your plug-in was PERFECT!!!

    THANKS!!!!

    Robert.

  2. Hi!
    Just downloaded your Plugin “Embed HTML code”. I think it is that what I was looking for.

    By the way how did you manage it to let the people enter their E-Mail address in order to get the file. Did you control the downloadable files in WP.

    Please tell me.

    kind regards and have a nice day

    Horst

  3. This plugin will made my job easier. Any of you guys know how to embed a website in my own wordpress blog? What I want to do is embed one of my affliliate landing page in one of my post, is this possible?

  4. Okay, I think I’m missing something. Do I need to host my own wordpress blog in order to add plug ins? I can’t find where I can add plug ins.

  5. I’m having trouble on posting an simple HTML FORM to my post, on a WPMU 2.8 installation.

    Now, I’ll try this plugin…

  6. this is not working for me. i followed all the steps mentioned by you but it is not working.

    It is showing the wordpress converting HTML and showing it as WYSIWYG did.

    Please help am using WP 2.8.6

  7. Hey this was really useful – do you know if there is some way to automatically generate HTML code and embed it (I have a cartoon website http://www.wonkie.com and would like users to be able to copy a ready made code snippet to include a cartoon on their website (and I need the code to be generate automatically for each new post)

    Thanks

  8. I cant install the plugin. Downloading works ok. Do I install the .php file or do I install the whole file without extracting it? When I do it either way it doesnt work & the plugin isnt installed. Am I doing something wrong? Step by step how do I install? Thanx.

  9. I’ve been trying to embed Amazon Affiliate book code on my blog and was thrilled to receive your plugin. One thing people should know is that, at least for my purpose, the picture doesn’t appear in the edit window. If you preview the post you’ll see it. Thank-you very much!

  10. Hi, I didn’t find out where the “custom field” is. Can you show me where’s this option? I understood how I need create, but I don’t know where the bottom CUSTOM FIELD is.
    Thanks

  11. This doesn’t work on a page in WordPress MU 2.7.1. it does work for posts, but not for pages.

    Please advise on how to correct this.

  12. Matteo! This is absolutely awesome! I’ve come across few plugins like wpautop or WP-AllowTags and none of those work. EmbedIt works and works perfectly! Thanks a million!

  13. Nice plug-in. I couldn’t find anything that emulated the function of pre / code tags I used to use back in the days of html. WordPress truly is a whole new paradigm.

  14. I want to thank you for yet another fantastic post. I am always searching for great WordPress tips to recommend to my readers. Thank you for writing this tutorial . It’s just what I was trying to find. Truly amazing post.

  15. This is definitely the most valuable plug-in that is missing even in WordPress 3.0. The guys from WordPress should buy this and integrate into their next WP version. Thanks a lot!

  16. Thank you so much! This works to embed a hosted paypal buy now button too (in case anyone is needing that functionality).

  17. hi matteo, nice plugin!
    and as you are giving it away for free, why don’t you just upload it to wordpress.org? Or have you, and I’m so dumb I can’t find it?

  18. Hey,

    thanks for this. it’s exactly what I’m looking for. I’ll let you know how it works for me.

    also, excellent sqeeze page! I see so many bad ones and this one is superb… happy coding!

    Peace & Love,
    Teddi B

  19. I desperately need this. however, am using WordPress Mu 2.8.6 and Rob Watson in March posted a comment that he had having difficulties in using it on pages. Has that problem been solved? Would be very interested.

  20. It doesn’t work inWP 3.01 unfortunately. This was a dissapointment as this was just what I needed so badley. I’ve tried everything; diverent themes, but nothing.

    Maybe somebody can help me here.

    Tanks

    Marcel

  21. I’ve to correct my first reply as I’ve made a mistake. The author whas so kind to correct my input in the special field. I’ve put the [] in as well and that was wrong. I should put the HTML in without the [].

    I’m very gratefull for this fantastic tool and I thank Matteo for this.
    Brilliant.

    Regards,

    Marcel

  22. Hello,

    thank you so much for this solution, it works. I had already given up any hope to tell WP not to change HTML Code and I was ready to jump right out of the window. So you saved my life, buddy.

    Kind regards
    Horst

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Please leave these two fields as-is: