## 1.

**[Preview and Design](#preview)**



 

 

 

 

 

 



 

## 2.

[**How to create**](#creation)



 

 

 

 

 

 



 

## 3.

[**How to translate**](/site-configuration/edit-translations "Edit translations")



 

 

 

 

 

 



 

 

 





<a name="preview"></a>

---

## Preview

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



Facebook feed preview with 4 posts per a page

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



Facebook feed preview with 2 posts per a page

## Information architecture

Facebook feed can be added to a **[Social Media paragraph](/medias/social-media-component "Social media component")**

Displays posts from set facebook accounts, ordered by date DESC

## Design

Displays 4 posts per page when added to 1-column Grid

Displays 2 posts per page when added to 2-column Grid

Requires Facebook App Id and App Secret

Several source facebook pages can be set

<a name="creation"></a>

---

## How to create it

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



| Field | Description |
|---|---|
| 1 - Name | Used only in the backoffice |
| 2 - App id | Facebook Application ID.  Should be created with facebook (see detailed instructions below) |
| 3 - App Secret | Api secret key Facebook Application ID.  Should be created with facebook (see detailed instructions below) |
| 4 - Source pages | Links to source facebook groups/pages.  Each item should starts from the new line |
| 5 - Cache age | Timeout between posts updating.  Set in seconds, default value is 3600s(1 hour) |



 [DOCX

  How to create social networks application  (977.61 KB)  

    ](/sites/g/files/dvc2391/files/document/2019/02/How%20to%20create%20social%20networks%20application.docx)