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

![Config Instagram Feed](https://2721375808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNROqxinGIHrcdd3Eoq%2F-MYsKKu7rxpYO0ScKcPJ%2F-MYsL8KcubEyHx-uTAL5%2Fimage.png?alt=media\&token=57ef01a1-9c41-48be-9b70-778395786a6c)

**2.2 Connect to Instagram Account:**

![Connect to Instagram Account](https://2721375808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNROqxinGIHrcdd3Eoq%2F-MYsKKu7rxpYO0ScKcPJ%2F-MYsLFvEeQHkce2OMKEX%2Fimage.png?alt=media\&token=65a9fa49-0a8e-4d8c-9c22-2bd0be6d70a6)

### **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://2721375808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNROqxinGIHrcdd3Eoq%2F-MYsKKu7rxpYO0ScKcPJ%2F-MYsLNxZ-MZF5tF_gkQ5%2Fimage.png?alt=media\&token=3b30e3c0-aba8-4761-8303-4f3dc382246e)

### **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://2721375808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNROqxinGIHrcdd3Eoq%2F-MYsMwFRS_ZnQ9T_l0gr%2F-MYsNqmOpy_qjodvVCi1%2Fimage.png?alt=media\&token=6db830cc-0e28-4556-8e7b-62fe34beeb0c)

**4.2 Edit Page and Post with Elementor**

* Choose page or post and edit by Elementor:

![](https://lh6.googleusercontent.com/dAozfeRdTVN7FOPVHVThtMA3P2l4WoZXaoilYKjKOOnoPaz2KBNRhSu_ERfZj8OBeBmWzWliTDuyBg_McWYc100wduJT5nzf6ruySYs3dZrl9xguqd7ukU8PS0pTHed_H0g1PZEH)

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

![](https://lh6.googleusercontent.com/3jxiOdmLTav2qYoJ__rfz5Svr3OgeSztFL7DfGsk3fAsrhb60CenHQQZXt6P7iF986mBf3-MnI_f-Xy0gjfs8V2gfSkPuQ4MncaZN0Smi9s5y8MPKIY0ob8nMTo_YUWtt2uTRQ6O)

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

![](https://2721375808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNROqxinGIHrcdd3Eoq%2F-MYsKKu7rxpYO0ScKcPJ%2F-MYsLdsdfJwXhLGjj3xC%2Fimage.png?alt=media\&token=e38d5e5b-f430-4d2d-a41d-4c273df22bc0)

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

![](https://2721375808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNROqxinGIHrcdd3Eoq%2F-Mb9u-9JFbC8RaYntP1w%2F-Mb9u1F2bubIFom-8eEz%2Fimage.png?alt=media\&token=d405c4b8-d518-4135-89eb-0229ce7f5a77)

You've add successfully Instagram on Elementor WordPress theme.