Show your Instagram on any Showit canvas

Add your Instagram photos to any Showit canvas with the Embed Code element. Size it with the handles, set it up for desktop and mobile, and it keeps itself current.

Create your free widget See examples

How do I add an Instagram widget to Showit?

Add an Embed Code element to a Showit canvas, double-click it and paste your SnapWidget embed code in the Edit Code box, then save. Drag the handles to size it on the desktop and mobile canvases, and use Center to Canvas to line it up. Free Instagram widgets work, and new posts appear on their own.

Step by step: placing the widget on a Showit canvas

1
Create your widget and copy the code

Create your widget in SnapWidget and click Get Widget. Copy the code to paste into Showit.
2
Open the page with both views

In Showit, select the Site tab and choose the page under Pages. Select Show Mobile and Desktop on the bottom menu, so you can size the widget for both.
3
Add an Embed Code element

Click the canvas for the widget. Use the second option at the bottom of the page and choose Embed Code.
4
Paste the code

Double-click the element, paste the code in the EDIT CODE box and click SAVE.
5
Resize the widget

Drag the handles to size the widget on the mobile and desktop canvases.
6
Center it on the canvas

Under SIZE & POSITION, use the CENTER TO CANVAS options. Do this on the Desktop and Mobile tabs.
7
Preview the site

Click Preview on the top menu to see the widget in desktop and mobile mode.

How it fits the Showit canvas

Embed Code element: In the Showit editor, add an Embed Code element to a canvas, double-click it, paste the code in the Edit Code box and save.
Size and center it: Drag the handles to size the widget, and use Center to Canvas under Size & Position to line it up. You do not change the code.
Next to your galleries: Put an Instagram grid beside your galleries. It fills in each new post, so it always shows your latest work.
Desktop and mobile canvases: Showit lets you lay out desktop and mobile on their own. Size the widget in each view so it fits both.

Want every click? Our help center has the step-by-step install guide with screenshots.

Read the install guide

Loved by 200,000+ websites

Don't just take our word for it. See all reviews →

Frequently asked questions

In an Embed Code element. Create your widget in SnapWidget and click Get Widget to copy the code. In Showit, select a canvas, add an Embed Code element, double-click it and paste the code in the Edit Code box. Save, then preview your site.

Yes. Turn on Show Mobile and Desktop in the Showit editor, then size the Embed Code element in each view. Use the Desktop and Mobile tabs under Size & Position to center it.

The responsive slideshow keeps its own size inside the embed area. Our install guide shows how to put a non-responsive slideshow inside a wrapper so you can set its size.

You set the photo size, columns, spacing, border and background color in SnapWidget. On paid plans you can also load your own CSS file to match your fonts and colors.

Yes. Our guide uses the Home page, and the steps are the same on blog pages. Only the canvas names differ.