SeggWat LogoSeggWat
Dashboard

Ghost

Integrate SeggWat with Ghost CMS to collect feedback directly from your blog.

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

Get your SeggWat script

2

Add script to Ghost

3

Test and customize

Customization for Ghost Blogs

Match Your Blog's Theme

Customize the button color to match your Ghost theme's accent color:

html
<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>

Advanced Configurations

Multi-language Support

If your Ghost blog serves an international audience, configure the widget language:

html
<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:

html
<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

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

Troubleshooting

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:

html
<!-- 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
Navigation