EmbedIt WordPress Plugin - Embed HTML code in Wordpress without problems!
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.
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
February 28th, 2008 at 9:13 am
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.
February 29th, 2008 at 4:10 pm
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
March 12th, 2008 at 2:21 am
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
March 14th, 2008 at 9:46 pm
great work!! finally kyte.com, seesmic.com, qik.com or google-maps don’t destroy my wp-theme anymore…
March 28th, 2008 at 5:34 pm
Wow, this is exactly what I needed. All the other plugins for this are limited or clumsy. Thanks for writing this plugin!
/Andie
March 29th, 2008 at 4:59 pm
Thanks for the plug-in, very, very useful!
March 29th, 2008 at 5:09 pm
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
April 14th, 2008 at 4:39 pm
Thanks for the plug-in
April 14th, 2008 at 11:06 pm
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
April 15th, 2008 at 9:17 am
Thanks so much for this plugins. It’s so easy to use. Keep up the good work.
April 18th, 2008 at 7:32 am
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!!!!!
April 19th, 2008 at 4:14 am
Grandioso, muy util!!!
April 23rd, 2008 at 12:53 am
Good work! matteo’s EmbedIt…..for those times when wordpress says html but doesn’t really mean html.
May 2nd, 2008 at 1:50 am
thank you
May 3rd, 2008 at 5:55 pm
oh i love it. Its the plugin that allowes me to integrate Flickr Video. Thank you for that
May 6th, 2008 at 12:12 pm
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
May 21st, 2008 at 4:23 am
Very nicely done. Thanks.
May 30th, 2008 at 8:35 pm
Can this plug in work for embedded videos? (I have the code for the link) Thanks!
May 30th, 2008 at 10:32 pm
Keep up the good work! 10q
May 31st, 2008 at 3:54 am
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!
June 1st, 2008 at 3:49 am
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.
July 6th, 2008 at 7:21 pm
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!
July 22nd, 2008 at 10:46 am
Wow!
This is great… being able to place javascript directly into a post is awesome.
Thanks
July 31st, 2008 at 11:00 am
Same question as mortadella - Is it possible to enlarge the number of snipplets up 100 or more?
August 5th, 2008 at 3:58 pm
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!
September 4th, 2008 at 9:33 pm
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?
September 5th, 2008 at 10:25 pm
the plugin has no problems with iframes. Are you sure the src of the iframe is correct?
September 16th, 2008 at 10:41 am
Keep up the good work!THANKS!
http://www.tinboxmanufacturer.com/
September 17th, 2008 at 5:47 am
Thanks for the plugin and instructions. I have finally embed an iframe into my blog to show google maps.
October 12th, 2008 at 12:49 pm
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
October 14th, 2008 at 1:34 am
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
October 14th, 2008 at 4:57 pm
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″
October 26th, 2008 at 9:02 pm
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/
October 31st, 2008 at 3:16 pm
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?
October 31st, 2008 at 3:48 pm
no! No need to worry. This plugin only acts on the HTML1, HTML2…. custom fields. Other custom fields are not concerned!
November 2nd, 2008 at 1:57 pm
what can i say?
I love you…
Thanks for great plugin.
Irene
November 12th, 2008 at 4:46 pm
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
November 20th, 2008 at 7:36 pm
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.
November 20th, 2008 at 7:48 pm
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.
November 24th, 2008 at 3:16 pm
Just the hint I was looking for - got to integrate it soon in my WP
December 5th, 2008 at 2:21 am
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!
December 24th, 2008 at 2:31 pm
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!
February 18th, 2009 at 4:22 pm
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!
March 4th, 2009 at 6:01 pm
Thanks for the plugin. It works perfectly, much better than other “raw code” plugins.
March 14th, 2009 at 6:29 pm
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!!
April 30th, 2009 at 3:00 am
Pure genius. I needed some code to clear the floats after some pictures I inserted into a post. Works great.
May 8th, 2009 at 11:38 pm
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.
May 14th, 2009 at 3:48 am
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
May 17th, 2009 at 2:28 pm
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!
June 15th, 2009 at 1:37 pm
Does this work in WordPress 2.8? Sure hope so, because I really need it
Thanks. Yael
June 15th, 2009 at 2:09 pm
Yes, it should in my preliminary test
June 21st, 2009 at 10:33 pm
You have made my job very simple with this great plugin! Tnx!
July 1st, 2009 at 1:32 pm
You have made my job very simple with this great plugin! Tnx