# 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://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb4cWnm8pj7JCRZ7oQa%2F-Mb4cbLSSoeZXRefVF7F%2Fimage.png?alt=media\&token=ab0306cd-eeca-478b-a190-78b2c5b7c84a)

**2.2 Connect to Instagram Account:**

![](https://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb4cWnm8pj7JCRZ7oQa%2F-Mb4ceKrBjYW48q1mEzc%2Fimage.png?alt=media\&token=544f2402-e8d1-4e38-8fa5-a3a0eeeb416d)

### **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://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb4cWnm8pj7JCRZ7oQa%2F-Mb4chW_-vUHtPQYAcbK%2Fimage.png?alt=media\&token=f9753be8-06de-46de-980c-8a1c13e1a212)

### **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://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb4cWnm8pj7JCRZ7oQa%2F-Mb4ckjZwtdricj7oK1t%2Fimage.png?alt=media\&token=29417102-2605-419e-8c8a-f536b78378e7)

**4.2 Edit Page and Post with Elementor**

* Choose page or post and edit by Elementor:

![](https://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb4cWnm8pj7JCRZ7oQa%2F-Mb4dDe8hFz5xdOSY50i%2Fimage.png?alt=media\&token=76fe3f0d-d9c1-4ad2-985e-e68d11c9c956)

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

![](https://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb4cWnm8pj7JCRZ7oQa%2F-Mb4eJd-tKWE5KC-VSDo%2Fimage.png?alt=media\&token=1700718f-8d0b-4ade-a368-3de7cd9010cb)

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

![](https://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb4cWnm8pj7JCRZ7oQa%2F-Mb4eOkGMDtddoyR3bmC%2Fimage.png?alt=media\&token=9fd4f2e0-b0a8-4735-8f10-46095c14f8ee)

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

![](https://935372695-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIYgnTX-5gFMC3PxtGH%2F-Mb9uC3Uj3J0qdKos0bf%2F-Mb9uG8zJSGmwFoHa7q0%2Fimage.png?alt=media\&token=1e3108cb-9bf2-40f6-bf9b-ec632e5e83f5)

You've add successfully Instagram on Elementor WordPress theme.