New Social Media Feeds: Templates and Demos

Learn how to embed a social media feed on your website for free. Examples of social media feeds created with simple tools like EmbedSocial.

templates for social media feeds

We are continually updating the EmbedSocial platform, and this time, we made an entire re-design of the look of our social media widgets in the EmbedFeed product.

EmbedFeed is an all-in-one social media aggregator integrated with the major social media networks, built to generate and display social media posts on any possible website.

EmbedFeed provides professional tools such as moderation, customization, custom CSS options to tag posts with custom links, and tons of settings that will help you to fit your social media feed design with your brand.

Thousands of users use this product and regularly send their feedback on possible new features and upgrades.

And this time, we are happy to release a significant upgrade of the frontend design of the social media templates:

Announcing: New Social Media Feed Templates 

These templates are already available for all our previous and new users, and you can find them in the Settings bar in the Layouts section. 

To read about our design phase and check the new templates, follow the links below: 

Design phase: Brainstorming, mockups, and prototypes

Before starting to design, we had in mind the following principles: 

  • User needs, requests, and feedback 
  • Follow the latest UI design trends.
  • Responsiveness and fit to any device, browser, or website builder

The research phase included a few workshops among our marketing, UX, and customer success teams. And lots of pizza!

design workshop

Luckily this was before the COVID crisis, so we managed to brainstorm in our office and have lots of fun visualizing how we can launch better widgets for our users. 

New: Collage template

collage social media widget

The Collage template is an entirely new template, built from scratch and mostly aimed to show social media posts on homepages or landing pages. 

Usage: Home Pages, Landing Pages

Layout: Modern 

Characteristics

  • Responsive, four grid layout
  • Option to define 1 row of posts with load more or numbered pagination to fit your landing page design
  • Show caption/text on hover
  • View entire posts in a lightbox or redirect to the original post
  • Add a ‘Follow’ button
  • Add or remove title
  • Add CTA buttons on posts

Demo: Collage template →

Feed template

social media feed widget

The Feed template is our default template designed for most users who want to display a classical social media wall on a dedicated page. It has all the elements you will ever need to create a social media feed for your website. 

Usage: Dedicated Pages, Home Pages

Layout: Classic 

Characteristics

  • Responsive, three-grid column layout
  • Define the number of posts per page
  • Options to add a load more or numbered pagination
  • View entire posts in a lightbox or redirect to the original post
  • Add a ‘Follow’ button
  • Add or remove a title
  • Show or remove the caption below the images.

Demo: Feed template →

Wall template

wall social media widget

The Wall template is very similar to the Feed. It focuses more on the classical look of a social media wall, where the username and the social media network logos are more prominent at the top of the posts. 

Usage: Dedicated Pages, Home Pages

Layout: Classic 

Characteristics

  • Responsive, three-grid column layout
  • Define the number of posts per page.
  • Options to add a load more or numbered pagination
  • View entire posts in a lightbox or redirect to the original post
  • Add a ‘Follow’ button
  • Add or remove the title
  • Show or remove the caption below the images.

Demo: Wall template → 

Masonry template

masonry social media widget

The Masonry template is a modern Pinterest-like design of social media feeds. It aims to give a more elegant showcase of product images or posts that you published and contain more relevant pictures than the actual text. 

Usage: Dedicated Pages, Home Pages

Layout: Modern 

Characteristics

  • Responsive, three-grid masonry layout
  • Define the number of posts per page
  • Options to add a load more or numbered pagination
  • View entire posts in a lightbox or redirect to the original post
  • Add a ‘Follow’ button
  • Add or remove the title
  • Show or remove the caption below the images

Demo: Masonry template →

Grid template

grid social media widget

The Grid template is a classic template to showcase pictures and embed a feed that looks more like a photo gallery. 

Usage: Dedicated Pages, Landing Pages, Home Pages

Layout: Classic 

