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?

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.



Keywords: wordpress html code 75 embed blog custom 1 embed website wordpress plugin 1 wordpress Embed 242 embed wordpress 180 wordpress html 156 wordpress iframe plugin 153 embed it 116 EmbedIt wordpress 113 embedit plugin 110 wordpress embed plugin 104 wordpress embed html 95 wordpress html plugin 93 embed html 92 wordpress EmbedIt 84 embedit wordpress plugin 74 embed html wordpress 74 Enter or paste HTML/embed code here if you want 69 html to wordpress 64 embed wordpress into website 59 html in wordpress 57 embed html in wordpress 51 how to embed in wordpress 47 html wordpress 46 html embed 44

53 Responses to “EmbedIt WordPress Plugin - Embed HTML code in Wordpress without problems!”

  1. Jude Says:

    Fantastic plug-in for server hosted Wordpress blogs. Now I only wish that Wordpress would take the hint and implement a solution for their many users (like my students) still using their free blogging platform.

  2. Dan (future gadgets blog) Says:

    I like your blog theme. I want to use it on my blog.
    Can you please tell me from where I can download these theme?

    Many thanks

    ——————————————————————————–
    Dan owner of the future gadgets blog future gadgets and inventions

  3. James Says:

    Appreciate this plugin… definitely makes it easier to post hosted videos on my news web log, without having to use several different types of video ‘codecs’.

    -James
    http://www.thepoliticus.org

  4. boe Says:

    great work!! finally kyte.com, seesmic.com, qik.com or google-maps don’t destroy my wp-theme anymore…

  5. Andie Says:

    Wow, this is exactly what I needed. All the other plugins for this are limited or clumsy. Thanks for writing this plugin!

    /Andie

  6. DaveB Says:

    Thanks for the plug-in, very, very useful!

  7. FILIPPO Says:

    Caro Matteo,

    ti ringrazio per le tue preziose indicazioni. Il problema stava proprio nelle parentesi quadre. Ho messo solo HTML1 e subito è comparso il codice in embedding. Il sito su cui sto lavorando si chiama portanord.it e non appena sarà pubblicato ti inviterò a visitarlo e a darmi qualche consiglio. Complimenti ancora per il tuo plugin. Ho una piccola web agency che si chiama iditom (www.iditom.com). Chi lo sa, magaripotremmo collaborare su qualche progetto!
    Grazie ancora.

    Filippo Marini

  8. Lexx Says:

    Thanks for the plug-in

  9. Micky Multani Says:

    The best and most useful plugin for wordpress hosted blogs! It is exactly what I wanted!…2 Thumbs up! Works like a charm.

    Thanks

    Micky
    http://www.pixelsoda.com/blog

  10. aishah Says:

    Thanks so much for this plugins. It’s so easy to use. Keep up the good work.

  11. Jason Says:

    Thanks for the plugin. I was having a hell of a time trying to get my custom google maps in my site. Your plugin solved what was days of pulling out my hair. 2 thumbs up!!!!!

  12. Omegacool Says:

    Grandioso, muy util!!!

  13. Chris Says:

    Good work! matteo’s EmbedIt…..for those times when wordpress says html but doesn’t really mean html.

  14. kursatsenturk Says:

    thank you

  15. zoe Says:

    oh i love it. Its the plugin that allowes me to integrate Flickr Video. Thank you for that

  16. HTML Guru Says:

    Very nice and elegant. I’ve had a few problems before loading in Youtube videos and did find a plugin specifically for that, but this one is generic enough to use for all those tags.

    Thanks

  17. Bill Petro Says:

    Very nicely done. Thanks.

  18. Alexa Says:

    Can this plug in work for embedded videos? (I have the code for the link) Thanks!

  19. jocuri Says:

    Keep up the good work! 10q

  20. admin Says:

    Hi Alexa,

    you should be able to embed every kind of video, provided you have the right html code to embed. Contact me if you need help!

  21. Blaenk Denum Says:

    You should host this on the wordpress.org site so more people see it, and so that if you ever update your plugin it will be available to everyone using the automatic update system.

  22. mortadella Says:

    Is there a way to upload more than 9 HTML code snippets? This plugin is perfect, but I need it to embed 50 or 100 HTML snippets or more!!!! please help!

  23. Pablo DiCiacco Says:

    Wow!
    This is great… being able to place javascript directly into a post is awesome.
    Thanks

  24. Thomas (Bavarian Beer) Says:

    Same question as mortadella - Is it possible to enlarge the number of snipplets up 100 or more?

  25. admin Says:

    yes. Just edit the embed-it.php file. Go to line 19. Change the number from 9 to the desired value of maximum snippets. You’re done!

  26. Showbiz Intriga? Get it From Boy! Says:

    everything works fine until i embed an IFRAME video..it is embedded alright BUT not the video by my blog’s 404 page. what to do? i am certain i got the correct iframe code..or this plugin just doesn’t work with iframes?

  27. admin Says:

    the plugin has no problems with iframes. Are you sure the src of the iframe is correct?

  28. Flash Drive Says:

    Keep up the good work!THANKS!
    http://www.tinboxmanufacturer.com/

  29. ColourfulWorld Says:

    Thanks for the plugin and instructions. I have finally embed an iframe into my blog to show google maps.

  30. Kris @ Fresh Focus Says:

    Matteo,

    I’m using Camtasia to do screencasts. I host the .swf info locally on my blog, uploading it via http://FTP. I want to be able to allow my users to have the option of viewing the video in full screen mode, which means that the full screen functionality is only available when you produce ExpressShow with an HTML file, and then run that video by playing the HTML file.

    How do I embed the locally saved HTML file? I’m not quite sure how to code it for the “value” box.

    Any help would be greatly appreciated. Thank you

  31. Doug Says:

    I downloaded the plugin and used it on my PC and it works great. Another friend used the same plugin on his Mac and it did NOT work. Should the same plugin work for both platforms?

    Thx

    db

  32. admin Says:

    No, I’m using it on the Mac all the time with success. Maybe you’re plagued by the famous Wordpress bug - have a look in the grey box notice before the comments - “YOU’RE ALMOST THERE, JUST A QUICK NOTE IF YOU’RE ON WP 2.6″

  33. Mike Panic Says:

    Just wanted to let you know I wrote a review of this plugin after successfully using it on two blogs that I manage. You can read the review here: http://crenk.com/embedit-wordpress-plugin-review/

  34. Poster Says:

    I use custom fields for annotations and links. How do you deal with that? Do I have to hide all custom fields if I want to use this plugin?

  35. admin Says:

    no! No need to worry. This plugin only acts on the HTML1, HTML2…. custom fields. Other custom fields are not concerned!

  36. hypercet Says:

    what can i say?
    I love you…
    Thanks for great plugin.
    Irene

  37. Steve Says:

    I am using a WP theme that requires Custom Fields for placing video posts [press75 "OnDemand"]. It bypasses the conventional WP embed process form field, and requires the embed code to go into pre-defined Custom Fields. I would like to use your plugin to have preset embed code in a specific Custom Field so my user need only change the video filename in the preset code to post the new video. Is this possible with a mod to your plugin?
    Steve

  38. Alice Says:

    I’m getting a similar problem showing a google map on this page: http://www.alicewinthrop.com/ipswich375/about-2/location/
    It shows a page from my site instead of the google map. I’ve double-checked the embed code. Any thoughts? Thanks.

  39. Alice Says:

    Scratch that. Strangely I posted a new page, it failed, I started again and then when I checked the location page it was working. Must have been some sort of temporary corrupt file.
    Thanks for a great plugin.

  40. Html Metatags Says:

    Just the hint I was looking for - got to integrate it soon in my WP ;-)

  41. ForexCustomerReports.com Says:

    Awesome plugin dude! I was pulling my hair out trying to embed some iframe code and your plugin made it work on this page:
    http://www.forexcustomerreports.com/forex-calendar/

    Thank you very much!

  42. Kaz Says:

    Same question as Kris@FreshFocus. I have another program (SportTracks) that creates and updates a “stand alone” .html page. I want to show that page inside of a page in WP. If I create HTML1 and [HTML1] I get just the text “http://www.kasdorf.name/Running/RunIndex.html” instead of the page contents embedded in the WP page.
    Tried various combos of no “html” with no luck. Also tried adding [HTML1]

    Anyone have the solution it would be appreciated!

  43. ToolsForRealEstate.com Says:

    Wordpress was stripping the Audio Acrobat code out of my self-hosted blog every time I went into the html editing mode, this totally fixed it - works like a charm, thank you!

  44. David Lindsey Says:

    Thanks for the plugin. It works perfectly, much better than other “raw code” plugins.

  45. Betty Says:

    Fantastic!!

    Just installed it, have used it once and it is perfect. Now to try to embed that silly google map on my site…

    Thank you!!

  46. Terry Says:

    Pure genius. I needed some code to clear the floats after some pictures I inserted into a post. Works great.

  47. Paamayim Says:

    With notices turned on I get a lot of:

    Notice: Uninitialized string offset: 0 in /home/somefolder/public_html/wp-content/plugins/embed-it.php on line 23

    In production you will want disable notices, but it’s not good knowing they are there but simply you cannot see them.

    So, you may want to substitue in lines 22 and 23:

    $html= get_post_meta($post->ID, $key,false);
    $html=$html[0];

    with:

    $html= get_post_meta($post->ID, $key, true);
    if($html == ”)
    continue;

    Hope it helps.

  48. Murph Says:

    I rarely leave comments on sites but I have to say that this plugin really, really helped! Thanks for taking the time to not only create such a plugin, but to share it with us (especially we NEWBIES) - great!

    Murph

  49. Evgeni Says:

    I needed to embed an online tool into a WP page. That tool has a JavaScript input forms, progress bar, an XHR call, and a table for the CGI output. Tried doing it manually - got a distorted page.

    EmbedIn solved the problem!

  50. Yael Says:

    Does this work in WordPress 2.8? Sure hope so, because I really need it :)

    Thanks. Yael

  51. admin Says:

    Yes, it should in my preliminary test ;)

  52. Raj Says:

    You have made my job very simple with this great plugin! Tnx! :)

  53. taulant Says:

    You have made my job very simple with this great plugin! Tnx

Leave a Reply

Please leave these two fields as-is:

Bad Behavior has blocked 173 access attempts in the last 7 days.