# 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 

![](https://lh6.googleusercontent.com/rsaO6n-Mz6ImvTlKUtQz24t6wCPzhL7mOdZZED1DJae736qVU_3dhipV_mudDHSqQ3Y6Z9RFJtLq6onfWVaosprvoRpyk25oIAEtC3uIEb4Fw8Lv2vcWe3PKyfcWVbozQsy4n9i-)

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

**2.1 Config Instagram Feed**

![](https://1843780857-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaXty7PwzltVHa_ZvX3%2F-Maahl0nGqWmFosoOGH7%2F-Maai0RL1P0JRH_THUq-%2Fimage.png?alt=media\&token=569aadcc-3062-43e7-a49b-7b55160bc203)

**2.2 Connect to Instagram Account:**

![](https://1843780857-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaXty7PwzltVHa_ZvX3%2F-Maahl0nGqWmFosoOGH7%2F-Maai2f7zjThR5Q837DW%2Fimage.png?alt=media\&token=80b98307-a483-4473-aa3f-2d23ecfe34a9)

### **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://1843780857-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaXty7PwzltVHa_ZvX3%2F-Maahl0nGqWmFosoOGH7%2F-Maai5GM1-_Z5V74XvEY%2Fimage.png?alt=media\&token=b7c13f60-1990-4042-a763-099e8bb9030d)

### **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://1843780857-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaXty7PwzltVHa_ZvX3%2F-Maahl0nGqWmFosoOGH7%2F-Maai8FNPdMGc1BmM3dB%2Fimage.png?alt=media\&token=8485f1a7-c523-4294-b4cc-93f3933816fb)

**4.2 Edit Page and Post with Elementor**

* Choose page or post and edit by Elementor:

![](https://1843780857-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaXty7PwzltVHa_ZvX3%2F-MdWbjlmIbu16TAFYXJM%2F-MdWbwMtOWHkC7HtW97a%2Fimage.png?alt=media\&token=dcc56765-144e-4a27-9393-c33c662dbb5b)

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

![](https://1843780857-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaXty7PwzltVHa_ZvX3%2F-MdWbjlmIbu16TAFYXJM%2F-MdWcA8vM4E2I3nA0pAq%2Fimage.png?alt=media\&token=0d3339d8-331a-4a1f-8d90-d467360f14d6)

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

![](https://1843780857-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaXty7PwzltVHa_ZvX3%2F-Maahl0nGqWmFosoOGH7%2F-Maaid3U5cTbqqjGLj90%2Fimage.png?alt=media\&token=1713b35a-1dbd-4dd4-a456-c8c3d915bbaf)

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

You've add successfully Instagram on **Gifymo** Elementor WordPress theme.