> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/kilio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/kilio/faqs-1/faqs/how-to-add-instagram-in-wordpress.md).

# How to Add Instagram in WordPress

Add Instagram in post/page with Elementor

To add Instagram in your WordPress by Elementor, we use [Instagram Feed](https://wordpress.org/plugins/instagram-feed/) 

### **1. Install & Activate Instagram Feed Plugin:** 

Dashboard -> Plugins -> Add New Plugin -> Install & Activate Instagram Feed 

![](https://4036350574-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTTG0PDCHIHIKBT89B%2F-McTbpS5XUtF_9agJ9qE%2F-McTc180BsxnpcM11gjP%2Fimage.png?alt=media\&token=cbdae3b0-827b-411f-89e5-62646bac64f9)

### **2. Config Instagram Feed to Showcase on your website**

**2.1 Config Instagram Feed**

![](https://4036350574-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTTG0PDCHIHIKBT89B%2F-McTbpS5XUtF_9agJ9qE%2F-McTc30LzWBY5DlW9_9u%2Fimage.png?alt=media\&token=a4821026-5ba6-47dd-b180-1971eaa0b955)

**2.2 Connect to Instagram Account:**

![](https://4036350574-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTTG0PDCHIHIKBT89B%2F-McTbpS5XUtF_9agJ9qE%2F-McTc4vfs84bu_l6ie6m%2Fimage.png?alt=media\&token=47501fb5-df19-4310-93a7-53b07e17de7f)

### **3. Customize Instagram Feed in WordPress:** 

**General information:** 

* Width of feed: percentage of feed width. 
* Height of feed: The height of feed
* Background color

**Layout Instagram Feed:** 

* Number of photos 
* Number of columns
* Padding around images
* Disable mobile layouts

-> Save changes

![](https://4036350574-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTTG0PDCHIHIKBT89B%2F-McTbpS5XUtF_9agJ9qE%2F-McTc7tVFi3U8wmCYpBT%2Fimage.png?alt=media\&token=43d9b3b7-d154-473f-8a79-f3c369c17ded)

### **4. Display Instagram Feeds on Elementor**

**4.1 Copy shortcode of Instagram Feeds:** \[instagram-feed]

Admin -> Instagram feed -> Settings and navigate to “Display You Feed” -> Copy shortcode

![](https://4036350574-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTTG0PDCHIHIKBT89B%2F-McTbpS5XUtF_9agJ9qE%2F-McTc9t_Zeu02ZQjjbvp%2Fimage.png?alt=media\&token=23fc5f34-8b4c-495c-a77a-7f27f7a561e5)

**4.2 Edit Page and Post with Elementor**

* Choose page or post and edit by Elementor:

![](https://4036350574-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTTG0PDCHIHIKBT89B%2F-McTbpS5XUtF_9agJ9qE%2F-McTcEexqkGwFeFw2pEd%2Fimage.png?alt=media\&token=a9264a68-a4e7-494b-bb9e-6b3f6f0407c9)

* Add new widget “Shortcode”: Search widget Shortcode and drag to content

![](https://4036350574-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTTG0PDCHIHIKBT89B%2F-McTbpS5XUtF_9agJ9qE%2F-McTcGlBDN5kwaSYAqNB%2Fimage.png?alt=media\&token=7d15e140-00dc-421c-88f1-d61d846b8904)

Paste the “Shortcode” of Instagram feed that you’ve copied at “Display the Feed” and apply:

![](https://4036350574-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTTG0PDCHIHIKBT89B%2F-McTbpS5XUtF_9agJ9qE%2F-McTcImboKLwMgjjewe4%2Fimage.png?alt=media\&token=78fbf5b7-8535-4cfd-ae53-93fa6c37095c)

After saving, you will see all feeds of Instagram on the page you want. 

![](https://4036350574-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTTG0PDCHIHIKBT89B%2F-McTbpS5XUtF_9agJ9qE%2F-McTcLXiVTC_K8St4PDK%2Fimage.png?alt=media\&token=c38564e8-8a6d-40e0-9c1d-be1f3e9cba64)

You've added successfully Instagram on Elementor WordPress theme.