Shouldn’t we start with why you need to embed social media feed on website?
Consider this following stat.
More than 88% of the global companies are using one or more social media platforms to stay connected with their users and most of them are trying to embed social media feed on websites.
Yes. It’s the latest trend in brand building.
Table of Contents
How did I learn this?
The other day I was Googling about social media marketing and I stumbled upon the fact that the web is flooded with search queries like:
- Embed social media feed
- Embed Twitter feed
- Embed Instagram feed
- Embed Facebook feed
….and it went on and on.
Honestly, being a member of a ‘social media aggregator’ team, this fact intrigued me a lot and God knows, I liked its meteoric rise.
Of late, the marketing pundits are coining this global trend as ‘the transformation’. And, this transformation, in a nutshell, means place your users along with your brand. Go more social. Build the human side of your brand.
Let people experience the strong relationship between your brand and your followers. And, your brand’s website is the best place where you portray this affection.
Most importantly, you understand this global trend and that’s the reason you are looking for the answer to this elemental question – how to embed social media feed to your website?
That’s right. Now we are on the same page.
Now, before we jump straight into the nitty-gritty of embedding social media feed to your brand’s website we need to tell you that it’s a great thing that you have come up to this point and you want to do the right thing with your brand’s social media marketing. You are welcome!
Technically, a social media feed is nothing but a continuous stream of social media content either generated by your bard or your users and at times both. The types of social content can be different depending on which social media platform they are coming from. They can be text-based posts, images, videos, and user reviews.
Now, different business verticals leverage either a particular type of social media content feed of their interest or all type of feeds together. Technically social media content can be roughly categorized in the following manner,
- Social post
- Blog comment
- User review
- Forum discussion
- Social poll
Question-answer forums :
We bet there are other layers for analyzing different types of social media content and we are not going too deep with it as the prime essence of this article remains elsewhere.
- A live stream of social media posts from your brand’s official social handle
- A live stream of social media posts created by your users on your social media page or on their social profiles.
- A live stream of integrated social media feeds originating from different social media profiles of your business
- A live stream of user interaction, communication, or engagements regarding a particular convocation/exhibition/summit/social gathering organized by your brand.
- A live feed of any hashtag-centric user-generated content.
These are the basic clusters of social media feeds.
There are three steps.
- Choose your social media feed or multiple feeds if it’s needed.
- Manually obtain the HTML embed code or use a social media aggregator tool to fetch you that.
- Add the embed code to the required webpage.
It’s dead simple with any website building platform. Get the HTML embed code. And, you are halfway already. Simply add the code on the required webpage, and you are done.
Don’t worry. It’s absolutely not.
You do not need to hire an expert or coder to do this. Anyone with a minimal understanding of popular content management systems and other website-building platforms would complete the whole process before his coffee gets cold.
Always remember that every content management system and popular website building platforms make it distinctly easy to build your dream website for your brand. Embedding an HTML code falls in that workaround.
Admittedly, there are many ways to embed social media feed to your business website and some of these processes require a bit of technical knowledge and some of them are for less tech-savvy souls like you and me.
Why not? If you know how to build anything through raw coding then it’s absolutely fine. Go ahead.
Fetch embed code & add it to Webpage
You probably have done this a hundred times. Every time when you wanted to add your favorite video or image inside your personal blog or similar you have done this – fetch the embedding code of that video or image and add that to your webpage, inside your content body.
Ok. Let’s admit it. When it comes to adding a single social media content piece to a webpage, it looks super easy. But, here we are talking about embedding a live stream of social media feed to your website. It’s a bit tricky.
Here you need to use a tool to declutter everything – social media aggregator.
In case you are not familiar with it, the core functionality of a social media aggregator tool is to curate social content depending on various parameters set by you. It works as you command and fetch you the required embed code.
Let’s say you may want to embed the live social media feed originating from your brand’s Facebook page. Else, you may want to embed social media feed originating from each of your social profiles in an integrated manner and any other combination of social media feed. Just name it and you are covered.
Yes. Decidedly, the type of social media feed that you want to embed to your website depends on the business type and vertical your brand is living.
Coming to the last layer of this process, once you have the required embed code from the aggregator tool, you are just one step away to complete this. Go to your content management system or your website development platform and dump the code in the right place.
How to add the embed code to your website?
It depends on the type of website you have.
Nowadays, there are an array of popular content management systems that you can use to build your website. Along with it, there are versatile website-building platforms too.
Let’s slide into the last layer of the embedding process. Remember, this is the last step of the embedding process. We assume that you already have the embedding code ready.
Now each type of website building platform has its own way of embedding social media feed to them. Let’s look into those.
WordPress is the most popular content management system on this planet and it powers almost 30% of all websites that live on the web. Before embedding the social media feed, it’s always good to know the process from the makers.
Now, you have the HTML embed code. Simply follow these steps:
- Simply log in to the backend.
- Navigate to the required webpage where you want to display the social media feed.
- On the top-right corner of the page editor, choose the ‘Text’ tab.
- Drop the Code.
- Hit ‘Update’.
Wix is coming up pretty fast as a spartan website building platform and already it’s a popular name on the web. Here is the Wix official guide for adding or embedding a third-party HTML code to any webpage powered by them.
You also can follow this process:
- Go to Settings >> Custom Code >> Advanced section.
- Click on the ‘+Add Custom Code’.
- Drop the code.
- Choose the web pages on which the code will be displayed and the required section( header, body, footer)
- Once placed, hit ‘Apply’. And, you are done.
According to popularity Ghost has all the tools to replace WordPress in the popular CMS niche. Built on Node.js this website building platform is coming up too fast to reclaim the web. With Ghost, embedding any social media feed is fairly easy with its rich visual editor. Here’s the official guideline.
The embedding process is as follows:
- Go to the editor
- Under the dynamic menu, you will find the HTML card to drop your code.
Weebly is another popular website development platform. ANd, adding custom embed code is fairly easy. We recommend you go through the official document before you start toying with your website.
The process is as follows:
- Go to the editor.
- Drag the embed code element inside the editor.
- Drop your code into that.
- Click outside the element.
Squarespace uses ‘code blocks’ to embed social media feed or in that matter any other custom HTML code into their webpage. Here’s the official video of embedding code into Squarespace-powered websites in a proper way.
We have aggregated this list of popular website-building platforms for you as most of the websites out there on the web are powered by these platforms. We have tried to unfold this process of ‘embedding social media feed on website’ on these popular platforms and we hope that this article helps you to embed social media feeds to your website without a glitch.
But, is there anything that can save you all these headaches?
Is there any single social media aggregator that can aggregate content from any social media platform and integrate that social media feed on any kind of website?
Yes. there is.
This is where Kooyal Aggregator walks in.
Hi! We are Kooyal Aggregator. We are an Ai-powered versatile social media aggregator for small and medium-scale businesses. Yes, we do this for you.
You can finish the whole process within minutes, and no coding knowledge is required.
Simply launch the Kooyal Aggregator application. Signup with your official email and go to the dashboard. Locate the ‘Add source collection’ button at the bottom of the dashboard.
Now give a meaningful name to your collection and create the same.
Once your collection gets created you will find that under the ‘Collection’ folder. Click on it to add a social media feed to this collection. Simply, click on the ‘Add source’ button to choose any social media platform as your feed source.
Now, choose any one social media platform as the source. That means Kooyal aggregator will start fetching social content from that social media platform.
Kooyal Aggregator can fetch content from any social media platform that you require. If you do not find the social media platform that you want, simply tell us to place it on the list.
Further, what type of social content do you want to add as a social media source? Is it hashtag-centric? Is it brand mentions on Twitter? Anything and everything from your official social media page? Any video source from Youtube that speaks about your brand?
You can choose whatever you want as your social media feed source. Further, you can always mix things up. You can add multiple social media feeds as your source and integrated them to create a unified social feed.
Now, the second stage – Content Moderation.
Content moderation is the most essential part of any social media aggregation process.
There are many reasons.
Firstly, you only want to integrate the social content that speaks about your brand in a social way. Secondly, you want to place only those social contents within your social feed that have a high engagement percentage.
Thirdly, you always want to protect your social media feed from negative and abusive social content. Lastly, you want to guard your social feed against horrific social media happenings like hashtag hijacking.
So, as you can understand, content moderation saves your day by ruling out these social media accidents and enables you to curate those contents that are highly engaged and socially aligned to your brand.
Eventually, manual content moderation features are there. You can use that feature to eradicate unwanted pieces of content from your social media feed. And, that’s a bottom-line requirement for any social media aggregator app.
but, what is manual is not 100% accurate. You can overlook negative content or spammy content can always slip in sie your social media feed.
So, how to prevent this?
This is where Kooyal Aggregator is unique. We are the only social media aggregator app that offers the brilliance of artificial intelligence. Along with manual content moderation features, we also offer an AI engine that looks around and blocks offensive from your aggregated feed, automatically.
The last stage – visual parameters & publish your feed.
It’s the last layer of this entire aggregation process. Here, you alter the visual parameters of your social media feed and finally publish that to embed it on your website.
First, you need to add a destination for your feed. Simply locate the ‘Add destination’ button at the ‘Destination’ segment, and click on it to add a destination. Name it.
now, locate the ‘…’ icon on the right side of the ‘Destination’ segment that is adjacent to your destination name. Click on the icon and, choose the ‘Edit with studio’ option.
In this stage, you will be able to toy with the visual output of your social media feed. You will be able to choose the design factors like layout style, card style, background color, font color, font style, content action, and feed header text.
Once you have set the visual parameters according to your requirement now it’s time to publish the feed and embed the social media feed on your website.
And, the most important thing is that Aggregator performs equally with all the website-building platforms out there. We have dedicated plugins for each popular website-building platform.
Else, you can always get the embed code from the ’embed widget’, and add the same to the webpage where you want to display the social media feed.
As you can see that it’s fairly simple to embed social media feed on your website. But, having said that, everything depends on the quality of the embedding code. If the code is not optimized and there is any unwanted glitch, the whole process will yield you nothing.
Kooyal Aggregator is a versatile social media aggregation tool that can ensure the serenity of the embedded code. Further, you have all the features to customize the social media feed that you need.
Our mantra is simple. Source. Add. Stage. Automate.
And, that’s how we grow, with the help of automation and intelligence.
We hope that this article provides you the required clarity to go ahead and embed social media feed on your website. If you want to learn more about this, always feel free to reach us with your query.