Add User Feedback, Roadmap & Changelog to Your Framer Website

Published on
Written by Shayan Taslim
Add User Feedback, Roadmap & Changelog to Your Framer Website

This guide explains how to connect UserJot features like feedback boards, public roadmaps, and product changelogs to your website built with Framer. Use UserJot to gather user ideas and keep your audience informed directly from your Framer site.

Why Connect UserJot to Framer?

Connecting UserJot to your Framer site provides a direct channel for user interaction. You can gather user suggestions, display your product roadmap publicly, and publish updates about your progress. This helps build community and transparency around your product development.

Setting Up Your UserJot Project

Before linking to Framer, you need to set up your UserJot project.

  1. Create a UserJot Account: Sign up at UserJot and create your first project.
  2. Get Your Board Links: Once your project is ready, UserJot provides a unique URL (like https://yourproject.userjot.com/) for your main feedback board. Specific paths like /roadmap and /updates are available for those features.
  3. Consider a Custom Domain: For a branded appearance, you can set up a custom domain like feedback.yourdomain.com. Learn more about custom domain setup.

Find detailed setup instructions in the getting started guide and tips for adding links to your site footer.

The most direct way to integrate UserJot with Framer is by adding links to your site’s navigation menu or footer.

  1. Open Your Framer Project: Log in to Framer and open the project you want to edit.
  2. Navigate to Your Navigation or Footer: Locate the component (often a Master Component) that contains your site’s navigation bar or footer section in the Layers panel. Double-click to edit it.
  3. Select or Add Link Text: Find an existing text link (e.g., “Feedback”, “Roadmap”, “What’s New”) or add a new text layer where you want the link to appear.
  4. Add the Link:
    • Select the text layer.
    • In the right-hand properties panel, find the “Link” section.
    • In the “URL” field, paste the full URL for your UserJot board, roadmap, or changelog (e.g., https://yourproject.userjot.com/, https://yourproject.userjot.com/roadmap, or your custom domain equivalent).
    • Choose whether the link should open in a new tab.
  5. Publish Your Changes: Preview your site to test the links. Once confirmed, publish your Framer site to make the changes live.

Example Link Text:

  • “Share Feedback” -> https://yourproject.userjot.com/
  • “View Roadmap” -> https://yourproject.userjot.com/roadmap
  • “Latest Updates” -> https://yourproject.userjot.com/updates

Matching UserJot to Your Site Design

Maintain a consistent look between your Framer site and UserJot pages.

  • Customize Branding: Use UserJot’s branding options to change the logo, favicon, and primary color to match your Framer site’s design.
  • Use a Custom Domain: Setting up a custom domain (e.g., feedback.yourdomain.com) reinforces your brand identity.

Conclusion

Adding UserJot links to your Framer site is a straightforward way to start collecting feedback, sharing your roadmap, and announcing updates. Connect with your users by adding these links today.