Skip to main content

Kajabi installation

Add Testimonials to Kajabi Sales Pages

Kajabi gives every Website Page and Landing Page a Custom Code block you can drop into any section. That block is where a StoryProof widget lives: two lines pasted beside your offer, filled with the student stories you picked for that course or coaching program.

  • Code ready for a Kajabi Custom Code block
  • Which Kajabi page types accept a block
  • Where proof sits on a course sales page

Code for Kajabi

Paste this into a Kajabi Custom Code block

Kajabi asks for script tags inside a Custom Code block, which is exactly how the StoryProof snippet arrives. Paste both lines unchanged into the Code field.

Shown in StoryProof when you copy a widget’s embed code.

A Custom Code block in the sales page section where proof belongs

Website › open the page › open a section › Add block › Custom Code › Code field

<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>

Click Save, then open the page as a visitor would. If you add a second widget lower on the same page, give that block only the div line.

The code is assembled in your browser. Nothing you type here is sent anywhere.

The problem, solved

Why Kajabi sales pages end up with stale proof, and the fix

  • Problem 1

    My student wins are just screenshots

    A cropped screenshot of a DM is hard to read on a phone and impossible to verify, and it sits on the page long after the student has moved on.

  • Problem 2

    Each offer should show its own students

    A membership buyer wants to hear from members, and a coaching buyer from coaching clients. One shared quote list serves neither page well.

  • Problem 3

    I cannot risk an unvetted comment on launch day

    During a launch the sales page gets the most traffic it will ever see, and a half-finished or off-topic submission there costs real enrollments.

  • Problem 4

    Long sales pages want proof in three places

    Creators often repeat proof near the hero, after the curriculum and beside the price. Three full snippets would load the same script three times.

  • Problem 5

    Kajabi warns me about pasting outside code

    Kajabi’s help center tells creators to only use code from sources they trust and to scan third-party snippets first.

Which Kajabi pages can hold the widget

Kajabi offers custom code in several places, but only some of them put visible content on the page. This is how they map, per Kajabi’s help center.

Source: Kajabi Help Center, “Add custom code to pages”, read 2026-11-12.
Kajabi locationHow code goes inFit for a testimonial widget
Landing Page or Website PageCustom Code block inside a section, script tags allowedYes. This is the install this page describes
Same page, Settings tabCustom CSS or Custom JavaScript panel, no script or style tagsNo. There is nowhere to place the div
Checkout pageSettings panel on the offer’s checkout, no blockNo. Put proof on the sales page before checkout
Upsell pageSettings panel on the upsell, no blockNo visible spot for the widget
Every page (Site details)Header Page Scripts, loaded in the headNot on its own. It cannot place a div in the page body
Legacy Premier pageCustom Content section, then Custom CodeYes, using the Premier route instead of a section block

In StoryProof

Install it on a Kajabi sales page

Allow about ten minutes for the first widget. Later pages reuse the same pattern.

Step 1 of 5

Build the widget for one offer

In StoryProof, choose the stories tagged for this course or program and add them to a widget. Copy its code.

Before you start

Kajabi caveats to know first

  • No Kajabi app

    StoryProof is not a Kajabi integration or app. It installs through a Custom Code block like any third-party embed. Without one, link to your hosted Wall of Love from a button.

  • Checkout pages are out of reach

    Kajabi checkout and upsell pages take code only through settings panels, with no block to hold the widget. Do the persuading on the sales page.

  • Kajabi asks you to vet code

    Kajabi warns that custom code can break a site and suggests scanning third-party snippets. Read the two lines before pasting; they hide nothing.

  • Branding badge

    Widgets show a small “Powered by StoryProof” badge until Pro.

  • Written from Kajabi’s docs

    These steps follow Kajabi’s help center as read on 2026-11-12 and have not been clicked through on a live Kajabi site. Menu names in Kajabi can change.

FAQ

Questions people ask

Short answers to what usually comes up next.

Can I put the script in Kajabi’s page Settings instead?

Not as written. The Settings tab’s Custom JavaScript panel expects bare code without script tags, and the widget still needs a div in the page body. The Custom Code block handles both.

Does this work on a Kajabi checkout page?

Kajabi checkout pages offer a settings panel for code but no block to place visible content, so the widget belongs on the sales page that leads there.

Can every Kajabi offer show different testimonials?

Yes. Make one widget per offer and choose the approved stories for each. Tags make the right set quick to find when you build the next sales page.

Where on a course sales page should the widget go?

Most creators get the most from proof right after the curriculum, where a buyer asks whether it works for someone like them, and again near the price. The table above lists which page types accept it.

Still have a question? Ask the StoryProof team or book a demo.

Let your students sell the next cohort

Collect stories with one link, approve the best, and paste them into a Kajabi Custom Code block.

Sources

  1. Add custom code to pages, Kajabi Help Center. Checked 2026-11-12.

Last updated 2026-11-12.