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

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

Want to collect user ideas, share your product plans, or announce updates directly from your Webflow website? This guide explains how to easily connect UserJot features like feedback boards, roadmaps, and changelogs to your Webflow site by adding simple text links. UserJot provides the tools to manage this user engagement.

Why Connect UserJot to Your Webflow Site?

Integrating UserJot with your Webflow site allows you to centralize user interaction. You can:

  • Gather user suggestions: Create a dedicated space for users to submit feedback and ideas using a UserJot feedback board.
  • Display your product roadmap: Show users what features are planned or in progress using UserJot’s roadmap feature.
  • Publish updates: Keep users informed about new releases and improvements through a UserJot changelog.

Linking these UserJot pages from your Webflow site makes them easily accessible to your audience.

Setting Up Your UserJot Project

Before adding links to Webflow, you need your UserJot pages ready.

  1. Sign up for UserJot and create your project.
  2. UserJot will give you a default subdomain (e.g., yourproject.userjot.com). You can find the links to your feedback board, roadmap (/roadmap), and updates page (/updates) from your UserJot dashboard.
  3. Optionally, set up a custom domain (like feedback.yourdomain.com) for a branded experience.
  4. Decide where you want to place the links on your Webflow site (common places are the footer or main navigation). See examples of footer links.

You will need the direct URLs for your UserJot Feedback Board, Roadmap, and Updates pages.

Connecting UserJot to Webflow involves adding text links within the Webflow Designer. Here’s how you can add links to your site’s navigation or footer:

  1. Open Webflow Designer: Log in to your Webflow account and open the project you want to edit in the Designer view.

  2. Navigate to Footer/Navbar: Scroll to the footer section or select the navigation bar where you want to add the links.

  3. Add Link Element:

    • From the “Add Elements” panel (shortcut ‘A’), drag a Text Link element or a Link Block (if you want more complex styling) into your chosen section (e.g., within a footer column or navbar menu).

  4. Configure the Link:

    • Select the newly added link element.
    • Go to the Settings panel (shortcut ‘D’).
    • Under “Link Settings”, choose the “URL” option.
    • Paste the full URL for your UserJot Feedback Board (e.g., https://yourproject.userjot.com/ or https://feedback.yourdomain.com/).
    • Set Link Text: Double-click the link element on the canvas and type clear, descriptive text like “Share Feedback”, “Suggest an Idea”, or “Give Feedback”.

  5. Repeat for Roadmap and Updates: Repeat steps 3 and 4 to add separate links for your UserJot Roadmap (e.g., https://yourproject.userjot.com/roadmap) with text like “View Roadmap” or “Product Plans”, and your Changelog/Updates page (e.g., https://yourproject.userjot.com/updates) with text like “Latest Updates” or “What’s New”.

  6. Style the Links: Use the Style panel (shortcut ‘S’) in Webflow to adjust the appearance (color, font, spacing) of your new links to match your site’s design.

  7. Publish Changes: Click the “Publish” button in the top right corner of the Webflow Designer to make your changes live.

Your Webflow site now includes direct links for users to access your UserJot feedback board, roadmap, and updates.

Matching UserJot to Your Site Design

For a consistent look between your Webflow site and your UserJot pages, consider:

  • Customizing Branding: Use UserJot’s branding options to change the logo, colors, and project name to align with your Webflow site’s style.
  • Using a Custom Domain: Setting up a custom domain reinforces your brand identity when users click the links.

Conclusion

By adding direct links in Webflow, you can effectively integrate UserJot’s feedback, roadmap, and changelog features, creating a valuable channel for user communication. Start collecting feedback and sharing updates on your Webflow site today.