How To Display Instagram Reels On Elementor?

In this post, you will learn how to display a Instagram Reels on your Elementor website. Do you use Instagram Reels? Do you have a website built using Elementor? If you answered YES to both questions, this tutorial is for you!

Steps for SociableKIT

  1. Go to SociableKIT.com and click Sign up. You will be automatically logged in after you sign up.
  2. On the dashboard, click the "+ Create Solution" button on the upper right corner.
  3. Select "Instagram Reels" on the dropdown.
    1. Enter your Instagram username. Our system will get the reels from your Instagram account based on your username. You can copy the link to your Instagram profile and paste it into the box. Our system will automatically identify your Instagram username.
  4. Click the "NEXT" button. This will show you the customization options.
  5. Click the "Embed on website" button on the upper right corner. Copy the JavaScript code.

Steps for Elementor

    1. Login to Elementor. Go to your Elementor dashboard.
    2. On the left side, click "Pages" menu. Then, click "Add New". There you can enter your unique page name.

    3. After that, you can click "Edit with Elementor" button located at the upper part of your page title. 

    4. Type "HTML" on the widget's search box. Drag and drop the widget to the content block of your page. 

    5. Paste the code you copied from SociableKIT.

    6. View your page. Click the Save. Done! Great job!

If you think this post about how to display Instagram Reels on Elementor is helpful, please share it with your friends! Thank you and we appreciate your kind support!

Related solutions

Responsive support

Need further help? Email our team at [email protected] or go to the SociableKIT.com website.