Do 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?
EmbedIt 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.
- Install and activate the plugin. You may know how to do this. Or if you don’t, have a look here.
- On the Youtube video page, copy the HTML code of the video.
- 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
- Create a custom field using key HTML1
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.
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.
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.
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
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
great work!! finally kyte.com, seesmic.com, qik.com or google-maps don’t destroy my wp-theme anymore…
Wow, this is exactly what I needed. All the other plugins for this are limited or clumsy. Thanks for writing this plugin!
/Andie
Thanks for the plug-in, very, very useful!
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
Thanks for the plug-in
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
Thanks so much for this plugins. It’s so easy to use. Keep up the good work.
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!!!!!
Grandioso, muy util!!!
Good work! matteo’s EmbedIt…..for those times when wordpress says html but doesn’t really mean html.
thank you
oh i love it. Its the plugin that allowes me to integrate Flickr Video. Thank you for that
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
Very nicely done. Thanks.
Can this plug in work for embedded videos? (I have the code for the link) Thanks!
Keep up the good work! 10q
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!
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.
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!
Wow!
This is great… being able to place javascript directly into a post is awesome.
Thanks
Same question as mortadella – Is it possible to enlarge the number of snipplets up 100 or more?
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!
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?
the plugin has no problems with iframes. Are you sure the src of the iframe is correct?
Keep up the good work!THANKS!
http://www.tinboxmanufacturer.com/
Thanks for the plugin and instructions. I have finally embed an iframe into my blog to show google maps.
Matteo,
I’m using Camtasia to do screencasts. I host the .swf info locally on my blog, uploading it via 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
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
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″
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/
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?
no! No need to worry. This plugin only acts on the HTML1, HTML2…. custom fields. Other custom fields are not concerned!
what can i say?
I love you…
Thanks for great plugin.
Irene
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
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.
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.
Just the hint I was looking for – got to integrate it soon in my WP
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!
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!
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!
Thanks for the plugin. It works perfectly, much better than other “raw code” plugins.
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!!
Pure genius. I needed some code to clear the floats after some pictures I inserted into a post. Works great.
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.
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
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!
Does this work in WordPress 2.8? Sure hope so, because I really need it
Thanks. Yael