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.

2012 Update – EmbedIt PRO is available! Still for free.

A new, totally rewritten version of the plugin is available for free download here. It brings the concept to a whole new level of flexibility and ease of use. The user interface and the logic is changed totally. [Upgraders should keep both versions running]

Embedit PRO is the ultimate plugin to embed html in WordPress.

Please stop reading this page and go to  EmbedIt Pro on SuperThemes.org



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.

2012 Update – EmbedIt PRO is available!

A new, totally rewritten plugin is available for free download here.

It brings the concept to a whole new level of flexibility and ease of use.

Embedit PRO is the ultimate plugin to embed html in WordPress.


 

Be Sociable, Share!

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

  1. Thank you! This plugin helped me solve an INCREDIBLY annoying problem with aligning vertical images in a post. Great work!

  2. actually, it’s working great and i’ve been looking for this for over a year hah.. finally getting rid of the one big advantage blogger had over wordpress. awesome!

  3. OK then…
    after using your plugin to create a test page with the HTML1 custom field, even after deleting the post, and the plugin, now my site persistently redirects to the deleted post. Any ideas?
    Thanks

  4. Thanks.
    I had indeed a problem with clients destroing their embeds when editing pages.

  5. None of the content embedded with this plugin is searchable on pages in my blog with either the built in search bar or the few plugins that support shortcode. Has anyone found a way to make the content findable for search queries?

  6. Hello, Is it possible that this does not work on WordPress 3.1.1? I’ve installed it “successfully” but there is no custom field that comes up. There doesn’t seem to be any changes in the site that would let me manipulate the plug in.

    Thanks and looking forward to your response. I hope I’m wrong and perhaps you can send me some steps.

  7. Embedit is a great plugin, but if you use it a lot your page or post becomes difficult to understand. Who will remember what [HTML23] means? This is especially important if one is working on a team, because the other team members would have to look up the meaning of every Embedit code.

    So I tried an experiment: After the number in the Embedit code, I wrote an explanation, in both the custom field title and the calling code, so now the calling code reads
    [HTML23~Book Title]

    The Embedit plugin still works. I figured that when php tried to take the numeric value of whatever followed “HTML” it would ignore the first non-numeric character and everything after it. But that is just a guess of mine. How reliable is this plugin’s wonderful but undocumented behavior?

    If it is an unreliable feature, how much would it cost to add a similar feature to the plugin, that would use a marker character and allow a description.

    Thank for your help on this.

  8. I am starting my WP Blog. I am making a squeeze page where I should put a video on it. I have downloaded the “Embdit” and I activated the screen for the custom field is a little different.There is no “key” field and I assume itis named “name” on mine. Any way, I have tried and tried to download the video inserting its HTML code and nothing happens. Of course I have tried it with several other videos and the result is just the same,

    What am I missing here? Does any one can help me? I am new at all this.

    Thanks.

  9. no, it works. It uses standard custom fields. You need to turn on their viewing though, in the upper part of the post editing window. This is a quite recent change to WordPress.

  10. still interested? Let’s get in touch via email. You can read it in the contact page. Thank you.

  11. both. It uses standard custom fields. You need to turn on their viewing though, in the upper part of the post editing window (SCREEN OPTIONS).

  12. Hi,
    Is there a similar plugin (but newer?) I understand there are many plugins out there, I was just curious if there was another plugin similar to what embedit does. I need to add html / css to my posts.

    Thank you!
    Brian

Comments are closed.