Characteristics

  • Responsive option to define the number of columns in the grid layout
  • Define pagination between photos
  • Show caption/text on hover
  • View entire posts in a lightbox or redirect to the original post
  • Add a ‘Follow’ button
  • Add or remove the title
  • Add CTA buttons on posts

Demo: Grid template → 

carousel social media widget

It is a modern carousel template that fits the latest UI trends for displaying social media feeds on your website’s primer spots. It is perfect for fashion or cosmetics brands.

Usage: Homepages, Footer, Product Pages

Layout: Modern 

Characteristics

  • Options to navigate through the slides
  • Open posts in a lightbox or redirect to the original post
  • Add a ‘Follow’ button
  • Add or remove title
  • View caption on hover
  • Define autoplay

Demo: Carousel template → 

Slider template

slider social media widget

The slider has a more classic look than the carousel and is a ‘safe’ option that fits almost any website design. 

Usage: Homepages, Footer, Product Pages

Layout: Classic 

Characteristics

  • Options to navigate through the slides
  • Open posts in a lightbox or redirect to the original post
  • Add a ‘Follow’ button
  • Add or remove title
  • View caption on hover
  • Define autoplay

Here is a slider template demo embedded in this post:

Full demo: Slider template →

Use Case: Embed Collage Feed in Shopify

Our feeds work with any CMS, web builder, or eCommerce platform.

In this example we will showcase a simple usage in a Shopify shop where you can embed Instagram feed with the new Slider template:

embed instagram feed in shopify

For other platform integrations check the links below:

Why you should embed a social media feed on your website, right now

You can gain numerous advantages as a marketer by merging the power of social media channels and your website.

We are highlighting the main ones:

  • Creates a better user experience on your webpage that keeps your visitors engaged 
  • Lowers your bounce rate and increases your average session time
  • Spreads brand awareness and shows the values you represent
  • Builds strong social proof
  • Drives sales by offering your products in an immersive format
  • Expands your social media presence

Before you start embedding, take your time to think about what you want to achieve by adding social media feeds to your website. 

For example, if your goal is to increase visitors’ dwell time, you can add a Facebook feed, so that when they come to your website, they can watch your photos and videos and stick around. If you want to keep your audience up-to-date with your latest company news, a Twitter feed will be an excellent fit for you. 

Or, if you may want to engage your audience by showing your newest collection. In this case, embedding an Instagram Feed will be a good idea for you. To increase your event visibility, consider trying a hashtag campaign.

Don’t forget that you can always combine your social content from several social media accounts in one place if needed.

The choice is yours!

Next steps: Embed social media feed

We hope you like the new templates, and we’ll continue to build more for our current and new users.

To access the template, all you need to:

  1. Log in to EmbedFeed
  2. Navigate to Widgets and click Edit or Create a new widget
  3. In the Sidebar go to Layouts and choose the template from the list
  4. Customize and modify your social media feed
  5. Copy the provided HTML code and paste it into your website builder
feed templates

Please note that you can aggregate and combine media from various social media platforms into one widget like Facebook Page, Instagram, Twitter, Vimeo, YouTube, or TikTok. Deciding which social content will improve your online presence is up to you.

To wrap up

Hope that seeing these social media feeds in action inspired you to provide your website audience with a superb experience.

Yes, please feel free to try them all and see which will be the WOW factor your website deserves to have.

And if you need any assistance during the setup process, feel free to reach out to us; we will be happy to guide you.

Image

Display social media wall on your website automatically!

Try EmbedFeed and display Instagram, Facebook, YouTube, Pinterest, TikTok, and Vimeo feeds on your website in seconds.

Start 7-day free trial

CEO of EmbedSocial 

Nikola Bojkov is the CEO of EmbedSocial, an entrepreneur who turns problems into products. With over a decade of hands-on experience with social media APIs, he guides EmbedSocial in its role as a technical partner for both SMEs and large agencies, maximizing the impact of their user-generated content. EmbedSocial has offices in Skopje, Tokyo and Lisbon with over 250,000 users.