Embed Popular Social Networking sites using EmbedPress in WordPress
By Adarsh Sojitra on September 14th, 2021
Responsive web design is essential for delivering a positive, mobile-friendly user experience. However, when you embed certain types of content on your WordPress site, particularly YouTube videos and iframes, they don’t always translate well. Inline frames aren’t responsive by default. However, there are simple strategies you can use to make your embeds responsive in WordPress. Whether you’re a professional developer or a WordPress beginner, there is a quick and easy solution for you to use. WordPress plugin directory has many embed plugins; you can use it directly to display any type of content on your site.
Importance of Embed Plugins
Embed plugins make it easy for you to display audio, video, and images on your WordPress site. Responsive design is the essential foundation of a mobile-friendly website. Static elements and pages can present navigation issues, poor readability, and other inefficiencies that contribute to higher bounce rates. A responsive website means delivering a positive user experience for your visitors nevertheless of the device they’re using to access your site. The text and images are easily adaptable. However, other elements like videos and certain embedded content are a little bit difficult.
Adding videos and social media content to your WordPress pages can make it more effective. Also, users can keep your users engaged with the visual representation. Moreover, you can let your users share, like, and subscribe to new content published on your site using plugins. However, embedded content is only helpful if it’s viewable. When you embed videos, social media posts, and other types of content that aren’t responsive by default, it can break the mobile design of your site. Even if you’re using a responsive WordPress theme, portions of the embedded content may get distorted. By making your embeds responsive, you minimize the amount of scrolling and zooming actions the users have to do to comfortably browse and consume your content on their smartphones and tablets. The result is a more attractive, user-friendly website.
Moreover, it helps you to gain visibility on other popular platforms like Youtube, Twitch. Hence, you can easily direct the traffic to other social media platforms by embedding the content on your site. Here, we have mentioned a powerful embed plugin that provides all the essential features in the free version.
EmbedPress is an all-in-one WordPress Embedding Solution to Fuel up, Gutenberg Blocks & Elementor Editor. The plugin supports google docs, YouTube videos, Google maps, Vimeo on your site. You can easily embed the videos, images, maps, audio, PPT, and all types of content into your site. You will need URLs of any videos or audios or maps; then you can paste the URL into the WordPress editor. EmbedPress automatically understands the URL and embeds your content. Moreover, you can embed media from over 100 sites.
Many popular sites can be embedded with EmbedPress, such as Google Docs, sheets, and maps Facebook. It has integrated with video services like YouTube, Wistia, Vimeo, and Twitch videos. Moreover, you can also embed audio files from popular platforms like Spotify, Sound-Cloud, and Mix-Cloud audio. It also allows you to embed the images from Imgur, Giphy, and Deviantart images. The plugin supports multiple file types like Docs, XLS, PDF, and PPT. It offers various add-ons, which give full customization control over videos. Using these add-ons, your videos will be more responsive and mobile-friendly as well. You can also customize the video display to match your site’s design.
The plugin supports all Google Drive options. Thus, you can easily embed any documents, sheets, and google maps into your web pages. Using this plugin, you will be able to embed the Facebook posts on the WordPress site just by pasting the URL. You will have numerous options for adding charts and diagrams to your WordPress site. The plugin has integrated many other options for charts, including Google Drawing like Amcharts, Cacoo, CircuitLab, and Infogrames. You will also have 20 more other video options like Cloudup, Animoto, TED, and many more. So, let’s discuss the basic features of this plugin in brief,
- This plugin supports two main editors – Gutenberg (Block Editor ) and Elementor.
- It will let you embed videos, audios, images, documents of any file type.
- The plugin integrates many popular sites like Google drive services, Video Platforms, Audio services, and Image platforms. It supports google drive services such as Google Docs, Google Sheets, Google Drawings, and Google maps.
- You can also embed audio files from popular platforms like Spotify, SoundCloud, MixCloud audio. Moreover, You will have many options for video embedding such as YouTube, Wistia, Vimeo, and Twitch videos.
- The plugin allows you to embed charts and graphics from popular sites such as Amcharts, Cacoo, CircuitLab, and Infogrames.
- All the file types will be supported like Docs, PDF, PPT, and XLS. You can also embed the images from Imgur, Giphy, and Deviantart images, and many more.
- The video add-ons provide a responsive and mobile-friendly interface. It allows you to customize the video display to match your site’s design.
- You will just have to enter the URL of any audio, video, or images into the WordPress editor. Then it will automatically fetch the information from the URL, and you will be able to display them on your WordPress site.
- You can also generate the EmbedPress short-code to embed the video and images into your WordPress site.
- You can add a custom logo for branding YouTube embeds. Moreover, you can also customize the colors of the video progress bar.
- It will let you display annotations and related videos based on user preference.
- You can also enable lazy loading for embedding images on your website, so they load faster.
- You will be able to display live Twitch streams and embed them in your content with one click.
- After inserting the content link, it will automatically make it responsive. You will see the embedded video or audio or images in the preview.
- EmbedPress now lets you easily set the dimensions for embedding iframes and enable lazy loading for your images to get your website to run faster. You can also instantly embed several multi-media contents in Gutenberg editor using in-built blocks.
EmbedPress offers three paid plans – Individual, Business, and Lifetime Unlimited. The Individual plan costs $29 and consists of 100+ content providers and live twitch streams. You can access EmbedPress YouTube, Wistia, Vimeo, and custom branding. You will get a 1-year update and standard support. The business plan retails for $79, along with a license for unlimited sites. This plan provides priority support. Lifetime unlimited plan costs around $149. You will get lifetime support and updates in this plan. You will have various advanced features in the premium version, along with support and updates.
How to Install and Activate EmbedPress Plugin
The installation process is very easy. You can just follow the simple steps mentioned below to install and activate the plugin.
Step 1: First, you need to log in to the WordPress admin dashboard.
Step 2: Click option “Plugins” on the left-hand side panel of the WordPress dashboard, then select “Add New“. We will now find and install EmbedPress in WordPress.
Step 3: You will see a search bar on the top right-hand side corner of the dashboard. Search “EmbedPress Plugin”.
Step 4: Now, click on “Install Now.”
Step 5: After installation, you need to activate the EmbedPress Plugin in order to use it on your site, click on “Activate.”
Now you have successfully installed and activated the plugin. You can easily embed the audio, videos, and images on your WordPress site using this plugin.
How to Configure the Settings of EmbedPress Plugin
After activating the plugin on your site, you can start using this plugin on your site. Using this plugin, you can embed any videos or images anywhere on your site. We have explained step by step guide below on how to use this plugin,
Step 1: First, go to the “EmbedPress” option available on the left side panel of the WordPress dashboard. You will be directed to the settings page.
Step 2: You will have five sections – General, Platforms, Elements, Branding, and Go premium. Now, click on “General” and then select “Settings.” In this section, you can set the Embed iFrames display height and width. The lazy loading for images and loading animation is available in the Pro version. Click on “Save Changes” once you are done with the settings in this section.
Step 3: Now, click on “Short-code” under the “General” section. In this section, you can generate the short-code if you are using another page editor except for Gutenberg, Classic, or Elementor. You just need to insert the link, and it will generate the short-code. Copy the short-code once it is generated.
Step 4: Now, the next step is the “Platform” section. Click on it, and you will have multiple popular platform options which are integrated with EmbedPress, such as YouTube, Vimeo, Twitch, and many more. You can edit in any platform settings in these settings. You can enable or disable the auto-play option and full-screen button. Also, you will be able to display annotations and have full display control. Make sure to click on “Save Changes.” However, the other advanced features are accessed in the Pro version. Likewise, you can customize the other platform’s settings.
Step 5: Now. Go to the “Elements” section. You will have three editor settings – Gutenberg, Elementor, and Classic. Customize the options for whichever editor you are using. You can enable or disable the platforms as you want. If you are using Gutenberg (Block editor), you will have multiple platforms to enable or disable. In the Elementor section, you can enable the EmbedPress and EmbedPress documents. In the Classic, you can enable or disable preview in the frontend and preview in the editor. So basically, in the Classic editor, it will allow you to preview in the editor as well as in the frontend of the site.
The basic settings are done, now you can display the videos or images from the platform you have enabled in the setting page if you want to unlock the advanced features like lazy loading and custom branding. Then you can upgrade to the Pro version.
How to Embed YouTube Video in the Post using EmbedPress Plugin
You can easily embed the YouTube video on your site. Also, the plugin supports various popular video sources, including YouTube and Vimeo. The plugin is very responsive. Thus, it quickly fetches the data from that link and displays any type of content. You can follow the steps mentioned below to embed the YouTube video on your WordPress site.
Step 1: First, go to the “Posts” option on the left side panel on the dashboard. Then select “Add New.”
Step 2: Now, click on the “+” sign in the block editor and search “EmbedPress block.” It will display a dropdown of supported applications and platforms you can embed content from. You can select any platform depending on which type of content you want to embed. Here, we want to display YouTube videos so search for the “YouTube” icon. Then insert the link to a YouTube video. The plugin will fetch the information from the link and display the video.
Step 3: After that, click on “Embed.” Now, you can publish the post or page. Also, you can click on “Save draft”. You can see, the video will be embedded quickly after adding the URL.
Likewise, you can embed any type of content such as Google Maps, Google Docs, audio files, or images from any platform. The plugin has numerous integrations, so you don’t have to worry about the responsiveness functionality of the plugin.
How to Display Google Maps Using EmbedPress Plugin
Now, it’s very easy to display Google maps using EmbedPress just by inserting the URL of the location. In order to display Google maps, follow the steps mentioned below,
Step 1: First, go to the web page or Post where you want to display Google maps. Then click on the “+” sign in the WordPress editor.
Step 2: Now, search for the “EmbedPress” block. You will see the list of platforms you have enabled from the settings. Now, click on “Google Maps.”
Step 3: You will be asked to enter the URL. Now, copy the URL of the location from Google Maps. And paste the URL in the editor box after that. Click on “Embed.”
You will see that the location map will show up quickly without any hassle.
How to Generate the Short-codes to Embed Content In Any WordPress Page Builders
Step 1: First, go to the “EmbedPress” option on the left side panel on the dashboard. Then select the “General” section. In the General section, select “Short-codes.”
Step 2: If you are using other page builders like Beaver and Divi page builder. You can insert the link of the page builder to generate the short-codes. Now, click on “Generate.” The short-code will be generated in no time.
Step 3: You can copy the short-code to embed the content of other page builders on your site.
Embed plugins are very useful and efficient for WordPress sites, as it’s a bit difficult to display the content manually by coding. The plugin reads the information from the link, and you will be able to display any type of content on your site.
From social embeds to change logs, you will be able to display anything with the help of this plugin. You can easily embed audio, videos, and images on your WordPress site. You just need to add the URL of the sites, and you will be able to display them on site. Also, you will have various popular site integrations like YouTube, Facebook, Google Drive services, and many more. You will be able to display live Twitch streams and embed them in your content with one click. The plugin is very responsive for any device as it displays your content without distortion or any difficulty.
You can customize many options from the settings for the display. The installation and setup process is very easy. You can just follow the step-by-step guide on how to install and activate this plugin. We have also explained the guide on how to use the EmbedPress plugin. We hope this article will help you to embed the videos, audio, and images on your WordPress site.