{"id":65916,"date":"2011-12-14T10:00:13","date_gmt":"2011-12-14T15:00:13","guid":{"rendered":"http:\/\/wpmu.org\/?p=65916"},"modified":"2022-02-04T21:24:19","modified_gmt":"2022-02-04T21:24:19","slug":"embed-website","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/embed-website\/","title":{"rendered":"14 Fun Things To Embed in Your WordPress Website Today"},"content":{"rendered":"<p>Did you know that you can embed almost anything into your website? From the standard Google Map to the more complicated pricing table, you can quickly change your website from merely something to read to a fun, interactive way of engaging with your readers.<\/p>\n<p>And with the likes of Gutenberg and a snazzy new tool,\u00a0it&#8217;s easier than you think. Continue reading, or jump ahead using these links:<\/p>\n<ul>\n<li><a href=\"#automatic-embeds\">Automatic Embeds in WordPress<\/a><\/li>\n<li><a href=\"#gutenberg\">Easy Embeds with Gutenberg<\/a><\/li>\n<li><a href=\"#fun-stuff\">The Fun Stuff<\/a>\n<ul>\n<li><a href=\"#tables\">Embed Tables<\/a><\/li>\n<li><a href=\"#graphs-charts\">Embed Graphs and Charts<\/a><\/li>\n<li><a href=\"#games\">Embed Games<\/a><\/li>\n<li><a href=\"#code\">Embed Code Snippets<\/a><\/li>\n<li><a href=\"#documents\">Embed Documents<\/a><\/li>\n<li><a href=\"#instagram\">Embed an Instagram Feed on Your Website<\/a><\/li>\n<li><a href=\"#audio\">Embed Audio Including Music, Playlists and Podcasts<\/a><\/li>\n<li><a href=\"#maps\">Embed Maps<\/a><\/li>\n<li><a href=\"#events\">Embed Event Calendars<\/a><\/li>\n<li><a href=\"#downloadables\">Embed Downloadable Files<\/a><\/li>\n<li><a href=\"#sliders\">Embed Sliders<\/a><\/li>\n<li><a href=\"#forms\">Embed Quizzes and Forms<\/a><\/li>\n<li><a href=\"#video\">Embed YouTube Videos\u2026 or Any Videos<\/a><\/li>\n<li><a href=\"#images\">Embed Interactive Images<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#everything\">Embed EVERYTHING in WordPress<\/a><\/li>\n<\/ul>\n<h2 id=\"automatic-embeds\">Automatic Embeds in WordPress<\/h2>\n<p>Before we look at a bunch of cool embed plugins, note that WordPress supports automatic embeds from various popular platforms. This is all thanks to the <a href=\"https:\/\/oembed.com\/\" rel=\"noopener\" target=\"_blank\">amazing oEmbed protocol<\/a>.<\/p>\n<p>For instance, if you want to embed a YouTube video with link <code>https:\/\/www.youtube.com\/watch?v=kqImIny3JR0<\/code>, all you have to do is paste its link in your page\/post editor. WordPress will automatically embed it as shown below.<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><span class=\"embed-youtube-lazy-id dev-hidden\">kqImIny3JR0<\/span><\/span><\/p>\n<p>No more messing around with copy-pasting HTML code.<\/p>\n<p>For security reasons, this only works with a bunch of popular whitelisted websites. <a href=\"https:\/\/wordpress.org\/support\/article\/embeds\/#okay-so-what-sites-can-i-embed-from\" rel=\"noopener\" target=\"_blank\">Go here for a complete list of services supported<\/a>.<\/p>\n<h2 id=\"gutenberg\">Easy Embeds with Gutenberg<\/h2>\n<p>WordPress\u2019 new Gutenberg editor has transformed the embed game significantly. It comes with many common embed blocks out of the box, including images, galleries, audio, tables, forms, calendar, etc.<\/p>\n<p>You can even embed a snippet of any WordPress.org plugin or a Kickstarter project by just pasting their links, either directly or in the ubiquitous <em>Embed<\/em> block.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Gutenberg-Embed-Blocks.png\" alt=\"A screenshot of default Gutenberg embed blocks in WordPress\" width=\"600\" height=\"300\" \/><figcaption class=\"wp-caption-text\">Plenty of default embed blocks in WP Gutenberg.<\/figcaption><\/figure>\n<p>What would earlier require dozens of plugins or custom code can, you can do it directly now. It\u2019s an easy decision to use these if you\u2019re only looking for basic embeds.<\/p>\n<p>But if you\u2019re looking for something fancier and prettier (aka more fun), read on for our list of # fun and cool things to embed in your website.<\/p>\n<h2 id=\"fun-stuff\">The Fun Stuff<\/h2>\n<h3 id=\"tables\">Embed Tables<\/h3>\n<p>Turn the tables on your data and present it with style to your users. Tables help your readers visualize comparisons between two or more types of items.<\/p>\n<p>There are many types of tables you can make use of, <a href=\"https:\/\/wpmudev.com\/blog\/8-wordpress-plugins-and-tools-for-designing-beautiful-tables\/\" target=\"_blank\" rel=\"noopener\">from a simple HTML table to a complex pricing table<\/a>.<\/p>\n<p>Use the <a href=\"https:\/\/wordpress.org\/plugins\/tablepress\/\" rel=\"noopener\" target=\"_blank\">free TablePress plugin<\/a> to embed and display rows of data with interactive tables. It adds cool interactive features to your regular HTML tables, like filtering results by search, pagination, multi-column ordering, etc.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/TablePress-Amazing-Awesome-Tables.png\" alt=\"A screenshot of a simple table built with the free TablePress WordPress Plugin\" width=\"600\" height=\"340\" \/><figcaption class=\"wp-caption-text\">The free TablePress plugin helps you build interactive tables quickly.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/visualizer\/\" rel=\"noopener\" target=\"_blank\">Visualizer<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/ninja-tables\/\" rel=\"noopener\" target=\"_blank\">Ninja Tables<\/a>, and <a href=\"https:\/\/wordpress.org\/plugins\/wp-table-builder\/\" rel=\"noopener\" target=\"_blank\">WordPress Table Plugin<\/a> are other good alternatives to embed tables and charts.<\/p>\n<p>If you\u2019re looking to embed pricing tables though, you cannot go wrong with the <a href=\"https:\/\/wordpress.org\/plugins\/pricing-table-by-supsystic\/\" rel=\"noopener\" target=\"_blank\">Pricing Tables plugin by Supsystic<\/a>. It\u2019s a drag-and-drop table builder that makes it easy to build custom, responsive pricing tables in minutes.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Easy-Pricing-Tables-with-Supsytic-Plugin.png\" alt=\"I imported this pricing table in seconds with the free Pricing Tables plugin.\" width=\"600\" height=\"274\" \/><figcaption class=\"wp-caption-text\">I imported this pricing table in seconds with the free Pricing Tables plugin.<\/figcaption><\/figure>\n<h3 id=\"graphs-charts\">Embed Graphs and Charts<\/h3>\n<p>Chart a better course for showing your data with graphs and charts. They\u2019re a visual representation of data that attracts your users\u2019 attention. Plus, they have a higher chance of remaining in their memory.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Easy-Charts-Plugin.png\" alt=\"Easy Charts WordPress Plugin Cover on WP.org\" width=\"600\" height=\"266\" \/><figcaption class=\"wp-caption-text\">As easy as pie charts and graphs with Easy Charts.<\/figcaption><\/figure>\n<p>Another cool plugin is <a href=\"https:\/\/wordpress.org\/plugins\/data-tables-generator-by-supsystic\/\" rel=\"noopener\" target=\"_blank\">Data Tables Generator by Supsystic<\/a>. The free version provides a lot of cool graphs embed options to choose from. And yes, they\u2019re all interactive too!<\/p>\n<p>You can also use the <a href=\"https:\/\/wordpress.org\/plugins\/visualizer\/\" rel=\"noopener\" target=\"_blank\">Visualizer plugin<\/a> to generate graphs and charts from your tables. However, it\u2019s sometimes buggy when handling complex data.<\/p>\n<h3 id=\"games\">Embed Games<\/h3>\n<p>Level up your website\u2019s fun factor by adding games to it. Embedding games on your site gives your users something fun and challenging to do.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/The-Dinasour-Game-WordPress.png\" alt=\"Dinosaur Game WordPress Plugin\" width=\"600\" height=\"197\" \/><figcaption class=\"wp-caption-text\">Get on with the times! Embed a dinosaur in your website.<\/figcaption><\/figure>\n<p>Likewise, casual word games are a great fit for many sites. A plugin you can consider is the <a href=\"https:\/\/wordpress.org\/plugins\/wha-wordsearch\/\" rel=\"noopener\" target=\"_blank\">Word Search Puzzles Game.<\/a><\/p>\n<p>To win the game, you <a href=\"https:\/\/wpmudev.com\/blog\/5-wordpress-game-plugins-to-increase-your-sites-fun-factor\/\" target=\"_blank\" rel=\"noopener\">better understand how to <em>play the gaaaaame<\/em><\/a>.<\/p>\n<h3 id=\"code\">Embed Code Snippets<\/h3>\n<p>There are 10 types of people. Those who want to embed code in their pages and those who don\u2019t.<\/p>\n<p>Sometimes, all you need is a little <code>&lt;br&gt;<\/code>. That\u2019s where embedding code snippets within your site helps.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Code-Snippet-DM-Plugin.png\" alt=\"Code Snippet DM WordPress Plugin Screenshot\" width=\"600\" height=\"201\" \/><figcaption class=\"wp-caption-text\">Pure sublime code snippets with Code Snippet DM.<\/figcaption><\/figure>\n<p>The <a href=\"https:\/\/wordpress.org\/plugins\/code-snippet-dm\/\" rel=\"noopener\" target=\"_blank\">Code Snippet DM<\/a>\u00a0plugin helps you embed your code snippets in a beautiful, stylish way. Inspired by the <a href=\"https:\/\/carbon.now.sh\/\" rel=\"noopener\" target=\"_blank\">Carbon project<\/a>, it supports automatic syntax highlighting and lets you set custom backgrounds and wraps for your code embeds.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/SyntaxHighlighter-Plugin.png\" alt=\"Easy code embeds with SyntaxHighlighter Evolved WordPress plugin\" width=\"600\" height=\"201\" \/><figcaption class=\"wp-caption-text\">Easy code embeds with SyntaxHighlighter Evolved.<\/figcaption><\/figure>\n<p>If you\u2019re looking for a more robust, tried-and-tested option, <a href=\"https:\/\/wordpress.org\/plugins\/syntaxhighlighter\/\" rel=\"noopener\" target=\"_blank\">SyntaxHighlighter Evolved<\/a> is the one you\u2019re looking for. Supported by WordPress founders at Automattic, it\u2019s been available for over 10 years and is still going strong.<\/p>\n<p>Another option is to publish your code to an external code repository such as\u00a0<a href=\"https:\/\/pastebin.com\/\" rel=\"noopener\" target=\"_blank\">Pastebin<\/a>, and then embed it in your site.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/GitHub-Gist.png\" alt=\"An example of GitHub Gist code snippet\" width=\"600\" height=\"194\" \/><\/p>\n<p>This is the whole gist of your code!I\u2019ve embedded the same below using an embed code by <a href=\"https:\/\/gist.github.com\/\" rel=\"noopener\" target=\"_blank\">GitHub Gist<\/a>.<\/p>\n<div class=\"gist\" data-gist=\"0457215a76e312064288c912deb3d804\" data-gist-file=\"test.php\"><a class=\"loading\" href=\"https:\/\/gist.github.com\/0457215a76e312064288c912deb3d804.js?file=test.php\">Loading gist 0457215a76e312064288c912deb3d804<\/a><div class=\"gist-consent-notice\" style=\"display:none\"><p>Please <a href=\"javascript:Cookiebot.renew()\">update your cookie preferences<\/a> to enable preference cookies to view this gist.<\/p><\/div><\/div>\n<p>This way you\u2019re <a href=\"https:\/\/wpmudev.com\/blog\/clean-up-optimize-wordpress\/\" target=\"_blank\" rel=\"noopener\">not taxing your WordPress site with unnecessary overhead<\/a>.<\/p>\n<h3 id=\"documents\">Embed Documents<\/h3>\n<p>Don\u2019t make it hard for your site\u2019s visitors to get the information they need. Embed documents directly on your website and make your users happy.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Embed-Any-Document-Plugin.png\" alt=\"The Embed Any Document WordPress Plugin on WP.org repo\" width=\"600\" height=\"275\" \/><figcaption class=\"wp-caption-text\">It really embeds almost any document. Even an AI file.<\/figcaption><\/figure>\n<p>One of the top &#8216;things&#8217; to embed in your website,\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/embed-any-document\/\" rel=\"noopener\" target=\"_blank\">Embed Any Document plugin<\/a>\u00a0can\u00a0easily handle any of your documents and PDFs. Since it uses Google Docs Viewer or Microsoft Office Online to display the documents, you or your users don\u2019t have to install any additional browser add-ons to view them.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Embed-Any-Document-Plugin-from-Multiple-Sources.png\" alt=\"Screen showing choices to embed your documents directly, or from your favorite cloud storage provider.\" width=\"600\" height=\"489\" \/><figcaption class=\"wp-caption-text\">Embed your documents directly, or from your favorite cloud storage provider.<\/figcaption><\/figure>\n<p>It supports embedding a wide variety of document and image formats: MS Word, MS Excel,\u00a0MS PowerPoint, PDF, Text (.txt), TIFF Images (tif, tiff), Adobe Illustrator (.ai), and even SVGs.<\/p>\n<p>Likewise, <a href=\"https:\/\/wordpress.org\/plugins\/pdf-embedder\/\" target=\"_blank\">PDF Embedder<\/a> is a great option if you\u2019re focused on embedding PDFs in your site.<\/p>\n<h3 id=\"instagram\">Embed an Instagram Feed on Your Website<\/h3>\n<p>&#8230; or Facebook, or Twitter, or Reddit, or&#8230;<\/p>\n<p>Leverage the power of social media and engage your visitors to keep them hooked.<\/p>\n<p>One way to do it is to embed social media posts directly in your website. If you can do it stylishly, even better!<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Smash-Balloon-Social-Media-Photo-Feed.jpg\" alt=\"An example of an embed of Instagram images by Smash Balloon Social Media Feed WordPress Plugin\" width=\"600\" height=\"505\" \/><figcaption class=\"wp-caption-text\">Embed images from Instagram and get insta-famous instantly!<\/figcaption><\/figure>\n<p>However, a better way to embed an Instagram feed on your website can be through a <a href=\"https:\/\/taggbox.com\/social-media-aggregator\/\" target=\"_blank\">social media aggregator<\/a>\u00a0like Taggbox Widget.<\/p>\n<figure id=\"attachment_213819\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-213819\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/taggbox-widget.png\" alt=\"Taggbox widget\" width=\"512\" height=\"244\" \/><figcaption class=\"wp-caption-text\">Embed Instagram feeds into your site with the Taggbox Widget.<\/figcaption><\/figure>\n<p>Integrating <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-feed-on-wordpress\/\" target=\"_blank\">Instagram feeds with WordPress<\/a> or any tech stack may sound complicated, but it does not require any prior experience or coding skills. It can be done quickly using this tool. Taggbox offers various features like widget themes, customization options, content moderation, and real-time updates.<\/p>\n<p>You can also analyze your website widget&#8217;s performance using Taggbox Analytics for clicks, impressions, reach, users, and more!<\/p>\n<p>Tagembed&#8217;s social media feed WordPress plugin also lets you <a href=\"https:\/\/tagembed.com\/blog\/embed-instagram-feed-on-wordpress\/\" rel=\"noopener\" target=\"_blank\">embed your Instagram feed on WordPress websites<\/a> along with other 20+ social and review networks. It makes the whole embedding process simple and coding-free.<\/p>\n<p>The plugin offer various features, including a customization option that lets you personalize your widget to suit your needs, with moderation, analytics, and more.<\/p>\n<figure id=\"attachment_211155\" class=\"wp-caption aligncenter\" data-caption=\"true\"><a rel=\"lightbox[65916]\" class=\"blog-thumbnail\" href=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/tagembed-instagram-widget.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-211155\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/tagembed-instagram-widget.png\" alt=\"Tagembed Instagram Widget\" width=\"600\" height=\"288\" \/><\/a><figcaption class=\"wp-caption-text\">Embed your Instagram feed in WordPress with Tagembed&#8217;s easy-to-use Instagram Widget!<\/figcaption><\/figure>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/instagram-feed\/\" rel=\"noopener\" target=\"_blank\">Smash Balloon Social Photo Feed<\/a> lets you embed Instagram posts in your WordPress site, either as a single feed or by combining multiple different ones.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Custom-Facebook-Feed.jpg\" alt=\"An example of a FB feed embed made with Custom Facebook Feed WordPress plugin\" width=\"600\" height=\"421\" \/><figcaption class=\"wp-caption-text\">Embedding WPMU DEV\u2019s FB page feeds in a WordPress website.<\/figcaption><\/figure>\n<p>If you\u2019re looking to embed Twitter feeds or Facebook, there\u2019s nothing better than <a href=\"https:\/\/wordpress.org\/plugins\/custom-twitter-feeds\/\" rel=\"noopener\" target=\"_blank\">Custom Twitter Feeds<\/a> and <a href=\"https:\/\/wordpress.org\/plugins\/custom-facebook-feed\/\" rel=\"noopener\" target=\"_blank\">Custom Facebook Feed<\/a> plugins from the same Smash Balloon team.<\/p>\n<p>But if you\u2019re looking for a single social media plugin solution that helps you embed posts from all the platforms listed above (plus Pinterest and YouTube feeds), <a href=\"https:\/\/wordpress.org\/plugins\/feed-them-social\/\" rel=\"noopener\" target=\"_blank\">Feed Them Social<\/a> is a great option.<\/p>\n<h3 id=\"audio\">Embed Audio Including Music, Playlists and Podcasts<\/h3>\n<p>Life would be flat without music, and so would be your WordPress site!<\/p>\n<p>Get your audio game on point by using the right audio embed plugin.<\/p>\n<p>With audio embeds, there are three options that you can take advantage of.<\/p>\n<p>The first two are embedding individual tracks and\/or playlists. I tried multiple plugins and settled on <a href=\"https:\/\/wordpress.org\/plugins\/audioigniter\/\" rel=\"noopener\" target=\"_blank\">AudioIgniter<\/a>, an awesome free plugin from the good folks at CSSIgniter. It&#8217;s primarily a music player that also lets you create playlists and embed them in your site.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/AudioIgniter-Demo-Cool.png\" alt=\"2 audio embed styles that can be done with AudioIgniter, the best free audio embed plugin for WordPress\" width=\"600\" height=\"342\" \/><figcaption class=\"wp-caption-text\">AudioIgniter lets you embed music tracks and playlists in style.<\/figcaption><\/figure>\n<p>AudioIgniter works by using the default WordPress media upload functionality. Plus, you can also use it to stream your radio show.<\/p>\n<p>If you\u2019re planning to monetize music directly from your website, you can combine AudioIgniter with WooCommerce to sell your individual tracks or albums.<\/p>\n<p>The third option is to embed podcasts that are created or curated by you.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Hello-WP-Podcast-by-WPMUDEV.png\" alt=\"Hellp, WP! Podcast cover image\" width=\"600\" height=\"334\" \/><figcaption class=\"wp-caption-text\">Say hello to Hello, WP!<\/figcaption><\/figure>\n<p>If you want to publish your own podcasts and embed them in your site, <a href=\"https:\/\/wordpress.org\/plugins\/powerpress\/\" rel=\"noopener\" target=\"_blank\">PowerPress Podcasting<\/a> and <a href=\"https:\/\/wordpress.org\/plugins\/seriously-simple-podcasting\/\" rel=\"noopener\" target=\"_blank\">Seriously Simple Podcasting<\/a> are two great free podcasting plugins.<\/p>\n<h3 id=\"maps\">Embed Maps<\/h3>\n<p>Give your website a moral compass and have it perform off the charts. How? By embedding maps in it.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/WP-Google-Maps-Basic-Google-Maps.jpg\" alt=\"A map embedded with WP Google Maps.\" width=\"600\" height=\"228\" \/><figcaption class=\"wp-caption-text\">Embed maps with custom location markers with WP Google Maps.<\/figcaption><\/figure>\n<p>The most popular WordPress plugin to embed maps is <a href=\"https:\/\/wordpress.org\/plugins\/wp-google-maps\/\" rel=\"noopener\" target=\"_blank\">WP Google Maps<\/a>. It lets you embed a Google map with as many markers as you like. If needed, you can also use it to overlay a Store Locator and different route layers (transit, traffic, bicycle, etc.).<\/p>\n<p>Another great alternative is <a href=\"https:\/\/wordpress.org\/plugins\/google-maps-widget\/\" rel=\"noopener\" target=\"_blank\">Maps Widget for Google Maps<\/a>. It\u2019s by the same team behind the <a href=\"https:\/\/wpmudev.com\/blog\/reset-wordpress-website\/\" target=\"_blank\" rel=\"noopener\">WP Reset plugin<\/a>.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Ultimate-Maps-by-Supsystic-Highly-Customizable-Maps.jpg\" alt=\"Embed highly customized maps with Ultimate Maps.\" width=\"600\" height=\"204\" \/><figcaption class=\"wp-caption-text\">Embed highly customized maps with Ultimate Maps.<\/figcaption><\/figure>\n<p>However, with the recent updates in pricing policy for Google Maps, integrating it with high traffic websites is kinda expensive. In that case, going for an alternative map solution is much better. The <a href=\"https:\/\/wordpress.org\/plugins\/ultimate-maps-by-supsystic\/\" rel=\"noopener\" target=\"_blank\">Ultimate Maps by Supsystic<\/a> plugin helps you do just that.<\/p>\n<p>It lets you add unlimited markers to your embedded maps, with links, descriptions, images, videos, etc. Ultimate Maps works with Bing Maps, OpenStreetMap (OSM), Leaflet maps, Mapbox, and Thunderforest.<\/p>\n<h3 id=\"events\">Embed Event Calendars<\/h3>\n<p>Calendars are the best. They can go on for days, weeks, months, and sometimes even years.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/The-Events-Calendar-Plugin-Demo.jpg\" alt=\"The base calendar template of The Events Calendar.\" width=\"600\" height=\"459\" \/><figcaption class=\"wp-caption-text\">The base calendar template of The Events Calendar.<\/figcaption><\/figure>\n<p>Gutenberg comes with a basic <em>Calendar<\/em> block, but I find it lacking. My go-to events and calendar plugin is the aptly named <a href=\"https:\/\/wordpress.org\/plugins\/the-events-calendar\/\" rel=\"noopener\" target=\"_blank\">The Events Calendar<\/a>. It\u2019s easy to use, fully customizable, and <a href=\"https:\/\/theeventscalendar.com\/extensions\/\" rel=\"noopener\" target=\"_blank\">expandable with a lot of free add-ons<\/a>.<\/p>\n<p>If you want to embed a calendar-based booking and reservation system, it\u2019s worth checking out the <a href=\"https:\/\/wordpress.org\/plugins\/booking\/\" rel=\"noopener\" target=\"_blank\">Booking Calendar plugin<\/a>.<\/p>\n<p>Looking to embed an external calendar? Check out\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/ics-calendar\/\" rel=\"noopener\" target=\"_blank\">ICS Calendar<\/a>. It lets you embed any iCalendar subscription feed (.ics) as a calendar grid.<\/p>\n<h3 id=\"downloadables\">Embed Downloadable Files<\/h3>\n<p>Don\u2019t give your users any attachment issues. Make it easy for them to download files by embedding them directly on your site. They\u2019ll thank you for it.<\/p>\n<p>If you\u2019re looking to embed just a file or two, the default Gutenberg File block is decent enough. However, it can only link to files in your media library.<\/p>\n<p>For a more advanced option, you can give <a href=\"https:\/\/wordpress.org\/plugins\/download-monitor\/\" rel=\"noopener\" target=\"_blank\">Download Monitor<\/a> a try. It lets you upload multiple versions of the same file and manage them. Users can choose which file version they wanna download. And it also logs all the downloads.<\/p>\n<p>If you want to capture the user\u2019s details (such as their name and email) before they can download the file, you can link Download Monitor with the <a href=\"https:\/\/wordpress.org\/plugins\/email-before-download\/\" rel=\"noopener\" target=\"_blank\">Email Before Download<\/a> plugin.<\/p>\n<h3 id=\"sliders\">Embed Sliders<\/h3>\n<p>Slide into your visitors\u2019 hearts with the perfect sliders embedded in your site\u2019s posts and pages.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Smart-Slider-3-is-the-Bomb.jpg\" alt=\"Smart Slider 3's easy-to-use intuitive interface is shown in this image\" width=\"600\" height=\"210\" \/><figcaption class=\"wp-caption-text\">Smart Slider 3 has an easy-to-use intuitive interface. It\u2019s a live slider editor.<\/figcaption><\/figure>\n<p>There are many good slider plugins available for WordPress, and I\u2019ve tried them all. The best of the lot is <a href=\"https:\/\/wordpress.org\/plugins\/smart-slider-3\/\" rel=\"noopener\" target=\"_blank\">Smart Slider 3<\/a>. All the sliders it creates are fully responsive, optimized for SEO, and work with any WordPress theme.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Slide-Anything-Plugin.jpg\" alt=\"Slide Anything\u2019s awesome features help you create responsive, touch-enabled sliders with custom content and multiple layouts\" width=\"600\" height=\"195\" \/><figcaption class=\"wp-caption-text\">Slide Anything\u2019s awesome features help you create almost any slider.<\/figcaption><\/figure>\n<p>If you\u2019re looking for a slider to insert any type of content (text, HTML, images, videos, shortcodes), then you should definitely check out <a href=\"https:\/\/wordpress.org\/plugins\/slide-anything\/\" rel=\"noopener\" target=\"_blank\">Slide Anything<\/a>. It allows you to create touch-enabled, responsive carousels.<\/p>\n<h3 id=\"forms\">Embed Quizzes and Forms<\/h3>\n<p>Forms are the lowest wit of puns, or so the saying goes. Hence, it makes perfect sense to embed them in your site.<\/p>\n<p>The era of boring forms is slowly ending. That\u2019s why we made our plugin, <a href=\"https:\/\/wordpress.org\/plugins\/forminator\/\" rel=\"noopener\" target=\"_blank\">Forminator<\/a>, an intuitive form builder that helps you create interactive forms, polls, quizzes, and more. And the best part is that <strong>it\u2019s free!<\/strong><\/p>\n<p>Whether it\u2019s <a href=\"https:\/\/wpmudev.com\/blog\/build-contact-form\/\" target=\"_blank\" rel=\"noopener\">a simple contact form<\/a> or <a href=\"https:\/\/wpmudev.com\/blog\/how-to-build-order-forms-with-payments-for-free-in-wordpress\/\" target=\"_blank\" rel=\"noopener\">a complex order form with payments<\/a>, Forminator can handle them all with ease.<\/p>\n<p>The next evolution of forms is interactive quizzes. They\u2019re all the rage these days. Interactive forms help you engage with your audience better, collect qualified leads, and drive more sales. Forminator empowers you to <a href=\"https:\/\/wpmudev.com\/blog\/how-to-create-a-wordpress-quiz-that-delights-your-audience-and-drives-sales\/\" target=\"_blank\" rel=\"noopener\">create a quiz in minutes<\/a>.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Date-with-Devman-Quiz.jpg\" alt=\"The WPMU DEVman Quiz Screenshot\" width=\"600\" height=\"565\" \/><figcaption class=\"wp-caption-text\">Give your users a quiz they cannot resist.<span style=\"font-size: 16px;\">\u00a0<\/span><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Learn <a href=\"https:\/\/wpmudev.com\/blog\/how-to-create-a-wordpress-quiz-that-delights-your-audience-and-drives-sales\/\" target=\"_blank\" rel=\"noopener\">how to create a WordPress quiz with Forminator<\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h3 id=\"video\">Embed YouTube Videos&#8230; or Any Videos<\/h3>\n<p>Embedding videos in WordPress is easy, especially if it\u2019s from one of the popular video-sharing platforms.<\/p>\n<p>In my experience, the default video player in WordPress isn\u2019t that great. I prefer a minimal and light interface, like the one by <a href=\"https:\/\/wordpress.org\/plugins\/html5-video-player\/\" rel=\"noopener\" target=\"_blank\">HTML5 Video Player<\/a> plugin.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/HTML5-Video-Player-Plugin.jpg\" alt=\"Embed videos beautifully with HTML5 Video Player\" width=\"600\" height=\"342\" \/><figcaption class=\"wp-caption-text\">Embed videos beautifully with HTML5 Video Player.<\/figcaption><\/figure>\n<p>A great alternative is the <a href=\"https:\/\/wordpress.org\/plugins\/advanced-responsive-video-embedder\/\" rel=\"noopener\" target=\"_blank\">Advanced Responsive Video Embedder<\/a> plugin. They claim to be the only video embed plugin you\u2019ll need for WordPress.<\/p>\n<p>While you can embed YouTube videos by copy-pasting its URL, what if you want to embed many videos at once? Say as a gallery of videos<\/p>\n<p>The <a href=\"https:\/\/wordpress.org\/plugins\/yotuwp-easy-youtube-embed\/\" rel=\"noopener\" target=\"_blank\">Video Gallery plugin by YotuWP<\/a> is the answer. It lets you pull in a bunch of videos from YouTube playlists, channels, users, or ids. And then you can display these videos as a list, a grid, or a mix of both.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670 aligncenter\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/YoTu-Easy-YouTube-Embed-Plugin.jpg\" alt=\"YotuWP WordPress plugin to embed video galleries\" width=\"600\" height=\"192\" \/><\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/vimeography\/\" rel=\"noopener\" target=\"_blank\">Vimeography<\/a> is a similar plugin for displaying galleries of Vimeo videos. If you\u2019re not familiar with Vimeo, it\u2019s a video-sharing platform that\u2019s popular with creatives.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Vimeography-Video-Galleries-from-Vimeo-1.jpg\" alt=\"Vimeography WordPress plugin adds beautiful video galleries from video videos\" width=\"600\" height=\"406\" \/><figcaption class=\"wp-caption-text\">Vimeography\u2019s video galleries are gorgeous.<\/figcaption><\/figure>\n<p>Want your embedded videos to open in a popup window? The <a href=\"https:\/\/wordpress.org\/plugins\/video-popup\/\" rel=\"noopener\" target=\"_blank\">Video Popup<\/a> plugin will fit your needs perfectly.<\/p>\n<h3 id=\"images\">Embed Interactive Images<\/h3>\n<p>User engagement is one of the biggest factors in determining a site\u2019s success. Interactive images make it easy for your visitors to get what they want quickly and easily. You can boost your user engagement by embedding interactive images.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Image-Hotspot-by-DevVN.jpg\" alt=\"Image Hotspot WordPress plugin by DevVN\" width=\"600\" height=\"260\" \/><figcaption class=\"wp-caption-text\">Perfect for embedding maps with pointers and explaining complex products.<\/figcaption><\/figure>\n<p>If you have very large images (think tens or hundreds of megapixels), then you need to give your visitors the ability to pan and zoom into the images. The Zoomify Image Format (ZIF) specifically serves zoomable images.<\/p>\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/12\/Zoomify-Images.jpg\" alt=\"Zoomify embed for WP plugin lets you zoom into images\" width=\"600\" height=\"330\" \/><figcaption class=\"wp-caption-text\">Let your users see the bigger picture, literally!<\/figcaption><\/figure>\n<p>The <a href=\"https:\/\/wordpress.org\/plugins\/zoom-image-shortcode\/\" rel=\"noopener\" target=\"_blank\">Zoomify embed for WP plugin<\/a> helps you embed ZIF format images. It\u2019s the perfect solution to enable interactive panning and zooming of super large images.<\/p>\n<h2 id=\"everything\">Embed EVERYTHING in WordPress<\/h2>\n<p>Embeds allow you to share and reuse content from other sites easily. WordPress and its plugins make it simple to do this.<\/p>\n<p>There\u2019s a lot more interesting stuff to insert into your WordPress site. You can embed <a href=\"https:\/\/wordpress.org\/plugins\/wp-customer-reviews\/\" rel=\"noopener\" target=\"_blank\">user reviews<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/360-image\/\" rel=\"noopener\" target=\"_blank\">360 degree images<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/insert-pages\/\" rel=\"noopener\" target=\"_blank\">even posts from your own site<\/a>.<\/p>\n<p>And if you\u2019re looking for something more, <a href=\"https:\/\/wordpress.org\/plugins\/embedpress\/\" rel=\"noopener\" target=\"_blank\">EmbedPress<\/a>, <a href=\"https:\/\/embed.ly\/\" rel=\"noopener\" target=\"_blank\">embed.ly<\/a>, and <a href=\"https:\/\/wordpress.org\/plugins\/h5p\/\" rel=\"noopener\" target=\"_blank\">H5P<\/a> will take care of embedding almost anything.<\/p>\n<p>There\u2019s never been a better time to get embedded with WordPress. Get started today!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Forget about plugins! Try these fun web tools for embedding in your blog!<\/p>\n","protected":false},"author":761786,"featured_media":179899,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[4],"tags":[11173,10003,10404],"tutorials_categories":[],"class_list":["post-65916","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","tag-wordpress-embeds","tag-wordpress-plugins","tag-embedding"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/65916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/761786"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=65916"}],"version-history":[{"count":19,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/65916\/revisions"}],"predecessor-version":[{"id":202621,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/65916\/revisions\/202621"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/179899"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=65916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=65916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=65916"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=65916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}