How to Add User Feedback, Roadmap & Changelog to Your Ghost Site with UserJot

Published on
Written by Shayan Taslim
How to Add User Feedback, Roadmap & Changelog to Your Ghost Site with UserJot

Want to gather feedback, share your product plans, or announce updates directly from your Ghost publication? This guide shows you how to connect UserJot features like feedback boards, roadmaps, and changelogs to your Ghost site using simple links. UserJot offers an easy way to manage these user interactions.

Why Connect UserJot to Your Ghost Site?

Integrating UserJot with your Ghost site lets you centralize community interaction. You can:

  • Collect User Ideas: Create a feedback board where readers can submit suggestions and vote on posts.
  • Display Your Plans: Share your product roadmap publicly, showing users what features are planned or in progress.
  • Announce Updates: Publish a changelog to keep your audience informed about new developments or content updates.

Setting Up Your UserJot Boards

Before adding links to Ghost, you need your UserJot space ready:

  1. Create a UserJot Account: Sign up at UserJot and set up your project. You’ll get a default subdomain like yourproject.userjot.com. Read the getting started guide for initial setup.
  2. Get Your Links: Identify the URLs for your feedback board, roadmap, and updates page.
    • Feedback: https://yourproject.userjot.com/
    • Roadmap: https://yourproject.userjot.com/roadmap
    • Updates: https://yourproject.userjot.com/updates
  3. (Optional) Use a Custom Domain: For a branded look, set up a custom domain like feedback.yourdomain.com. Your links will then use this domain (e.g., https://feedback.yourdomain.com/roadmap). The footer links guide shows examples for both subdomain and custom domain structures.

The most direct way to connect UserJot is by adding links to your Ghost site’s navigation or footer. Ghost’s Code Injection feature is often the simplest method.

Method 1: Using Ghost Code Injection (Recommended for Footer Links)

  1. Log in to your Ghost Admin panel.
  2. Navigate to Settings > Code Injection.
  3. In the Site Footer section, add HTML links. For example, to add all three links: 
    <a
  href="[https://yourproject.userjot.com/](https://yourproject.userjot.com/)"
  target="_blank"
  rel="noopener"
  >Share Feedback</a
>
|
<a
  href="[https://yourproject.userjot.com/roadmap](https://yourproject.userjot.com/roadmap)"
  target="_blank"
  rel="noopener"
  >Roadmap</a
>
|
<a
  href="[https://yourproject.userjot.com/updates](https://yourproject.userjot.com/updates)"
  target="_blank"
  rel="noopener"
  >Latest Updates</a
>
    • Replace https://yourproject.userjot.com/ with your actual UserJot board URL (or custom domain).
    • Adjust the link text (e.g., “Suggest a Feature”, “See Our Plans”, “What’s New”) to fit your site’s tone.
    • You can add basic styling using <style> tags in the header or footer injection if needed, or rely on your theme’s default link styling.
  4. Click Save. The links should now appear in the footer of your Ghost site.

Method 2: Editing Your Ghost Theme (For Navigation or Specific Placement)

If you want links in your main navigation or need more control over placement, you might need to edit your theme files (.hbs files):

  1. Download your current theme from Ghost Admin (Settings > Design > Change theme > Advanced > Download).
  2. Unzip the theme files.
  3. Locate the relevant Handlebars file (.hbs). This could be partials/navigation.hbs for the main menu or partials/footer.hbs / default.hbs for the footer, depending on your theme’s structure.
  4. Edit the file using a code editor. Add your UserJot links using standard HTML <a> tags where you want them to appear within the theme’s structure. 
    <a
  href="[https://yourproject.userjot.com/](https://yourproject.userjot.com/)"
  >Feedback</a
>
<a
  href="[https://yourproject.userjot.com/roadmap](https://yourproject.userjot.com/roadmap)"
  >Roadmap</a
>
<a
  href="[https://yourproject.userjot.com/updates](https://yourproject.userjot.com/updates)"
  >Updates</a
>
  5. Save the changes.
  6. Zip the theme folder again.
  7. Upload the modified theme back to Ghost (Settings > Design > Change theme > Advanced > Upload theme).

Tips for Adding Links:

  • Use clear link text like “Share Feedback,” “View Roadmap,” or “Product Updates.”
  • Place links where users can easily find them, such as the site footer or a dedicated “Feedback” section in your navigation.
  • Test the links after adding them to make sure they go to the correct UserJot pages.

Matching UserJot to Your Site Design

To create a cohesive experience when users click from your Ghost site to UserJot:

  • Customize Branding: Use UserJot’s branding options to upload your logo, favicon, and set a primary color that matches your Ghost site’s design.
  • Use a Custom Domain: Setting up a custom domain reinforces your brand identity when users visit your UserJot pages.

Conclusion

Adding UserJot links to your Ghost site provides a simple yet effective way to engage your audience, gather valuable feedback, and communicate your product’s direction. Start collecting feedback on your Ghost site today.