Skip to main content
All CollectionsEmbedFeedGetting Started
How to customize your social media feed widget
How to customize your social media feed widget

In the following article, we will cover how you can customize your widget feed with different layouts, settings, and custom CSS.

Didi avatar
Written by Didi
Updated over 10 months ago

Thank you for posting this question! For customizing your widget so it can fit perfectly on your website, we do have different layouts and customization options, such as:

Layout section

In the 'Layout' section, you can select the desired layout style for your widget. Here we will share with you the available styles we have:

  • Feed

  • Slider

  • Collage

  • Popup

For each of the layout styles, you can choose different settings such as the number of columns on desktop view, the number of columns on mobile view, number of the posts you would like to showcase on the widget, the widget theme(light, dark, rainbow), the navigation type, etc.

Changing the widget style on the Layout section

Once you are done with the customizations on the 'Layout' section, make sure to 'Save' the changes.

Header section

On this part, you can customize the header section of your widget. You can choose to disable or enable some of the elements such as the widget title, number of the posts, the thumbnail image the button, etc.

You can also set the desired widget title, set the name and color of the button, change the thumbnail photo, select the desired alignment of the header section, etc.

Customizing the header section of the widget

If you have multiple sources in the widget, then if you would like you can enable the 'Filter by source' option as well.

Once you are done with the customizations on the 'Header' section, make sure to 'Save' the changes.

Card section

The card section, is the main section of the widget, the section where the posts are shown. The posts are placed in cards. In this section, you can choose the style of the cards and the elements you would like to be shown on the card. We have 3 types of card styles and different settings: You can choose to disable or enable the username, date, description, logo, avatar, etc. You can choose the desired alignment of the elements. The image preview and shape. You can choose to enable the autoplay option, to open the posts on the lightbox, or to redirect the visitors to the original source, etc.

Customizing the card section of the widget


​Once you are done with the customizations on the 'Card' section, make sure to 'Save' the changes.

Custom CSS section

Additional customization can be made in the Custom CSS section. You can learn more about this in the following article: How to add Custom CSS in your responsive website builder.

If you have any questions, click the chat icon at the bottom right to speak to our customer support team or email us at support@embedsocial.com .

We are here for you 🙏

Did this answer your question?