UserJot
Get started

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

Do you need a way to collect user feedback, display a product roadmap, or publish updates on your WordPress website? UserJot offers a straightforward method to integrate these features by adding simple links to your UserJot boards directly from your WordPress site. This guide shows you how.

Why Connect UserJot to Your WordPress Site?

Integrating UserJot with your WordPress website provides a dedicated space for interacting with your users about your product's direction. You can:

  • Gather user suggestions: Create a Feedback Board where users can submit ideas and vote on existing ones.
  • Display your product roadmap: Share your development plans using a public Roadmap that updates automatically based on feedback status.
  • Announce product updates: Keep users informed about new features and changes with a clear Changelog/Updates feed.

Adding these features helps build community, increases transparency, and provides valuable insights for your product development directly from your WordPress audience.

Setting Up Your UserJot Project

Before linking UserJot to WordPress, you need to set up your UserJot project:

  1. Create your UserJot Account: Sign up at UserJot. A default project with boards will be created for you.
  2. Find Your Board Links: Your public UserJot boards are accessible via links. The main link looks like https://yourproject.userjot.com/. Specific links for the roadmap and updates are https://yourproject.userjot.com/roadmap and https://yourproject.userjot.com/updates.
  3. Consider a Custom Domain (Optional): For a more branded experience, you can set up a custom domain like feedback.yourdomain.com. The links would then be https://feedback.yourdomain.com/, https://feedback.yourdomain.com/roadmap, and https://feedback.yourdomain.com/updates.
  4. Get Started: Follow the getting started guide for initial setup details.

Adding UserJot Links to Your WordPress Site

The most common way to integrate UserJot is by adding text links to your WordPress site's navigation menu or footer area.

Adding Links to Your WordPress Navigation Menu

  1. Log in to your WordPress Dashboard.
  2. Navigate to Appearance > Menus.
  3. Select the menu you want to edit (often your main navigation).
  4. In the "Add menu items" panel on the left, expand the Custom Links section.
  5. In the URL field, paste the link to your UserJot board (e.g., https://yourproject.userjot.com/ or https://feedback.yourdomain.com/).
  6. In the Link Text field, enter the text you want displayed in the menu (e.g., "Feedback", "Suggest Features", "Roadmap", "Updates").
  7. Click Add to Menu.
  8. Drag the new menu item to your desired position in the menu structure.
  9. Repeat steps 4-8 for other UserJot links (Roadmap, Updates).
  10. Click Save Menu.

Adding Links to Your WordPress Footer (Widget Area or Site Editor)

The method depends on your WordPress theme (Classic Theme with Widgets or Block Theme with Site Editor).

For Classic Themes (Using Widgets):

  1. Log in to your WordPress Dashboard.
  2. Navigate to Appearance > Widgets.
  3. Locate the footer widget area (the name varies by theme, e.g., "Footer Column 1", "Footer Bar").
  4. Add a Text or Custom HTML widget to the desired footer area.
  5. Inside the widget, add your links using basic HTML. See examples of footer links. For instance: 
    <a href="https://yourproject.userjot.com/">Feedback</a><br />
<a href="https://yourproject.userjot.com/roadmap">Roadmap</a><br />
<a href="https://yourproject.userjot.com/updates">Updates</a>
    (Replace the URLs with your actual UserJot links)
  6. Click Save or Update.

For Block Themes (Using Site Editor):

  1. Log in to your WordPress Dashboard.
  2. Navigate to Appearance > Editor.
  3. Select Patterns and find your Footer template part (or navigate directly to the footer area in the site preview).
  4. Click to edit the footer area.
  5. Add a Paragraph block or Navigation block where you want the links.
  6. Type the link text (e.g., "Feedback").
  7. Select the text and click the link icon in the block toolbar.
  8. Paste your UserJot board URL (e.g., https://yourproject.userjot.com/). Press Enter or click the apply button.
  9. Repeat steps 6-8 for other links (Roadmap, Updates).
  10. Click Save.

Matching UserJot to Your Site Design

To create a consistent look between your WordPress site and your UserJot boards:

  • Customize Branding: Use UserJot's branding options to change the project name, upload your logo/favicon, and set a primary color that matches your WordPress theme.
  • Use a Custom Domain: Setting up a custom domain (e.g., feedback.yourdomain.com) reinforces your brand identity when users click the links from your WordPress site.

Conclusion

Adding UserJot links to your WordPress navigation or footer is an effective way to integrate user feedback, roadmap, and changelog features without complex setup. Start collecting valuable user input on your WordPress site today.