Embedding an Instagram Post Onto Your Smart Builder Page

Follow

A great way to extend your social media presence and reuse existing content is by adding an image onto your landing page, directly from your social media site.  

The Instagram app, powered by Unbounce Apps, allows you to embed an Instagram post onto your Smart Builder page easily.

This app supports all types of Instagram content, including posts with pictures, videos, or Reels.

Installing the Instagram App in Smart Builder

  1. Navigate to the Apps tab within the left-hand side of the menu at the top of Smart Builder.
  2. Search and locate the Instagram App.
  3. Click the plus button next to Instagram to install the app.
  4. You may see a pop-up that appears explaining that this app is swappable:
    A pop-up on top of Smart Builder explaining that this App is swappable.

    Learn more about swappable elements in our documentation: Swapping Elements in Smart Builder.

Once you've installed the Instagram App, you can apply it to the landing page in Smart Builder.

Adding an Instagram Element To Your Page

Now that you've installed the Instagram app, you can embed any Instagram post onto your landing page.

  1. Single-click an element on the page, and click the Change Element  icon that appears at the bottom of the element.
  2. A drop-down menu will appear; select Instagram under the Media section:
    Selecting Instagram from the drop-down menu
  3. An Instagram image/post placeholder will appear on your page:
    Gif demo of a user clicking the Instagram menu options - an Instagram placeholder appears

Importing a Post from Instagram

You'll need to retrieve the URL of the Instagram post, to add the post to your landing page in Smart Builder. 

See Instagram's documentation to learn how to copy an Instagram post: How do I get a link (URL) to a photo or video on Instagram?

Note:

If you are adding content that you do not own onto your landing page, be sure to check the post's creative commons license to confirm what you can and can't do with someone else's content.

  1. Back in Smart Builder, locate the Instagram element.
  2. Single-click the element, and click the Add Instagram Post icon on the bottom-left. A pop-up will appear.
  3. In the Instagram Post URL field, paste the URL of your Instagram post.
  4. Click anywhere outside of the pop-up, and the post will load in Smart Builder:
    Gif demo of an Instagram post loading in Smart Builder

Toggle Caption On/Off

With the Instagram Smart Builder App, you can include/exclude the caption from your post.

  1. Navigate back to the Instagram post in Smart Builder.
  2. Single-click the element, and click the Add Instagram Post icon on the bottom-left. A pop-up will appear.
  3. Toggle the Include caption button off to remove the captions:
    Radio button to toggle captions on/off within Instagram Post settings.

Be sure to Save and Publish your page once you're happy with your changes!