INTEGRATIONS

Ghost + Shoutjar

Add testimonial widgets to your Ghost blog or membership site. One code snippet. No theme modifications. Updates automatically.

Works with Ghost(Pro) & Self-hosted
Code Injection
No theme editing
Ghost
Shoutjar

Social Proof for Creators

Ghost powers blogs, newsletters, and membership sites for creators. Your readers and subscribers trust you. But new visitors don't know you yet.

Testimonials help with:
Blog credibility — Show readers others value your content
Newsletter signups — Social proof increases subscription rates
Membership conversions — Testimonials from members drive more upgrades
Course/product sales — Reviews from customers build trust

Ghost makes it easy to add testimonials via Code Injection — no theme editing required.

Add Testimonials in 3 Steps

1

Create Your Widget

Sign up for Shoutjar (free). Import testimonials from Twitter, LinkedIn, emails — or add them manually.

Choose a widget style and customize colors to match your Ghost theme.

2

Copy the Code

Click "Get Embed Code" in Shoutjar. Copy both the script and the widget HTML.

One-click copy
3

Add via Code Injection

In Ghost Admin:

  1. 1.Go to Settings → Code Injection
  2. 2.Paste script in Site Footer
  3. 3.Add widget HTML → Save

Done. Testimonials live on your site.

Step-by-Step Ghost Integration

Method 1: Code Injection (Recommended)

For testimonials on your homepage or every page

  1. 1
    Go to Ghost Admin → Settings → Code Injection
  2. 2
    In Site Footer, paste the Shoutjar script:
Site Footer
<script src="https://cdn.shoutjar.com/widget.js" defer></script>
  1. 3
    In Site Header (or Footer), add the widget HTML:
Site Header
<div data-shoutjar-widget="YOUR_WIDGET_ID" data-shoutjar-style="carousel"></div>
  1. 4
    Click Save

Method 2: HTML Card in Posts/Pages

For testimonials on specific posts or pages

  1. 1
    First, add the script via Code Injection → Site Footer (one time)
  2. 2
    Edit the post/page where you want testimonials
  3. 3
    Click + and add an HTML card
  4. 4
    Paste the widget HTML:
HTML Card
<div data-shoutjar-widget="YOUR_WIDGET_ID" data-shoutjar-style="grid"></div>
  1. 5
    Publish the post

Method 3: Theme Customization (Advanced)

For precise placement

  1. 1
    Access your Ghost theme files
  2. 2
    Add the script to default.hbs before </body>
  3. 3
    Add widget HTML in templates where needed (e.g., index.hbs, page.hbs)
  4. 4
    Upload the modified theme

Note: Most users won't need theme customization — Code Injection handles 90% of use cases.

Ghost(Pro) vs Self-Hosted

Both work the same way:

Ghost(Pro)

Use Code Injection in Settings

Self-hosted

Same, or modify theme files directly

Widgets That Match Ghost's Aesthetic

Ghost sites are known for clean, minimal design. Our widgets complement that.

Carousel

Smooth, elegant transitions. One testimonial at a time.

Best for: Homepage, about page, above newsletter signup

Grid

Clean columns of testimonials. Structured and professional.

Best for: Dedicated testimonials section, membership page

Single Spotlight

Feature one powerful quote. Minimal and impactful.

Best for: Landing pages, sales pages, post footers

Badge

Compact rating display: "4.9 ★ from 50+ subscribers".

Best for: Header, near signup forms, pricing section

Marquee

Continuous scrolling ticker. Dynamic social proof.

Best for: Homepage sections, announcement-style

All widgets: Adapt to your Ghost theme's typography. Support light and dark modes. Fully responsive on mobile. Zero impact on Ghost's performance.

How Ghost Creators Use Shoutjar

Newsletter / Blog

"I added subscriber testimonials to my newsletter signup page. Conversion rate went up 23%."
  • Newsletter signup page
  • About page credibility
  • Homepage social proof

Membership Site

"I display member quotes on my upgrade page. They see real people getting value, and more of them convert."
  • Membership upgrade page
  • Pricing page trust
  • Login page retention

Course / Product Creator

