--- title: "New Social Media Feeds: Templates and Demos" date: 2020-10-05 canonical_id: new-social-media-feeds author: "osogovo" category: blog summary: "Learn how to embed a social media feed on your website for free. Examples of social media feeds created with simple tools like EmbedSocial." draft: false seo: title: "New Social Media Feeds: Templates and Demos" description: "Learn how to embed a social media feed on your website for free. Examples of social media feeds created with simple tools like EmbedSocial." structured_data: article --- 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 [EmbedSocial](/social-media-aggregator/) product. EmbedSocial is an all-in-one [social media aggregator](/blog/social-media-aggregator/) integrated with the major social media networks, built to generate and display social media posts on any possible website. EmbedSocial 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](https://embedsocial.com/wp-content/uploads/2020/10/embedsocial-design-workshop-1024x768.jpg) 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](https://embedsocial.com/wp-content/uploads/2020/10/collage-social-media-feed-1024x683.jpg) 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 →](/templates/classic-facebook-page-posts-collage-widget/)** ## **Feed template** ![social media feed widget](https://embedsocial.com/wp-content/uploads/2020/10/social-media-feed-1024x683.jpg) 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 →](/templates/classic-facebook-page-posts-feed-widget/)** ## Wall template ![wall social media widget](https://embedsocial.com/wp-content/uploads/2020/10/wall-social-media-feed-template-1024x683.jpg) 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 →](/templates/flat-facebook-feed-widget/)**  ## Masonry template ![masonry social media widget](https://embedsocial.com/wp-content/uploads/2020/10/masonry-social-media-feed-1024x683.jpg) 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 →](/templates/facebook-feed-masonry-widget/)** ## Grid template ![grid social media widget](https://embedsocial.com/wp-content/uploads/2020/10/grid-social-media-feed-1024x683.jpg) 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 →](http://templates/facebook-feed-grid/)**  ## Carousel template ![carousel social media widget](https://embedsocial.com/wp-content/uploads/2020/10/carousel-social-media-feed-1024x512.jpg) 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 →](/templates/facebook-carousel-widget/)**  ## Slider template ![slider social media widget](https://embedsocial.com/wp-content/uploads/2020/10/slider-social-media-feed-1024x512.jpg) 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 →](/templates/modern-facebook-slider-widget/)** ## 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](https://embedsocial.com/wp-content/uploads/2020/10/instagram-feed-shopify-1024x693.jpg) For other platform integrations check the links below: - [Social media feeds in Shopify](/instagram-widget/shopify/) - [Social media feeds in WordPress](/instagram-widget/wordpress/) - [Social media feeds for Squarespace](/instagram-widget/squarespace/) - [Social media feeds for PageCloud](/instagram-widget/pagecloud/) ## 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](/blog/how-to-embed-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](/instagram-widget/) 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](/admin/socialfeed_home)** to EmbedSocial 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](https://embedsocial.com/wp-content/uploads/2020/10/select-social-media-feed-template.jpg) 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.