Show your Instagram feed on Kajabi

Add a Custom Code section to any Kajabi page, paste your widget code and choose how many columns it fills. It works in blog posts too.

Create your free widget See examples

How do I add an Instagram feed to Kajabi?

In the Kajabi page editor, click Add Section, choose Custom Code and paste your SnapWidget embed code in the Code box. Set the width in columns, up to 12. For a blog post, click Source code on the Post Details toolbar and paste the code there. Free Instagram widgets work.

Step by step: adding a Kajabi Custom Code section

1
Create your widget and copy the code

Create your widget in SnapWidget, click Install Widget, then Copy Code. A responsive widget fills the Kajabi columns you choose.
2
Open the page editor

In Kajabi, click Pages and select Customize for the page you want. The editor opens your page.
3
Add a Custom Code section

Click + Add Section, scroll to CUSTOM and select Custom Code. Click Add.
4
Paste the code and pick the width

Click Custom Code in the left sidebar and paste the code in the Code box over the existing text. Set Width to the number of columns, up to 12.
5
Check the preview

The widget fills the columns you chose. Set more columns for bigger photos, then check the preview.
6
Add it to a blog post

Click Blog in the left sidebar and select the post. Click Source code on the Post Details toolbar and paste the code.
7
Fix the lightbox in blog posts

The blog editor strips the stylesheet line, which the lightbox needs. Open Pages, click Customize on the Blog Post page, then Settings and Custom Code. Add @import url('https://snapwidget.com/stylesheets/snapwidget-lightbox.css'); to the CSS Code box and click Save.

How does the widget work on a Kajabi site?

Custom Code section: In the page editor, click Add Section and pick Custom Code under CUSTOM. Paste the code in the Code box.
Width in columns: Set the section to as many as 12 columns. The widget fills the columns you pick, so 8 columns gives bigger photos than 6.
Blog posts too: Click Source code on the Post Details toolbar to put the widget in a single blog post.
A one-time lightbox fix: The blog editor strips the lightbox stylesheet. One line of Custom CSS on the Blog Post page fixes it for every post.

Want every click? Our docs have the step-by-step install guide.

Read the install guide

Loved by 200,000+ websites

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

Frequently asked questions

Use a Custom Code section. Click Pages, then Customize on the page, and click Add Section. Choose Custom Code under CUSTOM, click Add and paste your SnapWidget code in the Code box. Set the width in columns.

Leave width:100% in the code and choose the width in columns, up to 12. Our help center says this combination works best. If the widget is too narrow, visitors cannot click the photos.

Yes. Click Blog, select the post and click Source code on the Post Details toolbar, then paste the code. Blog posts have no column setting, so the width comes from the code.

The blog editor removes the stylesheet line that the lightbox needs. Click Customize on the Blog Post page, then Settings and Custom Code, and add @import url('https://snapwidget.com/stylesheets/snapwidget-lightbox.css'); to the CSS Code box. It then works in every post. The lightbox comes with paid plans.

No. The blog editor adds empty CDATA lines, a width and height on the iframe and paragraph tags. Leave them, because they do not affect the widget and Kajabi puts the width and height back if you remove them. Only the missing stylesheet line needs a fix.

Yes. Free Instagram widgets with the grid, slideshow, scrolling, board or popup layout work in a Custom Code section. Paid plans add the lightbox, the feed layout and Shoppable Images, from $8 a month with a 14-day free trial.