Skip to main content
Add SeggWat’s feedback button to your Ghost blog and start collecting reader insights in minutes. No plugin installation required - just paste a script tag.

​
Quick Setup

Ghost makes it incredibly easy to add custom scripts through its built-in Code Injection feature.
1
Step 1: Get your SeggWat script
2
  1. Visit seggwat.com and sign up for free
  2. Create a new project for your Ghost blog
  3. Navigate to Installation to get your script tag
Name your project after your blog to keep things organized!
Your script will look like this:
<script defer
  src="https://seggwat.com/static/widgets/v1/seggwat-feedback.js"
  data-project-key="YOUR_PROJECT_KEY"
  data-button-color="#ff865b">
</script>
The script includes your unique project key that connects feedback to your dashboard.
3
Step 2: Add script to Ghost
4
  1. Log in to your Ghost admin panel at yourblog.com/ghost
  2. Click Settings in the left sidebar (gear icon)
  3. Scroll down and click Code injection
Code injection is available on all Ghost plans, including self-hosted installations.
  1. In the Site Header section, paste your SeggWat script
  2. Click Save in the top-right corner
  3. That’s it! The feedback button will now appear on all pages
<!-- Site Header -->
<script defer
  src="https://seggwat.com/static/widgets/v1/seggwat-feedback.js"
  data-project-key="YOUR_PROJECT_KEY"
  data-button-color="#ff865b">
</script>
Use the Site Header (not Site Footer) to ensure the button loads as early as possible.
5
Step 3: Test and customize

Verify the integration

  1. Visit your blog’s homepage
  2. You should see the feedback button in the bottom-right corner
  3. Click it and submit test feedback
  4. Check your SeggWat dashboard to confirm the feedback appears
Changes may take a few seconds to propagate. Try a hard refresh (Cmd+Shift+R or Ctrl+Shift+R) if you don’t see the button immediately.

​
Customization for Ghost Blogs

​
Match Your Blog’s Theme

Customize the button color to match your Ghost theme’s accent color: 
<script defer
  src="https://seggwat.com/static/widgets/v1/seggwat-feedback.js"
  data-project-key="YOUR_PROJECT_KEY"
  data-button-color="#15171A">  <!-- Ghost's default dark color -->
</script>
Popular Ghost theme colors:
  • Casper (default): #15171A (dark) or #3eb0ef (blue)
  • Edition: #ff1a75 (pink)
  • London: #738a94 (grey)

Full customization options

Learn about all available customization options

​
Button Positioning

Choose the button position that works best with your Ghost theme’s layout: 
<script defer
  src="https://seggwat.com/static/widgets/v1/seggwat-feedback.js"
  data-project-key="YOUR_PROJECT_KEY"
  data-button-position="bottom-right">
</script>
The right-side position works great for blogs with minimal sidebars or full-width content.

​
Advanced Configurations

​
Multi-language Support

If your Ghost blog serves an international audience, configure the widget language: 
<script defer
  src="https://seggwat.com/static/widgets/v1/seggwat-feedback.js"
  data-project-key="YOUR_PROJECT_KEY"
  data-language="de">  <!-- German -->
</script>
Supported languages: en (English), de (German), sv (Swedish)

Internationalization guide

Learn more about multi-language configurations

​
Show on Specific Pages Only

If you want the feedback button on specific pages (e.g., only blog posts, not static pages), use Ghost’s Post Code Injection:
1

Navigate to a specific post

Open any post in the Ghost editor
2

Access Post Settings

Click the settings gear icon (⚙️) in the top-right
3

Scroll to Code Injection

Under Post Header, paste your SeggWat script:
<script defer
  src="https://seggwat.com/static/widgets/v1/seggwat-feedback.js"
  data-project-key="YOUR_PROJECT_KEY">
</script>
4

Repeat for other posts

Alternatively, modify your theme template to add the script only to post.hbs
Post-level code injection needs to be added to each post individually. For blog-wide integration, use Site Header code injection instead.

​
Self-Hosted Ghost

For self-hosted Ghost installations, the setup is identical. Just ensure:
  1. Your Ghost version is up-to-date (4.0+)
  2. Code injection is enabled in your configuration
  3. You have admin access to the Ghost admin panel

​
Ghost-Specific Use Cases

Collect feedback directly on blog posts to understand what resonates with readers:
  • Bug reports: Typos, broken links, or technical issues
  • Content suggestions: Topics readers want covered
  • Feature requests: Newsletter improvements, comment features, etc.
If you use Ghost’s built-in newsletter feature:
  • Get feedback on email content directly from your blog
  • Learn what subscribers want to see in future issues
  • Identify pain points in the subscription process
For Ghost blogs with paid memberships:
  • Collect feedback from paying members
  • Understand what content adds the most value
  • Identify issues with the payment or signup flow
Planning to redesign your Ghost theme or migrate content?
  • Ask readers what they like/dislike about the current design
  • Get feedback on navigation, readability, and UX
  • Validate design decisions before committing to changes

​
Troubleshooting

Common solutions:
  • Verify you pasted the script in Site Header, not Site Footer
  • Check if your Ghost theme has JavaScript errors (open browser console)
  • Ensure you clicked Save after adding the script in Code Injection
  • Try clearing your browser cache or testing in an incognito window
  • Confirm your project key is correct (no extra spaces or line breaks)
If the button overlaps with your theme’s elements:
  • Try changing data-button-position to right-side
  • Adjust the button color to ensure visibility
  • Use browser DevTools to check z-index conflicts
  • Consider reaching out to your theme developer for custom CSS
The SeggWat button has a z-index: 9999, which should appear above most theme elements.
Possible causes:
  • You don’t have admin/owner permissions (editors can’t access Code Injection)
  • Your Ghost version is outdated (update to Ghost 4.0+)
  • Code injection is disabled in your config.production.json (for self-hosted)
Contact your site administrator or Ghost hosting provider for assistance.
The SeggWat button is fully responsive and mobile-optimized by default:
  • On mobile devices, the button scales appropriately
  • Touch targets meet accessibility standards
  • Modal form is scrollable on small screens
If you experience issues, ensure your Ghost theme doesn’t have conflicting mobile CSS.

​
Best Practices for Ghost Blogs

Set clear expectations

Add a brief note in your About page or footer mentioning that you welcome feedback via the button.

Respond to readers

Use SeggWat’s dashboard to respond to feedback and show readers you’re listening.

Monitor feedback trends

Track common themes in feedback to guide your content strategy and blog improvements.

Keep it simple

Don’t overwhelm readers with too many feedback options. The SeggWat button is unobtrusive and always available.

​
Next Steps

Widget customization

Customize colors, positioning, and behavior to match your Ghost theme perfectly

Multi-language support

Configure the widget for international Ghost blogs

API integration

Build custom Ghost integrations using the SeggWat API

WordPress guide

Migrating from WordPress? See our WordPress integration guide

​
Example: Full Ghost Setup

Here’s a complete example for a Ghost blog with custom branding: 
<!-- Add to Settings → Code injection → Site Header -->
<script defer
  src="https://seggwat.com/static/widgets/v1/seggwat-feedback.js"
  data-project-key="abc123-your-project-key"
  data-button-color="#3eb0ef"
  data-button-position="bottom-right"
  data-language="en">
</script>
This configuration:
  • Uses Ghost’s default accent blue (#3eb0ef)
  • Positions the button in the bottom-right corner
  • Sets the interface language to English
  • Loads asynchronously with defer for optimal performance
Questions or need help? Reach out to us at [email protected] or check our full documentation.