Skip to main content

Thrive Architect installation

Thrive Architect Testimonials with Custom HTML

Thrive Architect has its own testimonial elements for quotes you type in. For testimonials collected and approved in StoryProof, use the Custom HTML element instead. On ordinary pages that is the whole job. On Thrive landing pages, which bypass the theme, the script has a better home in the page’s own Custom Scripts panel.

  • The div for the Custom HTML element
  • The script for a landing page’s Body (Footer) field
  • Why theme scripts can miss Thrive landing pages
Use the free toolStart free (opens in a new tab)
Thrive Architect · A Custom HTML element on the page

Thrive Architect › green plus (+) › search Custom HTML › drag onto the canvas › Edit HTML content

<div data-storyproof-widget="YOUR_WIDGET_ID"></div>

2 places to paste in Thrive Architect. Your widget id goes in once.

Free tool, no sign-upTry it below

Code for Thrive Architect

Element code and landing page script

Type your widget id. On a regular page or post you can paste both lines into the Custom HTML element. On a Thrive landing page, keep the div in the element and the script in the landing page’s Body (Footer) field, so one copy serves every widget on it.

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

Part 1 · A Custom HTML element on the page

Thrive Architect › green plus (+) › search Custom HTML › drag onto the canvas › Edit HTML content

<div data-storyproof-widget="YOUR_WIDGET_ID"></div>

Part 2 · Landing page Custom Scripts

Thrive Architect › Settings › Advanced Settings › Custom Scripts › Body (Footer)

<script src="https://app.storyproof.io/embed.js" async></script>

Save in the editor, then open the published page. Thrive notes that custom scripts run only on the live page, not inside the editor canvas.

The id you enter only changes the code displayed here. Nothing is saved or sent.

The problem, solved

Thrive pages that sell without real proof

  • Problem 1

    Typing every quote into Thrive elements

    The built in testimonial elements need each quote, name and photo entered in the editor, and they stay as typed until someone edits the page.

  • Problem 2

    Theme footer script misses landing pages

    Thrive landing pages bypass the theme, so a script added through theme level settings may not load on them at all.

  • Problem 3

    Custom HTML has almost no style controls

    Thrive gives this element only its Layout panel; typography, colours and borders are not available as they are on native elements.

  • Problem 4

    Students send wins as videos

    A course or coaching sales page is stronger with a student speaking, but uploading and embedding clips one by one rarely happens.

In StoryProof

Add it to a Thrive Architect page

Step 1 of 5

Prepare the widget

In StoryProof, create a widget for this sales or opt in page, choose the approved testimonials and a layout suited to the section.

Before you start

Thrive Architect specifics

  • Scripts run on the live page only

    Thrive says custom scripts are not run inside the editor. An empty placeholder in the canvas is expected; judge the published page.

  • Landing pages ignore the theme

    Because Thrive landing pages bypass the theme, site wide script settings may not apply there. Each landing page needs the script in its own Custom Scripts or inside the element.

  • Code can conflict with the editor

    Thrive warns that custom JavaScript and HTML can break a layout or conflict with Thrive Architect. Paste the generated lines unchanged.

  • No Thrive element from StoryProof

    StoryProof has no Thrive Architect element or plugin. The Custom HTML element and Custom Scripts panel are the integration.

  • Docs as of 2026-11-14

    The steps follow Thrive Themes’ documentation as read on 2026-11-14; the Custom Scripts labels come from search listings of its landing page guides. Not yet tried on a live site. Widgets per workspace: Free 1, Starter 5, Pro unlimited. A small "Powered by StoryProof" badge shows until Pro.

FAQ

Questions people ask

Short answers to what usually comes up next.

Should I remove Thrive’s own testimonial element?

Not necessarily. Some pages keep one typed quote near the top and the StoryProof widget lower down. Avoid repeating the same quote in both.

Can I use a shortcode instead of the embed?

StoryProof installs with the div and script, not a WordPress shortcode, so the Custom HTML element is the right place.

Does this work on a Thrive Theme Builder template?

A Custom HTML element behaves the same in a template. For a site wide script on pages that use the theme, Thrive Theme Builder has its own scripts manager; landing pages still need their own.

Which Custom Scripts field should I use?

Body (Footer), which places the code before the closing body tag. Thrive recommends that slot for scripts that are not needed before the page renders.

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

Put student and client wins on your Thrive pages

Collect and approve testimonials in StoryProof, then add one Custom HTML element.

Start free (opens in a new tab)

Sources

  1. Custom HTML Element, Thrive Themes Knowledge Base. Checked 2026-11-14.
  2. Adding custom scripts to Thrive landing pages, Thrive Themes Knowledge Base. Checked 2026-11-14.
  3. Adding Facebook pixel to Thrive Theme Builder, Thrive Themes Knowledge Base. Checked 2026-11-14.

Last updated 2026-11-14.