How to Embed Your Social Media Feed in WordPressTechBar . Wordpress
Featuring the feed of your social media can add to your website. Social media icons can be nice, but embedding your feed can be engaging to your audience.
- Navigate to https://publish.twitter.com/
- Paste the URL of your twitter feed in the box
- Select the view you’d like for your website
- If everything you see on the screen looks good, you can copy the HTML code. Otherwise, you can click “set customization options” to customize is before copying the HTML code.
- Paste the HTML code in an HTML block in the WordPress editor of either a post or page
Note: Your account needs to be public for any tweets to appear on your website
Instagram does not have a direct way to embed your profile onto a website, so you’ll need the help of a plugin. I’ve found that the plugin 10Web Social Photo Feed works really well. Once you’ve installed and activated the plugin, navigate to “Instagram Feed” on your left side menu.
You should see this screen. To proceed, click “Sign in with Instagram”.
You’ll be redirected to sign into Instagram. Once you’ve signed in, you’ll be directed back to WordPress. You should see a screen similar to this showing the access token filled in. All you need to do now is hit “Save Changes”.
Now that you’ve connected your Instagram account, you can create the feed you’d like to embed. To do this, click “Feeds” and then “Add New”.
From here you can customize different aspects of your Instagram feed. You can view an example of the final product here of my Instagram feed set up on a page of this website.
Facebook Page Feed
Facebook developers actually have a site that can get the embed code for a given Facebook page. (Note this does not work with regular Facebook profiles). Simply navigate to this website. Here you can enter the URL to your facebook page. You can change some aspects of the way the Facebook Page will be embedded on your website. Once all the settings are what you desire, click the “Get Code”. Then you’ll be able to paste this in an embed block on WordPress.
Single Facebook Post
Facebook Developers have also made embedding a single post possible. Here, you can get the code to embed one. You’ll need the URL to the post you want to embed. To do this navigate to the post you want to embed, click the three dots in the upper right corner, and click embed. This will then redirect you to the link I gave above, but the “URL of Post” will be automatically filled in with the correct URL. Now you can click “Get Code” and paste it in an embed block on WordPress.