"I feature student testimonials on my course landing page. Auto-discovery found tweets about my course I didn't know existed."
  • Course landing page
  • Product pages
  • Thank you pages

Strategic Placement for Ghost Sites

Where to add testimonials for maximum impact

Homepage

Add a carousel below your intro. First-time visitors see social proof immediately.

Newsletter Signup Page

Place testimonials near your signup form. "Join 5,000+ readers who love this newsletter."

Membership/Upgrade Page

Show testimonials from existing members. Address objections before they arise.

About Page

Combine your story with reader testimonials for deeper credibility.

Course/Product Landing Pages

Feature student or customer results right where buying decisions happen.

Post Footers

Add a single testimonial at the end of posts to encourage subscriptions.

Tip: Match testimonials to context. Newsletter page → subscriber quotes. Course page → student results.

Where Your Testimonials Come From

Import praise from everywhere. Display in one widget.

Social Media

  • Twitter/X praise
  • LinkedIn recommendations
  • Reddit mentions

Email & DMs

  • "Love your newsletter!" replies
  • Discord messages
  • Slack DMs, community posts

Reviews

  • Gumroad reviews
  • Platform reviews
  • Product Hunt comments

Auto-Discovery

Shoutjar finds mentions of you and your content — even ones you missed.

Import them all. Display in one widget. Stop letting praise disappear into the void.

Pro Tips for Ghost Users

Match Your Theme's Colors

In Shoutjar, set colors that match your Ghost theme. Widgets inherit your site's visual language for a seamless experience.

Dark Mode Support

Use CSS media queries or Shoutjar's auto theme detection to support dark mode:

Dark mode example
<div class="testimonials-light"
     data-shoutjar-widget="LIGHT_WIDGET_ID"></div>
<div class="testimonials-dark"
     data-shoutjar-widget="DARK_WIDGET_ID"></div>

<style>
  .testimonials-dark { display: none; }
  @media (prefers-color-scheme: dark) {
    .testimonials-light { display: none; }
    .testimonials-dark { display: block; }
  }
</style>

Mobile Responsiveness

Ghost themes are mobile-responsive. Shoutjar widgets are too. No extra work needed.

Performance

Ghost is fast. Shoutjar won't slow it down: Async loading, <20KB script. Your Lighthouse scores stay intact.

Casper Theme Placement

Using Ghost's default Casper theme? Good placements:

  • Homepage: Below main content loop
  • Post: Inside HTML card
  • Page: Via Code Injection or HTML card

Shoutjar vs Manual Testimonials in Ghost

Compare your options

FeatureShoutjarManual in Ghost
Setup time5 minutes30+ minutes
Import from Twitter/XOne clickScreenshot manually
Auto-discover mentionsSearch yourself
Multiple stylesPre-builtDesign yourself
UpdatesAutomaticEdit posts/theme
Social image generationUse Canva
Wall of Love pageBuild yourself
Works outside GhostGhost only
PriceFrom €9/moFree (but time-expensive)

Frequently Asked Questions

Does this work with Ghost(Pro)?

Yes. Use Code Injection in Settings — it's available on all Ghost(Pro) plans.

Does this work with self-hosted Ghost?

Yes. Same Code Injection method, or modify theme files directly.

Do I need to edit my Ghost theme?

No. Code Injection handles everything for most use cases. Theme editing is optional.

Will it slow down my Ghost site?

No. Shoutjar loads asynchronously with minimal footprint. Ghost's speed is preserved.

Can I add testimonials to specific posts only?

Yes. Use HTML cards in individual posts. Add the script once via Code Injection, then embed the widget HTML in any post.

How do I match my Ghost theme's style?

Customize colors, fonts, and spacing in Shoutjar's editor. Widgets adapt to your design.

Can I import testimonials from emails and DMs?

Yes. Add them manually in Shoutjar, or enable auto-discovery to find social mentions.

Works With Other Platforms Too

Use Shoutjar anywhere you can paste an embed code

Social Proof for Your Ghost Site

Add testimonials to your blog, newsletter, or membership site. Code Injection makes it simple. No theme editing.

Get Started Free
Works with Ghost(Pro) & Self-hosted
No theme editing required
Free plan available