{"id":3024,"date":"2020-04-21T11:09:08","date_gmt":"2020-04-21T11:09:08","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=3024"},"modified":"2020-12-23T11:31:31","modified_gmt":"2020-12-23T11:31:31","slug":"how-to-embed-social-media-feed-on-wordpress-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-social-media-feed-on-wordpress-website\/","title":{"rendered":"How To Embed Social Media Feed On WordPress Website?"},"content":{"rendered":"\n<p><a href=\"https:\/\/taggbox.com\/social-media-feeds-on-website\/\">Embed social media feed<\/a> on WordPress websites to attract new visitors and gain trust by displaying User Generated Content (UGC), which will lead to conversion. Ultimately, that&#8217;s the goal, right?<\/p>\n\n\n\n<p>Taggbox brings you a powerful &amp; reliable platform to embed Social Media Feeds, reviews, videos, etc. with complete user rights, real-time updates, moderation, and personalization features. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Steps to Embed Social Media Feed On WordPress Website <\/strong><\/h2>\n\n\n\n<p>Let&#8217;s Dive In!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1<\/strong><\/h3>\n\n\n\n<p>Create a\u00a0<a href=\"https:\/\/app.taggbox.com\/widget\/\">Taggbox Widget<\/a> account\u00a0by\u00a0Signing Up\u00a0with\u00a014 Days For Free,\u00a0or Log In\u00a0if you are an existing Taggbox Widget member.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-12-1024x484.png\" alt=\"Signup &amp; Login to Taggbox Widget\" class=\"wp-image-5864\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-12-1024x484.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-12-300x142.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-12-768x363.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-12-1536x727.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-12.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2<\/strong><\/h3>\n\n\n\n<p>You will be redirected to your <strong>Taggbox<\/strong> <strong>Widget Dashboard<\/strong>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"547\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-13-1024x547.png\" alt=\"Taggbox Widget Dashboard\" class=\"wp-image-7557\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-13-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-13-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-13-768x411.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-13.png 1302w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3<\/strong><\/h3>\n\n\n\n<p>On the dashboard, click on\u00a0the\u00a0<strong>Add Social Feeds<\/strong>\u00a0option to start adding Social Media Feeds to your widget.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"547\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-15-1024x547.png\" alt=\"Add Social Media Feeds\" class=\"wp-image-5866\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-15-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-15-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-15-768x411.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-15.png 1302w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 4<\/strong><\/h3>\n\n\n\n<p>In the pop-up\u00a0<strong>\u201cPick a Source\u201d<\/strong>, select\u00a0a<strong>\u00a0social media platform\u00a0<\/strong>as your source of aggregating feeds.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"745\" height=\"619\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-43.png\" alt=\"Select the preferable social media source\" class=\"wp-image-5867\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-43.png 745w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-43-300x249.png 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>Tip:<\/strong>&nbsp;You can aggregate feeds from multiple sources like Instagram, Facebook, Twitter, YouTube etc into one widget.<\/p><\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><em>Social media sources and connection type available to embed from:<\/em><\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Twitter<\/strong>&nbsp;\u2013 Hashtags (#), Handle (@), Mention (@), List, Favourites, and Advanced (Query)<\/li><li><strong>Instagram<\/strong>&nbsp;\u2013 Hashtags (#), Handle (@), Stories, Mention (@) and Tagged<\/li><li><strong>Facebook<\/strong>&nbsp;\u2013 Page, My Profile Posts, Albums, Page Reviews &amp; Page Mentions<\/li><li><strong>Youtube<\/strong>&nbsp;\u2013 Channel URL, Playlist, Keywords, and Location<\/li><li><strong>Vimeo<\/strong>&nbsp;\u2013 Hashtag (#) and Handle (@)<\/li><li><strong>Tumblr<\/strong>&nbsp;\u2013 Hashtag (#) and Handle (@)<\/li><li><strong>Pinterest<\/strong>&nbsp;\u2013 Handle (@) and User Board&nbsp;<\/li><li><strong>Flickr<\/strong>&nbsp;\u2013 Hashtag (#), Handle (@)<\/li><\/ul>\n\n\n\n<p><strong>Note:<\/strong>\u00a0Similarly, there are other connection types for different requirements.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Embed Social Media Feed On WordPress 5.0 Website<\/strong><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">To <a href=\"https:\/\/taggbox.com\/blog\/social-media-feed-wordpress\/\">embed social Feed on a WordPress<\/a> 5.0 website, follow the below steps-<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1<\/strong><\/h3>\n\n\n\n<p>Click&nbsp;the&nbsp;\u201c<strong>PUBLISH<\/strong>\u201d&nbsp;button on the bottom-left of the screen, You can also see the \u201c<strong>PREVIEW<\/strong>\u201d of how your feeds gonna looks like.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/publish-or-preview-social-media-feeds-1024x484.png\" alt=\"Social Media Feed Preview\" class=\"wp-image-5869\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/publish-or-preview-social-media-feeds-1024x484.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/publish-or-preview-social-media-feeds-300x142.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/publish-or-preview-social-media-feeds-768x363.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/publish-or-preview-social-media-feeds-1536x727.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/publish-or-preview-social-media-feeds.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">A dialog box\u00a0<strong>\u201cChoose Your Platform\u201d<\/strong>\u00a0will appear, Select\u00a0<strong>WordPress\u00a0<\/strong>Logo to generate the embed code for your WordPress website.<\/span><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"707\" height=\"450\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-wordpress-platform-4.png\" alt=\"Choose HTML Platform \" class=\"wp-image-5871\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-wordpress-platform-4.png 707w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-wordpress-platform-4-300x191.png 300w\" sizes=\"(max-width: 707px) 100vw, 707px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Set width and height as per your requirements and click on\u00a0<strong>Get Code<\/strong><\/span><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"716\" height=\"588\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-wordpress-4.png\" alt=\"Choose Height\" class=\"wp-image-5872\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-wordpress-4.png 716w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-wordpress-4-300x246.png 300w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 4 <\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\"><strong>COPY<\/strong>\u00a0the generated code for the website and follow the below steps:<\/span><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"718\" height=\"586\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embe-code-wordpress-4.png\" alt=\"Embed Code for WordPress\" class=\"wp-image-5874\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embe-code-wordpress-4.png 718w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embe-code-wordpress-4-300x245.png 300w\" sizes=\"(max-width: 718px) 100vw, 718px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 5<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Open the page in your WordPress backend where you want to embed the social widget. <\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Select <strong>\u201c(+)Add Block\u201d<\/strong> in the top left corner of the WordPress Editor.<\/span><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/05\/add-block-in-wordpress.png\" alt=\"social feed on wordpress\" class=\"wp-image-1409\"\/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 6<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Here, click on Formatting and then choose Custom HTML. Paste the copied code in the editor. <\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/UHA_6sg5kf73aIl_5XRP8SiFRoJJs2lcxSEgBYS7I1X6bDSznUpRL7qK5bOh-PCf56pmePXI_MkDanb-YpzYF3tGx620sj0xecfniMZ-pwP1lmhBxTv2KN5r83zx6T7z0ZQaNjxR\" alt=\"Add social feeds on WordPress website\"\/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">Click on <strong>Publish\/Update<\/strong> post and You\u2019re done.<\/span><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Embed Social Media Widget On WordPress Classic\u00a0Website<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">As we have learned above how to create a widget with Taggbox. Now, it&#8217;s time to embed it into your website. For that, select <strong>WordPress<\/strong> as your website building platform and <strong>generate<\/strong> the Website <strong>Embed Code<\/strong> from Taggbox. Once the code is generated, <strong>copy<\/strong> it on the clipboard.<\/span><\/p>\n\n\n\n<p>Then:<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"707\" height=\"450\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-wordpress-platform-5.png\" alt=\"Choose HTML Platform \" class=\"wp-image-5875\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-wordpress-platform-5.png 707w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-wordpress-platform-5-300x191.png 300w\" sizes=\"(max-width: 707px) 100vw, 707px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Open the page in your WordPress backend where you want to embed the social feed widget.&nbsp;On the right-hand side, you will find a Visual and a Text option. Choose&nbsp;Text Mode.&nbsp;<\/span><\/p>\n\n\n\n<p>Now, paste the copied embed code wherever you want to display the social media feeds.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/05\/select-text.png\" alt=\"social feed on wordpress\" class=\"wp-image-1412\"\/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3<\/strong><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">After embedding the code, click on Update\/Publish to save the changes.<\/span><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2019\/05\/social-wall.png\" alt=\"social media wall on wordpress website\" class=\"wp-image-1417\"\/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><span style=\"font-weight: 400;\">With these steps, you can easily embed your social media widget on the WordPress website.<\/span><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>Also Read &#8211; <a href=\"https:\/\/taggbox.com\/support\/how-to-embed-social-wall-on-various-website-building-platforms\/\">Add Social Media Feed On Different Website Building Platform<\/a><\/p><\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><span style=\"font-weight: 400;\">If you have any questions or need help, please <\/span><a data-abc=\"true\" href=\"https:\/\/taggbox.com\/contact-us\/\"><span style=\"font-weight: 400;\">contact us<\/span><\/a><span style=\"font-weight: 400;\"> or write to us at <\/span><a data-abc=\"true\" href=\"mailto:support@taggbox.com\"><b>support@taggbox.com<\/b><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Embed social media feed on WordPress websites to attract new visitors and gain trust by displaying User Generated Content (UGC), which will lead to conversion. Ultimately, that&#8217;s the goal, right? Taggbox brings you a powerful &amp; reliable platform to embed Social Media Feeds, reviews, videos, etc. with complete user rights, real-time updates, moderation, and personalization [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[225],"class_list":["post-3024","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget","tag-embed-social-media-feed"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/comments?post=3024"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3024\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=3024"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=3024"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=3024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}