Learn how to add your instagram feed to your WordPress website or blog without touching code …
Do you run a WordPress website or blog to promote your business, products, or services?
Do you have an Instagram account where you are uploading images related to your business, products, or services?
Would you like to display your Instagram images on your WordPress website or blog automatically?
In this tutorial, you will learn how to add your instagram feed to your website or blog without touching code.
How To Add Your Instagram Feed To WordPress
If you run a WordPress site or blog related to travel, food, photography, fashion, design, or any topic that can benefit from the addition of visual elements like photos, images, or videos, then why not spice up your posts, pages, and blog sidebar with the latest images and videos from your Instagram account?
Adding content from Instagram to your WordPress site can help to increase user engagement, increase awareness of your brand or blog, add loads of visual appeal, and save you time doing the manual work of adding the same content to both your Instagram account and your website.
Add An Instagram Feed To WordPress Using A Plugin
There are many plugins available in WordPress that you can use to add an instagram feed to your website or blog.
WD Instagram Feed is a free WordPress plugin that lets you add Instagram feeds to display media you have uploaded to your account on your posts, pages, and sidebar area. Once set up, feeds sync automatically with your WordPress site to display your latest Instagram content uploads.
The plugin only takes a couple of minutes to set up and customize and provides settings and features that give you full control over how content from your Instagram feed display on your website.
Before installing the plugin, make sure you are logged into your Instagram account.
To install the WD Instagram Feed plugin from your WordPress dashboard, go to Plugins > Add New, enter “instagram” into the Keyword search field (if you need help see our tutorial on installing WordPress plugins), and click on the ‘Install Now’ button …
(Install WD Instagram Feed plugin)
After installing the plugin, click ‘Activate’ …
(Activate the plugin)
Configuring The Plugin
After the plugin has been installed and activated, select Instagram Feed WD > Settings from your main WordPress admin menu …
(Instagram Feed WD – Settings menu)
The plugin will ask for permission to collect usage data. Choose ‘Allow & Continue’ or ‘Skip’ to proceed …
(Plugin installation process – permission request to collect usage data)
This brings you to the plugin ‘Overview’ screen, where you can view a tutorial video, access the plugin user guide, contact support, etc. When you are ready to begin using the plugin, click on the ‘Start Using’ button …
(Click on ‘Start Using’ button)
This will bring you to the ‘Instagram WD Settings’ screen. Make sure that you are already logged into your Instagram account and click on the ‘Sign in with Instagram’ button to connect your WordPress site with your Instagram account …
(Click ‘Sign in with Instagram’ button)
Authorize the connection …
(Click ‘Authorize’ to connect)
The plugin will automatically add the access token required to connect your WordPress site with your Instagram account. Click ‘Save Changes’ to continue …
(Your WordPress site and Instagram account are now connected!)
To view or edit your Instagram feed, select Instagram Feed WD > Feeds from your main WordPress admin menu …
(Instagram Feed WD – Feeds menu)
This brings you to the ‘Feeds’ screen …
(Instagram Feed WD – Feeds screen)
Hover over your feed title and click on ‘Edit’ to edit your feed …
(Click on ‘Edit’)
Here you can edit and customize your feed, including feed title, layout, media settings, etc. …
(Edit and customize your feed)
You can also customie your feed theme, by selecting Instagram Feed WD > Themes from your main WordPress admin menu …
(Instagram Feed WD – Themes menu)
If you are using the free version of the plugin, you will need to upgrade to the premium version to be able to customize your feed theme …
(Instagram Feed WD – Customize Feed Themes)
Using The Plugin
After configuring the plugin, you can display content from your Instagram feed on your WordPress blog sidebar or insert it into any post or page you like.
Display Instagram Feed On Your WordPress Sidebar
To display your Instagram feed on the sidebar or footer of your WordPress site, go to your Widgets section and add the ‘Instagram WD Widget’ to your widget bar.
Configure the widget options and click ‘Save’ to update your settings …
(Instagram WD Widget)
Your Instagram feed should now display content where you have added the widget as configured in your widget settings …
(Instagram feed added to WordPress sidebar)
Display Instagram Feed On Your WordPress Posts Or Pages
To add your Instagram feed to a post or page, you can copy the shortcode from your ‘Feeds’ section to your clipboard and paste it into your content …
(Copy Instagram feed shortcode to your clipboard)
Or you can use the ‘Add Instagram Feed’ menu button (1) from your content editor to insert the shortcode into your content (2) …
(Add Instagram Feed – Menu Button)
After adding the shortcode, replublish your post or page …
(Add Instagram Feed shortcode to your content)
Preview your post or page to view your feed content …
(Display content from your Instagram feed on your WordPress site)
Fine-tune the plugin’s Instagram feed settings to get your content displaying exactly how you want it. If you need advanced customization optiond, consider upgrading to the premium version of the plugin.
To learn more about using this plugin, watch the video below or visit the plugin website here: WD Instagram Feed
(Instagram Feed WD Plugin for WordPress)
Congratulations! Now you know how to add your instagram feed to your WordPress website or blog.
"This is AMAZING! I had learnt about how to use WordPress previously, but this covers absolutely everything and more!! Incredible value! Thank you!" - Monique, Warrior Forum
Disclaimer: We have no association with WordPress or any of the WordPress-related products reviewed on this website. We may derive a financial benefit from purchases of any third-party services and/or products advertised, promoted or linked to our website. All images are the copyright of their respective owners and comply with all license terms and agreements of use to the best of our knowledge.
Have you found this article useful? Feel free to share this article with anyone who can benefit from WordPress using the share buttons below.
WordPress.com, the hosted WordPress service, offers loads of useful features to users that are lacking in the self-hosted version from WordPress.org. The self-hosted version of WordPress, however, is the preferred option for serious website owners and bloggers, as it puts them in complete control of their digital presence.
To learn more about the difference between WordPress.com and WordPress.org, see this tutorial:
The Jetpack plugin brings many of the powerful security, traffic, and customization services and handy features available on WordPress.com to self-hosted WordPress sites into a well supported and integrated solution.
The plugin is constantly being updated. It currently provides more than 40 features, and most of these are free. We will cover many of these features and tools in more detail later in this tutorial.
Important – Before Installing Jetpack
Before installing the Jetpack plugin, you will need to set up an account with WordPress.com. If you run a self-hosted WordPress website or blog, you can set up a free WordPress.com account here.
After setting up your WordPress.com account, stay logged in and complete the step-by-step tutorial below to install and configure the jetpack plugin.
For this tutorial, we’ll install the free version of the Jetpack plugin, which you can do from your WordPress dashboard. We’ll discuss some of the premium features as we go through the setup process.
Installing The Jetpack Plugin
To install the Jetpack plugin, log into your WordPress site and select Plugins > Add Plugins from your main dashboard menu (if you need help see our tutorial on installing WordPress plugins).
Normally Jetpack will display on the main screen. If not, just search for “jetpack” in the Keyword search field.
Click on the ‘Install Now’ button to install the plugin …
(Install the Jetpack plugin)
After installing the plugin, click on ‘Activate’ …
(Activate the Jetpack plugin)
After installing and activating the plugin, you will be asked to connect Jetpack to your WordPress.com account. You should have already set this up. If not, you will be asked to set up an account before you can proceed.
Click on ‘Set up Jetpack’ …
(Connect Jetpack to WordPress.com)
You will be asked to agree to sharing details between your WordPress.com account and your WordPress site. Click ‘Approve’ to continue with your plugin setup …
(Complete your plugin setup)
Jetpack will then automatically authorize your connection and complete the plugin setup …
(Wait for the plugin to complete the setup)
After the plugin completes the setup process, go ahead and choose the ‘Free’ plan for now by clicking on the ‘Start with free’ button …
(Start with the ‘Free’ plan)
This will bring you back to your WordPress admin dashboard …
(Jetpack is now installed and ready to go!)
The Jetpack plugin is now installed and ready to go.
After installation, Jetpack recommends that you activate a number of features. We recommend ignoring this recommendation and only turning on the features you need.
Jetpack – Full List Of Features
According to the plugin’s documentation, here is the full list of features Jetpack makes available to users in its toolkit:
Comments: Replaces your default comment form with a new comment system that has integrated social media login options.
Comment Likes: Allows readers to like other comments to show their agreement, approval, or appreciation.
Contact Form: Lets you add a contact form to any post or page without giving out your personal email address.
Custom CSS: Lets you customize the appearance of your theme without creating a child theme or worrying about updates overwriting your customizations.
Custom Content Types: Adds custom post types like testimonials or portfolio items to your site.
Enhanced Distribution: Allows your content to be included in the WordPress.com “firehose” of public blog content.
Extra Sidebar Widgets: Adds extra widgets you can add to your site, including RSS Links, Twitter Timelines, and Facebook Like Boxes.
Gravatar Hovercards: Make your Gravatar profile visible to your site visitors.
Google Analytics: Track your WordPress site statistics using Google Analytics. (Premium feature)
Infinite Scroll: Pulls the next posts automatically into view when readers approach the bottom of your page.
JSON API: Authorizes applications and services to securely connect to your site and allows them to use your content or offer you new functionality.
Lazy Images: Makes your pages load faster by only loading visible images, waiting to load images that are offscreen as users scroll down.
Likes: Allows readers to show their appreciation for your posts with a single click.
Markdown: Allows you to compose posts and comments with links, lists, and other styles using regular characters and punctuation marks. Markdown is used by writers and bloggers who want a quick and easy way to write rich text without having to take their hands off the keyboard.
Mobile Theme: Jetpack’s Mobile Theme offers a way to make your site mobile-friendly if your current theme is not responsive or hasn’t been updated in a while.
Monitor: Alerts you via email if your site goes down.
Notifications: Allows you to receive notifications for new comments and Likes in your admin bar and on your mobile device.
Image CDN (formerly Photon): Provides faster delivery of your images via WordPress’ own content delivery network (CDN), resulting in less load on your host and faster images for your readers.
Plugin Updates: Allows you to choose which plugins on your site should update automatically.
Post by Email: Publishes posts to your WordPress site via email using any email client.
Proofreading: Checks your spelling, grammar, and written style prior to publishing.
Protect: Protects your site from traditional and distributed brute force attacks.
Publicize: Shares new posts on social media networks automatically, or schedule future shares with custom messages.
Related Posts: Shows contextual posts your visitors might be interested in reading after they’re done reading a current post.
Security Scanning: Provides a suite of Anti-virus, malware, and threat detection for your WordPress site with automated resolution. (Premium feature)
Search: Replaces your WordPress site’s built-in search feature with advanced search functionality. (Premium feature)
SEO Tools: Optimizes your site for search engines using a suite of SEO tools. (Premium feature)
Sharing: Adds sharing buttons to your posts so readers can easily share your content on social networks, via email, etc..
Shortcode Embeds: Lets you easily embed content from a range of external services into your own content, e.g. videos from YouTube, tweets from Twitter, and other media across the web.
Single Sign On: Uses your WordPress.com credentials to register for and sign into self-hosted WordPress sites quickly and securely.
Site Backups: Automatically backs up your entire WordPress site, including all your content, data, media, and WordPress settings. (Premium feature)
Site Stats: Lets you view site visits by date, as well as your most popular pages and posts, and more.
Site Verification: Lets you verify your site for use with Google, Bing, and Pinterest and their tools.
Sitemaps: Generates a sitemap with a list of pages to be indexed by search engines like Google or Bing.
Spam Filtering: Automatically filters out spam from comments, pingbacks, and contact form submissions. (Premium feature)
Subscriptions: Allows visitors to receive notifications of your latest posts or comments.
Tiled Galleries: Displays your image galleries in three different styles: a rectangular mosaic, a square mosaic, and a circular grid.
Enabling WordPress.com log in allows users to log into your site using their WordPress.com account. This feature also provides additional authentication options …
(Jetpack WordPress.com log in)
With the feature enabled, users are presented with the option of logging into your site using their WordPress.com account or their username and password.
(WordPress Login screen with WordPress.com log in feature enabled)
As well as the options displayed in the Jetpack Settings screen, the plugin automatically turns on additional features, which can be viewed from the Jetpack Dashboard.
Using The Jetpack Dashboard
To switch to the Jetpack Dashboard, click on the ‘Dashboard’ button at the top of the Jetpack Settings screen …
(Click on the Dashboard button)
You can also access the Jetpack Dashboard screen by selecting Jetpack > Dashboard from the main WordPress menu …
(Jetpack – Dashboard menu)
This brings you to the ‘Jetpack Dashboard’ screen …
(Jetpack Dashboard screen)
Here you can view your stats, security activity, and, depending on which plugin features you have enabled, other details about your site’s performance, users, etc. …
(Jetpack Dashboard Security activity)
As well as default site protection, some of the other features worth knowing about in the Jetpack security dashboard, include:
Activate the free Downtime Monitoring feature to receive automated email notifications if your website goes down …
(Jetpack Downtime Monitoring)
Jetpack Monitor is a useful feature to have enabled, as it will not only send you an email alert (or mobile notification) if it detects that your site is down (indicating that your server is not loading your site and may be experiencing issues) …
(Jetpack Monitor sends you an alert if your site goes down!)
Jetpack Monitor also notifies you when your site is back up and lets you know how long it was down for …
(Jetpack Monitor alerts you when your site is back up!)
Jetpack checks your site every five minutes from different locations around the world and sends your notifications by email and/or via mobile. You can also customize the email address where notifications are sent to.
Jetpack has a plugin autoupdate feature, which automatically updates plugins when a new version is released …
(Jetpack plugin autoupdates)
You can enable this feature for the plugins you choose, allowing you to manage installed plugin autoupdates individually …
With Jetpack installed on your site, you can seamlessly navigate between your WordPress.com dashboard and your self-hosted WordPress dashboard …
This allows you to manage not only your Jetpack plugin features, but all of your WordPress site’s options as well …
(Manage your site from your WordPress.com dashboard)
To return to your self-hosted site’s admin dashboard, scroll down to the botton of your WordPress.com dashboard’s menu and click on ‘WP Admin’ …
(Click WP Admin to return to your site’s dashboard)
View All Modules In One Page
Because Jetpack has grown to include so many tools and features over the years, the dashboard interface has been simplified with different modules grouped into separate tabs and the plugin activates its most useful modules by default upon installation, so these don’t appear in the primary settings interface …
(Jetpack Settings screen)
To view all Jetpack modules on one page, enter the URL below into your web browser (replace “[your-site-URL]” with your actual domain) …
This brings up all modules in one page and lets you know which are active or inactive …
(Control all Jetpack modules from one page)
Installing Jetpack adds many new widgets to your widgets area …
Jetpack also adds a useful ‘Visibility’ function to all WordPress widgets …
(Jetpack adds ‘Visibility’ to all widgets)
This function lets you specify whether to display or hide widgets from your sidebar based on conditions you set for a particular category, author, user. role, tag, date, or page …
(Set conditions to show or hide widgets)
To learn more about using WordPress widgets, go here:
(Access all plugin documentation on the official Jetpack website)
The plugin also comes with free basic support. Upgrading to one of the premium optionsgives users faster resolution to support questions …
(Search the plugin website for additional plugin information)
Upgrading To Jetpack Premium
You can do most things you will need using the free version of the Jetpack plugin. If, however, you feel you need any of the additional premium features (e.g. security, backups, etc.), then Jetpack offers users a range of affordable upgrade plans …
"This is an awesome training series. I have a pretty good understanding of WordPress already, but this is helping me to move somewhere from intermediate to advanced user!" - Kim Lednum
Disclaimer: WordPress and its related trademarks are registered trademarks of Automattic, Inc. This site and the services and products offered on this site are not associated, affiliated, sponsored, or endorsed by WordPress, nor have they been tested, reviewed, or certified by WordPress. The owner, contributors and/or advertisers may derive financial benefit from sales of items linked to, advertised, or reviewed on this site.
Did you enjoy this tutorial? If so, please use the social buttons below to share this post with others.
While YouTube is the world’s largest video-sharing platform, millions of online users post videos on Facebook.
Sharing other people’s Facebook videos is great, but it doesn’t help drive traffic back to your WordPress site.
In this step-by-step tutorial you will learn to easily embed Facebook videos into WordPress posts and drive more traffic to your website.
Why Embed Facebook Videos In WordPress?
Let’s say that you’re on Facebook browsing other users’ content and you come across a great video that someone else has created and uploaded to their page.
This could be something relevant to your business, educational, entertaining, or even someone giving your business a plug and you want to share the video with your own visitors, prospects, or customers.
Most online users typically share content on Facebook using the Facebook Share feature …
(Most online users share content on Facebook using the Share feature)
While this great feature makes sharing Facebook content with other online users convenient, it mostly keeps the content circulating only inside Facebook …
(Sharing Facebook videos keeps the content mostly inside Facebook)
If you want videos posted on Facebook to help drive more traffic to your own website, you shoulfd embed the video on your site and promote your site on Facebook instead of sharing the video directly …
(Embedding Facebook videos in WordPress can drive more traffic to your site)
Let’s show you how to embed a Facebook video into your WordPress posts or pages.
How To Embed Facebook Videos In WordPress
To embed a Facebook video in WordPress, locate the Facebook post with the video, then hover your mouse over the date link and copy the link address to your clipboard …
(Copy Facebook video URL to clipboard)
With the video link copied to your clipboard, open a new web browser and go here:
Paste the Facebook video URL from your clipboard into the ‘URL of video’ field in the Embedded Video Player Configurator section (if you want to include the post content with the video, tick the ‘Include full post’ check box) …
(Paste Facebook video URL from clipboard)
This should display the video (and post content if selected). Scroll down below the video and click the ‘Get Code’ button …
(Click the ‘Get Code’ button)
This will bring up a box with code …
(Facebook video embed code)
There are two sections of code. The first section needs to be added to the header section of your theme’s template …
(This code needs to be added to your WordPress theme template)
Instead of messing around with code and editing templates, you can easily add this code to the header section of your template using a free plugin like Insert Headers and Footers …
(Insert Headers and Footers)
After the plugin has been installed and activated, go to Settings > Insert Headers and Footers …
(Settings > Insert Headers and Footers)
Paste the code into the Scripts in Footer section and click the ‘Save’ button …
(Paste code into Scripts in Footer section)
The above step only needs to be done once.
The next section of code should be pasted wherever you want to display the video in your post or page content …
(Embed this code into your content to display the video)
Visit your Facebook page to see the post containing the embedded video …
(WordPress post containing embedded video posted on Facebook)
Visitors will now come to your WordPress site to watch the embedded Facebook video and share your post on Facebook, driving more traffic to your website and your business …
(Embedding Facebook videos in WordPress can grow your web traffic)
Congratulations! Now you know how to add videos from Facebook to your WordPress posts and pages.
"Wow! I never knew there's so much to learn about WordPress! I bought one of the WordPress for Dummies three years ago, such authors need to be on this course!" - Rich Law, Create A Blog Now
Disclaimer: WordPress and its related trademarks are registered trademarks of Automattic, Inc. This site is not affiliated with nor sponsored by Automattic, Inc. or the WordPress Open Source project. This site and the products and services offered on this site are not affiliated, associated, endorsed, or sponsored by WordPress, nor have they been reviewed, tested, or certified by WordPress. The owner, contributors and/or advertisers may derive financial benefit from sales of items advertised, linked to, or reviewed on this site.
Have you found this tutorial useful? If so, please take a moment to share this information with anyone who can benefit from WordPress using the social links below.