## Preview

**Facebook feed media**

   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2019/02/Facebook%20feed%20preview.png.webp?itok=zKDTeaBB)   



**Twitter feed media**

   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2019/02/Twitter%20SoMe%20preview.png.webp?itok=_CF3FZmj)   



**Linkedin feed media**

   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2019/02/LinkedIn%20SoMe%20preview.png.webp?itok=Yi5ypZFZ)   



## Information architecture

The Social media paragraph allows to add **[LinkedIn](/medias/social-media/linkedin-feed-media "Linkedin feed media")**, [**Facebook** ](/medias/social-media/facebook-feed-media "Facebook feed media")or [**Twitter** ](/medias/social-media/twitter-feed-media "Twitter feed media")feed medias

This paragraph uses 2 media types: Integration Code, or iFrame.

## Design

Social media paragraph can be added to a **[Grid paragraph](/components/grid-component "Grid component")**

Has 4 column in desktop version when it is added in a 1 column Grid

Has 3 column in tablet version when it is added in a 1 column Grid

Has 2 columns in desktop version when it is added in a 2 column Grid

Has 1 column in tablet version when it is added in a 2 column Grid

Has 1 column in mobile version, for any cases

## How to create it

   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2019/02/Social%20media%20adding%20form.png.webp?itok=nd5WbflW)   



| Field | Description |
|---|---|
| 1 - Admin title | Used only in the backoffice |
| 2 - URL | Link is displayed on top right corner in desktop/tablet versions, and displayed at the bottom in the mobile version |
| 3 - Link text | Text of the link |
| 4 - Attributes | Can be set an option to open link in a new tab |
| 5 - Social media feed | Twitter, Facebook and linkedin feed medias can be added to the Social media paragraph |