> 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

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 

![](/files/-McTc180BsxnpcM11gjP)

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

**2.1 Config Instagram Feed**

![](/files/-McTc30LzWBY5DlW9_9u)

**2.2 Connect to Instagram Account:**

![](/files/-McTc4vfs84bu_l6ie6m)

### **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

![](/files/-McTc7tVFi3U8wmCYpBT)

### **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

![](/files/-McTc9t_Zeu02ZQjjbvp)

**4.2 Edit Page and Post with Elementor**

* Choose page or post and edit by Elementor:

![](/files/-McTcEexqkGwFeFw2pEd)

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

![](/files/-McTcGlBDN5kwaSYAqNB)

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

![](/files/-McTcImboKLwMgjjewe4)

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

![](/files/-McTcLXiVTC_K8St4PDK)

You've added successfully Instagram on Elementor WordPress theme.